SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict piku's Avatar
    Join Date
    Oct 2003
    Location
    Alameda, CA
    Posts
    239
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    some css-glitches from a nub trying to convert table-to-css layout

    got 2 problems (at the moment)....

    http://test.pixelbebop.com/test11/

    paying close attention to the following css code (http://test.pixelbebop.com/test11/style.css)
    Code:
    .box-header {
    	padding:0px 15px 0px 15px;
    	border:none;
    	background:url("images/bkg_main_topbot.gif") top left repeat-y #EEEEDD;
    /*	height:81px;*/
    }
    is there a fix to get the actual img.background to show?


    the other problem is w/ MOZ when viewing http://test.pixelbebop.com/test11/index2.php. this can be seen in the image attached. ...any clues?


    i'd greatly appreciate any pointers that you guys and gals can throw. TIA
    Attached Images Attached Images

  2. #2
    Caveat surfer Buddy Bradley's Avatar
    Join Date
    May 2003
    Location
    Cambridge, UK
    Posts
    2,366
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try giving .box-header an explicit width and height.

    If this is your site logo/brand, you should really put some content in there too:
    Code:
    <div class="box-headerlogo"><h1>PixelBeBop</h1></div>
    And then use image replacement to hide the actual text. It will help your search visibility (as would making the navigation an unordered list instead of a series of images).

    Nice looking site, by the way.

  3. #3
    SitePoint Addict piku's Avatar
    Join Date
    Oct 2003
    Location
    Alameda, CA
    Posts
    239
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ty. i'll try out your suggestion on the .box-header. as for the image replacement. are you talking about IFR method? if so, which one should i apply...?

    as for the nav, its not done yet...i save the hardest/longest parts for last--which are the upper nav, and the one on the bottom. you can tell because of the <table> =p

    any suggestions for the 2nd problem? TIA


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
  •