Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2

Thread: image tiling

  1. #1
    Regular Coder
    Join Date
    Oct 2010
    Posts
    269
    Thanks
    8
    Thanked 1 Time in 1 Post

    image tiling

    Im having trouble creating a black bar on the left side that im gonna use for a navi bar. Any suggestions???

    My HTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->

    <link href="index.css" rel="stylesheet" type="text/css" />
    </head>

    <body bgcolor="#006666">
    <div class="blackbar"><img src="blackbar.jpg" /></div>

    <h4></h4>
    </body>
    </html>



    My CSS




    .blackbar {background-repeat:repeat-x}

  • #2
    Senior Coder
    Join Date
    Sep 2010
    Posts
    1,916
    Thanks
    15
    Thanked 227 Times in 227 Posts
    You're doing just about everything that can be done wrong, wrong. You're making the image a foreground image and not a background, etc. etc.. Try this, without the image.

    <div class="blackbar"></div>

    .blackbar {width:12px;height:500px;background: #000000;float:left}


  •  

    Posting Permissions

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