Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 8 of 8

Thread: Mystery spacing

  1. #1
    Member
    Join Date
    Jul 2011
    Posts
    95
    Member #
    28555
    Liked
    1 times

    Mystery spacing

    Could someone please tell me why ive getting spacing between each link in the header of this site:

    http://tinyurl.com/qcdos9g

    There is no padding or margin and can usually identify it using Dragonfly in Opera but to no avail today.Thanks

  2.  

  3. #2
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    This isn't the best way to code a menu (the best way is as an unordered list), but if you want to solve this quickly, remove any spaces between </a> and <a tags.
    Code:
    <a href="http://theadminguy.co.uk/irma" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','http://theadminguy.co.uk/irma/wp-content/themes/irma/images/menuTp-Home_Ovr.png',1)"><img src="http://theadminguy.co.uk/irma/wp-content/themes/irma/images/menuBar.png" alt="menuBar" width="192" height="50" border="0" /><img src="http://theadminguy.co.uk/irma/wp-content/themes/irma/images/menuTp-Home_Up.png" alt="home" name="home" width="54" height="50" border="0" id="home" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('know Kionne','','http://theadminguy.co.uk/irma/wp-content/themes/irma/images/menuTp-Kionne_Ovr.png',1)"><img src="http://theadminguy.co.uk/irma/wp-content/themes/irma/images/menuTp-Kionne_Up.png" alt="know Kionne" name="know Kionne" width="129" height="50" border="0" id="know Kionne" /></a>
    Like that.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  4. #3
    Member
    Join Date
    Jul 2011
    Posts
    95
    Member #
    28555
    Liked
    1 times
    You know what, it was originally like that when given to me and I thought whoa what a messy block of text, lets make it easier to read and put everything on its own line haha

    I guess there are just limited benefits to trying to be tidy.

  5. #4
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    Yup. heh

    Like I said, you really should have that as an unordered list, but if someone handed you that mess to deal with, it's not your fault.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  6. #5
    WDF Staff AlphaMare's Avatar
    Join Date
    Oct 2009
    Location
    Montreal, Canada
    Posts
    4,570
    Member #
    20277
    Liked
    878 times
    That's a Wordpress site - looks like a custom theme - can you edit the menu by hand in that theme or do you have to do it in the dashboard?
    Good design should never say "Look at me!"
    It should say "Look at this." ~ David Craib


    http://digitalinsite.ca ~ my current site . . info@digitalinsite.ca ~ my email

    If you feel that someone's post helped you fix your problem, answered your question, or just made you feel better, feel free to "Like" their post. The "Like" link is at the bottom right of each post, along side the "reply" link. And if you are being helped here, try to help someone else - pass it on!

  7. #6
    Member
    Join Date
    Jul 2011
    Posts
    95
    Member #
    28555
    Liked
    1 times
    It is a custom Wordpress theme, one of the services I offer is to convert a HTML website in to a custom Wordpress theme to make it easier for the user to edit and add content and maintain their site.
    However, sometimes their HTML is very very poor and takes alot of sorting, I did one a few weeks ago which used map coords to create the links and had around 800 lines for a few images and a few links.

    With this though, their are alot of images making up the nav (gradient background, seperator etc) so I was unable to use the built in menus feature, this one is just hardcoded in to header.php

  8. #7
    Senior Member Webzarus's Avatar
    Join Date
    May 2011
    Location
    South Carolina Coast
    Posts
    3,322
    Member #
    27709
    Liked
    770 times
    Yeah, probably 99% of menus like that ARE going to be done in unordered list ... Why ? Because the CSS can be styled for 1 <li> </> set, and it applies to all of them. May look messy to the un-initiated to CSS, ( but a little basic formatting makes it look workable ), but it's easier and mor consistent to sytle with CSS.

  9. #8
    Member
    Join Date
    Jul 2011
    Posts
    95
    Member #
    28555
    Liked
    1 times
    Quote Originally Posted by Webzarus View Post
    Yeah, probably 99% of menus like that ARE going to be done in unordered list ... Why ? Because the CSS can be styled for 1 <li> </> set, and it applies to all of them. May look messy to the un-initiated to CSS, ( but a little basic formatting makes it look workable ), but it's easier and mor consistent to sytle with CSS.
    I totally agree, so easy to make a nav look good using an unordered list, thankfully the majority of HTML sites im handed do contain UL's, just a few that don't and its obvious they used Frontpage 97 to create them!


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 08:37 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com