SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 47 of 47
  1. #26
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Having some problems with the right side bar.

    http://revolveclothing.com/html/b/3....show_test.html

    The top tabs are all screwed up and the UL bullets are all screwed up in ie... Help is appreciated.

  2. #27
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Hi, can you be more specific? IE6/7/FF are displaying identical in those regards, though I may have been looking somewhere else .
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  3. #28
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm referring to the right sidebar, The first box is a tabbed content area and nothing the box itself is not displaying properly as well as the bulleted list inside the box.

  4. #29
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm referring to the right sidebar, The first box is a tabbed content area and nothing the box itself is not displaying properly as well as the bulleted list inside the box.

  5. #30
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Still not entirely sure so I'm going to be guessing here . FF's not displaying it that great either.

    Code:
    #right_tabs{width:226px;/*lower width to have right border show*/}
    Also on "ul#blog li" change it from a list background image to a regular background image. Different browsers set the vertical alignment of a list style background image so it's much safer and reliable to set a background image because it's more consistant.

    I assume you meant the images problem
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  6. #31
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Need some more help with the right nav tabs. In ie for some reason the :hover does not work, I am using it the same way as the main nav and that work's fine but not the tabs. And also for the ".current" class when your in a tab the background position fro the nav is off...

    Thanks again..

  7. #32
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am using background images for "ul#blog li" Ie is putting more padding on the text the I specified. Is there a fix for this?

  8. #33
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Need some help with a ul list in the right side bar. In Ie6 and 7 the list is flush to the right with the div. http://revolveclothing.com/html/b/3....show_test.html


  9. #34
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Hmm, try to remove the list-style-position:inside from "ul#blog li"
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  10. #35
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ryan, thanks for the help. It worked, I totally forgot about that property... Thank again

  11. #36
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    Glad it worked . You're welcoem.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  12. #37
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Guys, it's me once again. Got a couple of problems in ie6 I need help with.

    1. The active states of these heart icons is displaying the whole image rather than just the active portion of the jpeg. http://revolveclothing.com/html/b/3....ner_index.html

    Having the same problem on this page also - http://revolveclothing.com/html/b/3....ydesigner.html

    Any help is greatly appreciated...

  13. #38
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,759
    Mentioned
    12 Post(s)
    Tagged
    0 Thread(s)
    1) Not in my IE6? I assume we are clicking on one of hte items in the entire list of designers?
    2) Can you be specific? I went to the page in IE6, and besides some PNGs needing a JS script for, there wasn't anything else overly wrong with the page? Or perhaps I'm not looking clearly enough?
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  14. #39
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Ryan... Sorry I had already figured it out...

  15. #40
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Need help with this page http://revolveclothing.com/html/b/3....gory_mens.html

    In ie6 and 7 the lists are all messed up, don't know where to start to fix them.

    Thanks for your help.

    Also I'm using
    HTML Code:
    <br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    for list names that need 2 lines. Renders fine everywhere except ie6...

  16. #41
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    I'd remove all those non breaking spaces because you'd never usually do something like that. Remove the break also and let the word wrap to the next line by itself.

    Set the first anchor to float left and then set the second anchor to display-block and simply apply a margin-left to keep it to the side when it wraps. There are bugs in iE6 and 7 to overcome which make this a little awkward.

    There are some conflicting rules also in your code which doesn't help.

    I used the following css on the revised html and it seems to work fine:

    Place this code at the end of the css file unless you know where to implement it seamlessly.
    Code:
    #designer_index1 li a {
        /*padding-left: 5px;*/
        color: #bababa;
        margin-left:20px;
    }
    #designer_index1 li a,
    #designer_index2 li a,
    #designer_index3 li a,
    #designer_index4 li a,
    #designer_index5 li a{
        display:block;
        margin-left:18px;
    }
    #designer_index_right li.column_header a{
        padding-left:5px;
        margin-left:0;
        display:inline;
    }
    #designer_index_right ul{
        overflow:hidden;
        width:150px;
        margin-left:10px!important;
        display:inline;
    }
    #designer_index_right ul li,
    #designer_index_right ul li a{min-height:0}
    * html #designer_index_right ul li {height:1&#37;}
    a.heart_select{margin-left:0!important}
    Is the heart_select link a different link destination to the text that follows it?

    If not then why not use just the one anchor and place the image in the background of that one anchor and protect the space with some left padding and simplify the whole structure.

    I would have given this lists the same width and used the same class for each ul and removed all classes from the list elements as they would then be unnecessary.

    Validate your page as you have some stray html hanging around like this:

    Code:
                </ul>
                    </a>
                </li> 
                <ul id="designer_index2">
    Hope that helps

  17. #42
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Guys,

    Need some help on this page. http://revolveclothing.com/html/b/3....ine_trend.html

    the top bar "#trend_dd" for some reason in ie 7 is displaying below the other content... In ie6 and every other browser things look fine, but getting a problem in ie 7.

    Help is appreciated.

  18. #43
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    In IE less than 8 floats must always come first in the html if you want any content to wrap around them.

    In Good browsers inline content on the same line will shift out of the way of the float and is what happens on your page. However that only applies to inline content on the same horizontal line and would not apply to previous block content.

    Therefore it's safer to remember that floats must always come first.

    Code:
            <div id="top_bar"><span id="trend_dd">Trend Archives</span>REVOLVE Magazine  | <a href="#">Trends</a> | <a href="#">Velvet</a></div>
    I changed the trend_DD to a span as it's bad practice to butt a div up against adjacent inline content at the same level.

  19. #44
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul O'B,

    Thanks allot man, it worked great... I will make note of those tips for next time.

    If you have time. Having a problem on this page, Content that is all the way to the right in this div ".prod_topbar" is shifting down in ie7 for some reason - http://revolveclothing.com/html/b/3....hop_trend.html

  20. #45
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul,

    Never-mind I just figured it out... Thanks again..

  21. #46
    SitePoint Enthusiast
    Join Date
    Dec 2008
    Posts
    77
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Having problem with styling spans on this page - http://revolveclothing.com/html/b/3....hop_trend.html

    Every browser displays the style for this span except ie6 and 7 "#all_vid_link" does anybody know what could be causing this?

  22. #47
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,549
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It looks much the same to me in IE so I guess you have fixed it now

    Semantically you have the reverse problem to the one I mentioned above and this time the span should be a block level element instead
    Code:
    </ul>
    <span id="all_vid_link"><a href="#">View All Videos</a></span> <br />
    <ul id="videos">
    It should be:
    Code:
    </ul>
    <p id="all_vid_link"><a href="#">View All Videos</a></p>
    <ul id="videos">
    Elements on the same level should match and a block level element and an inline element should not meet at the same level.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •