Web Analytics Made Easy -
StatCounter css backgrounding - CodingForum

Announcement

Collapse
No announcement yet.

css backgrounding

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • css backgrounding

    http://eveotto.com/pleasework.html

    im trying to make the giant blue spot on the left side into a checkerd navagation bar but only part of the image will load into the background could some one check my coding to see what i did wrong, im pretty new with css so dont pick apart to much of my coding just need to get this image as a background so my link bar will show up thanks

  • #2
    Depending on what your menu looks like, you may need to make other adjustments, but this fixes your immediate problem. I made the changes bold and red.

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    
    <head>
    
    <title>Treye Me</title>
    
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    
    <style type="text/css">
    
    body
    {background-color: #BFD3EE;}
    
    
    #main
    {
     background-color: #BFD3EE;
     width:100%;
    }
    
    #top
    {
     width: 763px;
     height: 60px;
    }
    
    #middle
    {
     width: 763px;
     background-color: #0251b6;
    }
    
    #bottom
    {
     width: 763px;
     height: 100px;
    }
    
    #nav
    {
     width: 185px;
     height: 100%;
     float: left;
    }
    
    
    #navs
    {
     width: 100%;
     float: left;
    }
    
    
    #splitl
    {
     width: 92px;
     float: left;
     background-image: url(http://eveotto.com/navb.gif);
     height: 187px;
     min-height: 187px;
    }
    
    
    #splitr
    {
     width: 93px;
     float: right;
    }
    
    
    #car
    {
     width: 185px;
     height: 58px;
    }
    
    #credit
    {
     width: 125px;
     border-right: 5px solid black;
     background-color: #BFD3EE;
     float: left;
    }
    
    #footer
    {
     width: 638px;
     border-top: 5px solid black;
     background-color: #BFD3EE;
     float: right;
    }
    
    </style>
    </head>
    
    <body>
    <div id="main" align="center">
    	<div id="top"><img src="http://eveotto.com/banr.gif"></div>
    	<div id="middle">
    		<div id="nav">
    			<div id="car"><img src="http://eveotto.com/bbanner.gif"></div>
    			<div id="navs">
    				<div id="splitl"></div>
    				<div id="splitr"><img src="http://eveotto.com/snavb.gif"></div>
    			</div>
    			<div id="credit"><img src="http://eveotto.com/ccards.gif"></div>
    		</div>
    	</div>
    	<div id="bottom">
    		<div id="footer"></div>
    	</div>
    </div>
    
    </body>
    </html>
    In your div "splitl," you do not need to state the background image twice; it only needs to be in your CSS.

    Comment


    • #3
      ok now minus the bad looking links i sytill need to get the blue out of there....funny cause before i tried that and it didnt work...weird huh

      Comment


      • #4
        sry about that first message ignore it....i was running out the door and didnt see what you wrote above the code...it works and thanks a ton....for the help

        you get a

        Comment

        Working...
        X