CSS targeting incorrect?

ساخت وبلاگ

آخرین مطالب

امکانات وب

CSS targeting incorrect?

I'm assuming my CSS targeting in this is incorrect, I've been following a tutorial and somehow I've managed to mess up in a way that my css isn't targeting what its meant to. I included a website logo and homepage buttons, and in the css code I can change the background colors and the like, but shifting the div in css up and down does not affect the images and menu items within the div.

Here's my code:

Code:
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>FixLink</title>
    <style type="text/css">
        body{  margin: 0px;    }
        #pageTop{
            background-image: url("root/style/headerSliver.png");
            height: 90px;
        }
        #pageTop > #pageTopWrap{
            width: 1000px;
            margin: 0px auto;
            height: 90px;
        }
        #pageTop > #pageTopWrap > #pageTopLogo{
            float: left;
            height: 90px;
            width: 108px;
        }
        #pageTop > #pageTopWrap > #pageTopRest{
            float: left;
            height: 90px;
            width: 892px;
           
        }
        #pageTop > #pageTopWrap > #pageTopRest > #menu1{
            height: 44px;
           
        }
        #pageTop > #pageTopWrap > #pageTopRest > #menu2{
            height: 44px;
            background-color: blue;
            margin-bottom: 20px;
           
        }
        #pageTop > #pageTopWrap > #pageTopRest > #menu2 > div{
            background-color: red;
            height: 24px;
            margin-bottom: 20px;
           
        }
    </style>
    </head>
    <body>
    <div id="pageTop">
        <div id="pageTopWrap">
            <div id="pageTopLogo">
                <a href="http://www.fixlink.com"><img src="root/Images/logo.png" alt="logo" title="FixLink!"></a>
            </div>
            <div id="pageTopRest">
                <div id="menu1">
           
                </div>
                <div id="menu2">
                    <div>
            <a href="http://www.fixlink.com"><img src="root/Images/homebutton.png" alt="HomeButton" title="Home page, of course."></a>
            <a href="#">Menu_Item_1</a>
            <a href="#">Menu_Item_2</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="pageMiddle"></div>
    <div id="pageBottom"></div>
    </body>
</html>
CodingForums...
ما را در سایت CodingForums دنبال می کنید

برچسب : نویسنده : codingforums بازدید : 142 تاريخ : جمعه 29 دی 1396 ساعت: 20:42

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه