خرید بک لینک

درباره سایت

CodingForums

آخرین مطالب

امکانات وب

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>

برچسب: نویسنده: آیلین رضوانی تاريخ: جمعه 29 دی 1396 ساعت: 20:42

صفحه بندی

آرشیو مطالب

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

لینک دوستان

خبرنامه