Scribd Logo
Upload

Welcome to Scribd!

  • #Header (

    Uploaded by

    Kemal Yaşar Can
    3 views3 pages
    The document contains CSS code that defines styles for different elements of a webpage layout including the header, banner, content section, and footer. It styles things like colors, dimensions, positioning, and includes selectors for things like links and hover states. It also includes HTML code that implements this layout and links to the external CSS stylesheet.

    Original Description:

    Original Title

    css

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains CSS code that defines styles for different elements of a webpage layout including the header, banner, content section, and footer. It styles things like colors, dimensions, positioning, and includes selectors for things like links and hover states. It also includes HTML code that implements this layout and links to the external CSS stylesheet.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views3 pages

    #Header (

    Uploaded by

    Kemal Yaşar Can
    The document contains CSS code that defines styles for different elements of a webpage layout including the header, banner, content section, and footer. It styles things like colors, dimensions, positioning, and includes selectors for things like links and hover states. It also includes HTML code that implements this layout and links to the external CSS stylesheet.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    @charset "utf-8";

    #header {
    background-color: rgba(46,119,132,1.00);
    height: 72px;
    width: 960px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    }
    #header ul {
    list-style-type: none;
    float: right;
    margin-top: 25px;

    }
    #header ul li {
    display: inline;
    }
    #header ul li a {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color: rgba(255,182,0,1.00);
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    }
    #header ul li a:hover {
    background-color: rgba(255,255,255,1.00);
    }

    #banner {
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    height: 400px;
    width: 960px;
    background-color: rgba(6,104,134,1);
    background-image: url(artemabanner.png);
    background-repeat: no-repeat;
    }
    #icerik {
    background-color: rgba(255,255,255,1);
    height: 500px;
    width: 940px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    }
    body {
    background-color: rgba(224,225,226,1.00);
    }
    #footer {
    background-color: rgba(39,108,120,1);
    height: 100px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    }
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <link href="serpil_son1.css" rel="stylesheet" type="text/css">
    </head>

    <body>
    <div id="header">
    <ul>
    <li><a href="#">ana sayfa</a></li>
    <li><a href="#">hakkımda</a></li>
    <li>ürünler</li>
    <li>iletişim</li>
    </ul>
    <img src="artemalogo.png" width="150" height="72" alt=""/></div>
    <div id="banner"></div>
    <div id="icerik"></div>
    <div id="footer">Content for id "fooder" Goes Here</div>
    </body>
    </html>

    You might also like