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 6 of 6
  1. #1
    Junior Member
    Join Date
    Oct 2007
    Posts
    1
    Member #
    15973
    I'm working on my new site, and I'm stumped on this particular problem.

    I've created a list of clients along with icons for the client services. The client name is listed on the left, the icons on the right. It works as it should in IE7 and most other browsers, but the icons don't want to line up with the text in IE6. I've posted two screencaps here:

    http://www.jaymus.com/test/

    Here's the source code for one list item:

    Code:
    <li>
    <span class="workright">
    <img src="/wp-content/themes/sandbox/images/branding.gif" alt="branding" />&nbsp;
    <img src="/wp-content/themes/sandbox/images/marketing.gif" alt="marketing" />&nbsp;
    <img src="/wp-content/themes/sandbox/images/web.gif" alt="web" />&nbsp;
    <img src="/wp-content/themes/sandbox/images/graphic.gif" alt="graphic design" />
    </span>
    <a id="granting" href="#" title="GAW Foundation">GAW Foundation</a>
    </li>

    And here's the css:

    Code:
    .workright {
    	float: right;
    }
    
    div.worksidebar ul ul li{
    	list-style:none;
    	margin:0px;
    	padding: 0px 5px;
    	border-top-width: 1px;
    	border-top-style: dotted;
    	border-top-color: #CCCCCC;
    	background-color: #FFFFFF;
    	border-bottom-width: 1px;
    	border-bottom-style: dotted;
    	border-bottom-color: #CCCCCC;
    	
    }
    Any guidance would be greatly appreciated.

  2.  

  3. #2
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,732
    Member #
    5580
    Liked
    718 times
    I wish there was an actual link instead of an image.
    I can't duplicate the image using the provided code.
    sorry.


  4. #3
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Did you try putting in a clear after the images in the html? Floats always need to be cleared.
    Shani

    I have an eye for detail like you'd never believe.

  5. #4
    Junior Member
    Join Date
    Oct 2007
    Posts
    7
    Member #
    15905
    Try <span class="workright"> to be <div class="workright"> .

  6. #5
    Senior Member Shani's Avatar
    Join Date
    Nov 2004
    Posts
    1,140
    Member #
    8171
    Quote Originally Posted by janeeen
    Try <span class="workright"> to be <div class="workright"> .
    If you go by web standards, you cannot put a <div> (block level) inside an <li>.
    Shani

    I have an eye for detail like you'd never believe.

  7. #6
    Junior Member
    Join Date
    Oct 2007
    Location
    www.integrabyte.com
    Posts
    1
    Member #
    16005
    You could try relative/abosolute positioning


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 11:42 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com