Jump to content

awnash

Members
 View Profile  See their activity

  • Posts

    3

  • Joined

  • Last visited

 Content Type 

Posts posted by awnash

    HTML Tutorial and Reference

    in HTML/XHTML

    Posted

    I am so frustrated with "responsive web design". I viewed multiple sites but I am still confused. I tried to set widths to percentages and em but all the content is still wrapping around when I change the browser size. Does anyone know a free and well explained responsive web design course?

    HTML Tutorial and Reference

    in HTML/XHTML

    Posted

    Hello I am having trouble with the positioning of elements.

    this is my first website i have ever built so bear with my if the code is not ideal.

    here is my html:

    <!DOCTYPE html>
    <html>
    <head>
    <link rel='stylesheet' href='style.css'/>
    <script src='script.js'></script>
    </head>
    <body>
    <div class="header">
    <h>Born</h>
    <h>Explore</h>
    </div>
    <div class="navbar">
    <ul>
    <a href"#"><li>Home</li></a>
    <a href"#"><li>About Us</li></a>
    <a href"#"><li>Preparation</li></a>
    <a href"#"><li>Photos</li></a>
    <a href"#"><li>Videos</li></a>
    <a href"#"><li>Charity Work</li></a>
    <a href"#"><li>Highlights</li></a>
    <a href"#"><li>Maps</li></a>
    <a href"#"><li>Contact</li></a>
    </ul>
    </div>
    </body>

    </html>

     

    here is my css:

    .header {
    border:2px solid #ff800d;
    background-color:#ff800d;
    width:100%;
    position:relative;
    height:250px;
    ;
    margin-right:10;
    margin-top:-10;
    padding-right:15;
    }
    .header h{
    z-index:1;
    text-transform:uppercase;
    font-weight:bold;
    text-shadow: 10px 10px 10px black;
    color:white;
    font-size:95px;
    font-family:arial;
    text-align:center;
    margin-top:-100px;
    position:inherit;
    }
    .header img{
    height:175;
    padding-left:100;
    padding-right:100;
    position:relative;
    margin-top:35;
    }
    .navbar ul{
    text-align:center;
    border:2px solid;
    background-color:black;
    margin-top:-1px;
    width:100%;
    height:38;
    ;
    position:relative;
    }
    .navbar ul li{
    color:white;
    display:inline;
    font-size:30px;
    padding:25px;
    text-transform:uppercase;
    }
    .navbar ul a{
    text-decoration:none;
    }
    .navbar a:hover{
    font-weight:bold;
    font-family:verdana;
    }
    attached is the actual website,
    i want the born/explore part to move up more, to be more inline with the images, everything i try it always ends up moving something else where i dont want it. please help

    Born 2 Explore Codecademy.htm

×
×
  • Create New...