SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)

    Anyone up for a little investigating?

    On this page http://www.buildingblockshomedaycare.com/ and viewing with firefox, if you increase the text size twice a yellow bar appears at the top of the white content box/table. On my mobile the yellow bar is always there regardless of text size.

    There is a image spacer at the top and bottom of each white content box, so I thought that maybe the image was repeating. So I tried image no repeat... that did not work. Any thoughts as to why anybody?
    Last edited by PicnicTutorials; Jan 15, 2008 at 08:50.

  2. #2
    om nom nom nom Stomme poes's Avatar
    Join Date
    Aug 2007
    Location
    Netherlands
    Posts
    10,266
    Mentioned
    50 Post(s)
    Tagged
    2 Thread(s)
    Code:
                <td width="21" align="left" valign="top" background="images/toprep.jpg"><img src="images/corner1.jpg" width="21" height="20"></td>
                <td width="583" align="left" valign="top" background="images/toprep.jpg">&nbsp;</td>
                <td width="21" align="right" valign="top" background="images/toprep.jpg"><img src="images/corner2.jpg" width="21" height="20"></td>
    Here's your yellow line: http://www.buildingblockshomedaycare...ges/toprep.jpg

    Your image is 20px high. It does appear to be repeating as the TD gets taller. I don't see anywhere where you've set repeat to no-repeat.

    You could, in the CSS under where you list stuff for the td have
    Code:
    td, input, select, textarea {
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	color: #000000;
    } /*this is what you already have*/
    
    td {
      background-repeat: no-repeat;
    }
    and see what happens.

    Funny thing, my Web Developer's Toolbar keeps telling me about errors I can't see in the HTML or the CSS on "Line 0" including Mozilla-specific CSS terms. Not sure where those are or why my browser is seeing them. Might have to do with the Javascript thing tho I have all scripts turned off.

  3. #3
    SitePoint Wizard bronze trophy PicnicTutorials's Avatar
    Join Date
    Dec 2007
    Location
    Carlsbad, California, United States
    Posts
    3,656
    Mentioned
    15 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the reply. I found the answer, it is.

    You have a space in that cell which you should remove.

    <td width="583" align="left" valign="top" background="images/toprep.jpg">&nbsp;</td>


    Remove this:

    &nbsp;


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
  •