SitePoint Sponsor

User Tag List

Page 15 of 66 FirstFirst ... 51112131415161718192565 ... LastLast
Results 351 to 375 of 1630
  1. #351
    SitePoint Addict langedav's Avatar
    Join Date
    Apr 2002
    Location
    Rotterdam, The Netherlands
    Posts
    207
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    3px

    Quote Originally Posted by Paul O'B
    Hi Dave,

    I'm not exactly sure where I'm looking, can you explain a bit more for me please

    Its probably the ie 3 pixel jog but I couldn't really see much difference on those examples above.

    Paul
    Hi Paul, thanks fort your quick reply.

    I think you're right about a 3 pixel jog, but don't have an idea what you mean

    On this page: http://www.haring.nl/site/test2.htm i put two images (one in the sidebar 160 px and one in the content layer 620px) but there is this (3px) space between them. I had to make the container 783 in stead of 780 otherwise the image in the content layer was displayed below the image in the sidebar.

    Hopefully i made my problem clear this way.

    I put

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

    Yes thats the 3 pixel jog. If you look in the faq sticky thread theres a good explanation in the float thread but heres the solution anyway

    [code]
    #sidebar {
    float: left;
    width: 160px;
    padding:5px 0 ;
    }
    * html #sidebar{margin-right:-3px}/* 3 pixel jog*/
    #content {
    width: 620px;
    padding:5px 0 ;
    margin-left:160px;
    }
    /* commented backslash mac hiding hack \*/
    * html #content {height:1%;margin-left:157px}/* ie adds 3 pixels back on*/

    /* end hack */
    [code]

    Its attacked in three ways to ghet a perfect fix. Take 3 px of right margin of float. Take 3px of margin left of content. Add height:1% to keep content straight and not jog back under float.

    Hope that helps.

    Paul

  3. #353
    SitePoint Addict langedav's Avatar
    Join Date
    Apr 2002
    Location
    Rotterdam, The Netherlands
    Posts
    207
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Paul, you are the man!!
    Works great, will look in the sticky threads more often.

    THANX

  4. #354
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi Paul,

    Me again I have a problem positioning tabed menu in template. This is a link to my page. In IE works great but in Firefox all f***ed up with menu. How to fix this problem Paul? Also can you tell me how to make visible li:hover in IE, if possible, and if not what alternative solution you suggest?

    thanks man,
    Jazz

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

    Mozilla is out because you removed the style for removing tyhe top margin from p elements and because you gave ie a height but no mozilla.

    Code:
    div#header{
    color: #000000;
    background: #fff000;
    min-height: 100px;
    margin: 0px;
    padding-top: 26px;
    padding-bottom: 0px;
    padding-left: 12px;
    padding-right: 0px;
    }
    div#header {
    height: 127px;
    }
     
    div, p {
    margin-top: 0;
    }
    
    Ie doesn't understand hover on lists (li) so you'll have to make them anchors or look at the javascript used in the suckerfish menus (google it).

    Hope that helps.

    Paul

  6. #356
    SitePoint Member
    Join Date
    Sep 2004
    Location
    Pennsylvania
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul,

    Once someone points a simple mistake it becomes so obvious I wonder how I made it in the first place. Your suggestion repaired 90% of my problem and put me on the track to fix the rest myself. Keep up the good work.

    Tony

  7. #357
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Paul,

    I applied changes you mentioned but I just rid of top margin space but main menu in Firefox is still below top side of this orange rect. Please take a look. How to place main menu above orange rect???

    thanks in advance,
    Jazz

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

    You didn't change this bit:
    Code:
    * html div#header {
     height: 127px;
     }
    to this:

    Code:
    div#header {
     height: 127px;
     }
    Paul

  9. #359
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Paul now works fine. But what I miss? Why this 2 lines of code not the same? Both indicates to the same element? I suppose Firefox can't understand * or something like that?

    Anyway thanks for your help dude

    stay well,
    Jazz

  10. #360
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,475
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    I suppose Firefox can't understand * or something like that
    Yes its the star html selector hack thats used to give styles only to ie (* html).

    The asterisk (star *) is a universal selector and is a wild card that matches any element. Mozilla does understand it correctly.

    However if you put the universal selector before html ( * html) then that means that html is a child of something which its not because its the root.

    Mozilla and other browsers realise that this can't be true and ignore the style. However IE in its stupidity reads the style as if the star wan't there at all.

    See the faq on the broken box model for more info.

    Paul

  11. #361
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks man, I got you I'll check FAQ section for sure. Actually I'll print it

    best,
    Jazz

  12. #362
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Paul,

    Problems again Top right menu works in IE but not work in Firefox? Where a made a misteake? Also my links alweys show visited state? Why? I used clearly defined selectors but when I load page all links are visited? What's going on with my css code for links? And also left column cut out the last banner? And I don't know why? All banners has 10px bottom padding?! This is strange for me... Here is a link to page.

    I'm so confused about this..

    ps: can you tell me your oppinion about sIFR? Should I use it or not?

    thanks man,
    Jazz

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

    Sorry I've been away all day I'll have a look at this in the morning

    Paul

  14. #364
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem man Just relax

    best,
    Jazz

  15. #365
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey man,

    I have one more problem How to indent content in this top orange rect 20px from ir's left border?

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

    The first problem is because you have floated the small menu and placed it absolutely which has confused the browser. Use one or the other.
    Code:
    ul#top_right_menu {
     margin-right:50px;
     list-style-type: none;
     position:absolute;
    }
    For the padding why don't you just add it to the p.
    Code:
    div#content p {
     padding-right: 70px;
     padding-left: 20px;
     margin: 0px;
     padding-top: 0px;
     padding-bottom: 11px;
    }
    Hope thats what you wanted.

    Paul

  17. #367
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    ul#top_right_menu {
     margin-right:50px;
     list-style-type: none;
     position:absolute;
    }
    ^ This don't work for me but this work:
    Code:
    ul#top_right_menu {
    	list-style-type: none;
    	float: right;
    	margin: 0px;
    	padding: 0px;
    	position: absolute;
    	right: 7%;
    }
    But I have one very strange problem Paul. My text over left logo in this orange rect is not visible until you select it? After that text became visible?? I suppose this is IE bug with overflow condition but I can't find a solution. Can you help me with this please and tell me how to solve this strange problem. And do you have some other solution how to place mentioned logo on the top right of the orange rect? I think a solution I used is not the best

    URL to my page

    ps: if you preview this page in IE you'll see that legend tag has bottom border of all width but in Firefox not. Do you know maybe how can I fix that in Firefox?

    thanks in advance Paul,
    Jazz

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

    The background can be fixed by adding position:relative here:

    Code:
    div#top_right_logo {
     background-image: url(http://www.yuyellow.com/temp/yp/imag...orange_bgd.jpg);
     background-repeat: no-repeat;
     background-position: right top;
      position:relative;
    }
    I don't know why the legend isn't showing and I didn't have time to look much deeper so I suggest you do what I would usually do Take that style out into a separate page with the associated html and css and then work through it step by step to see where things go right and where they go wrong.

    Start with the bare minimum ans see if the bg displays and then build up form there. Once you know its woring fully then put it back in the page. If it doesn't work in the page then you'll know the problem lies somewhere else.

    This is a time consuming exercise but on that usuallly yields results when you're not sure whats happening.

    Paul

    ps you still can't float an element and place it absolutely - Its either one or the other

  19. #369
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot for the tip Paul! I'll practice with it This position:relative works great!

    best,
    Jazz

  20. #370
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello dude,

    I have two little problems which I can solve The first problem is because Firefox cut my left column and the last banner on it. I added margin-bottom: 1.5em; to the left column and in IE looks good but the problem persist in Firefox. Any solution Paul? Also Firefox add some strange padding on breadcrumb div???

    And the second problem is not so important like previous one. If you look below the footer you'll see container bgd in height of 1px. Why this background is visible here?

    ps: this will be the first CSS based portal in Serbia This portal will handle more then 150 000 company profiles from MySQL database.

    thanks a lot man,
    Jazz

  21. #371
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    S**t I forgot a link

    Here is a link

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

    Firefox has a larger gap on the breadcrumb because you have set a a min-height of 40px. Ie doesn't understand min-height so it reverts to content height.

    Try adding a bigger padding on your left content to make the bottom of that element show.

    Code:
    div#left {
    position: relative;
    width: 202px;
    float: left;
    display: inline;
    margin: 0 0px 0px 10px;
    padding: 0px 0px 2.2em;
    }
    You have a horizontal scrollbar appearing at 1024x 768 now that wasn't there before so have a look at what you have added as there is somethng stretching ie only.

    Paul

  23. #373
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,475
    Mentioned
    182 Post(s)
    Tagged
    6 Thread(s)
    Give the clearfooter a backgroundcoloyur which should hide the 1px background;
    Code:
    div#clearfooter {
     clear: both;
     height: 50px;
     background: #FFF000;
     } /*needed to make room for footer*/
    Paul

  24. #374
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hm very strange? In Firefox everything looks good but IE.... oh yea IE

  25. #375
    SitePoint Enthusiast jasmanac's Avatar
    Join Date
    Jan 2004
    Posts
    86
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey man I have no idea how top fix this I checked all elements I added today. Go through all of them, step by step but without any success. I used Windows Classic style and didn't see this horizontal scroll. I think that IE add some strange jog on some element here but I can't find which one

    Here is a file


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
  •