Jump to content

awnash

Members
  • Content Count

    3
  • Joined

  • Last visited

Community Reputation

0 Neutral

About awnash

  • Rank
    Newbie
  1. 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?
  2. Do I set the width to auto? i played with it a bit and i cant seem to get it to resize accordingly. please help
  3. 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"> <img src="http://cdn.marketplaceimages.windowsphone.com/v8/images/34a413fe-8cfd-45bc-822a-2be7a11c96af?imageType=ws_icon_large"> <h>Born</h> <img src="https://lh4.googleusercontent.com/-lY0eVZcY0Qw/U3aOvPTDdmI/AAAAAAAAAY0/eWcbIvWt3ek/s190-no/cool-number-2_design.png"> <h>Explore</h> <img src="https://lh4.googleusercontent.com/-OqLRCUaql-4/U3Qa5suz6oI/AAAAAAAAAYQ/8BWSdWEQ57s/s512-no/nakomaru.png"> </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...