awnash
-
Posts
3 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Posts posted by awnash
-
-
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
-
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><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
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?