css - The width of div tags -

-

im new html , css stuff, i'm @ learning things hugely infuriating!!!

i have logo, , 3 text links. want logo left, , 3 links on right next logo.

i don't understand how these elements t sit next each other. have logo in div , 3 text links in div. i'v set width of logo div in css, text div still sits underneath height of logo div, spanning full width of page, despite me setting width it.

i know need either shorten width of div (which i'v tried, i'v either done wrong, or not possible), or allow 2 div sections overlap, seems stilly , thought div block element, , can't overlayed.

help please!!!

the code got below if helps:

html

<!doctype html> <html> <head> <link rel="stylesheet" href="css/stylesheet.css"> <title>josh shaw design</title> </head>  <body id="content"> <div id="wrapper"> <a href="index.html"><div class="logo"></div></a> <div> <a class="nav last" href="about.html">projects</a> <a class="nav" href="about.html">contact</a> <a class="nav" href="about.html">about</a> </div>   </div> </body> </html>

css

#content { background-image:url(../images/background-01.jpg); background-repeat:no-repeat; background-color:#f2f2f2; background-position:top, center }  #wrapper {margin:auto; width:960px;}   .logo {background-image:url(../images/logo-01.png); height:91px; width:369px;} .logo:hover { background-image:url(../images/logo2-01.png);height:91px; width:369px;}  @font-face {font-family: quicksand; src:url(../quicksand-regular.otf);}  .nav { padding-top:100px; padding-right:20px; float:right; color:#fff; text-decoration:none; font-family:quicksand; font-size:16px;} .nav:hover {color:#999;}  .last {padding-right:0px}

http://awesomescreenshot.com/05a2lyg2ef

if that's want.

follows changes below:

<!doctype html> <html> <head> <link rel="stylesheet" href="css/stylesheet.css"> <title>josh shaw design</title> <style> #content { background-image:url(../images/background-01.jpg); background-repeat:no-repeat; background-color:#f2f2f2; background-position:top, center }  #wrapper {margin:auto; width:960px;}   .logo {background-image:url(../images/logo-01.png); height:91px; width:369px;/*i have picture, use color*/ background:#000;} .logo:hover { background-image:url(../images/logo2-01.png);height:91px; width:369px;}  @font-face {font-family: quicksand; src:url(../quicksand-regular.otf);}  .nav { padding-top:100px; padding-right:20px; float:right; color:#fff; text-decoration:none; font-family:quicksand; font-size:16px;} .nav:hover {color:#999;}  .last {padding-right:0px}  /*my codes*/ a.logo{display:block; float:left;} div.nav-content{float:left;} a.nav{padding:0 20px 0 0;/*top right bottom left*/} </style> </head>  <body id="content"> <div id="wrapper"> <a class="logo" href="index.html"><div class="logo"></div></a> <div class="nav-content"> <a class="nav last" href="about.html">projects</a> <a class="nav" href="about.html">contact</a> <a class="nav" href="about.html">about</a> </div> <div style="clear:both;"></div><!-- remove floats-->   </div> </body> </html>

Comments

Post a Comment

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

-
i have implement video collection website users of specific isp. site hosted on public web-server movies hosted on local isp server. user of isp + general visitors can see available movies; isp's users able play them. player on site point url of local machine ( http://192.x.x.x/movies/mymovie.mov ) private class (192.x.x.x) accessible isp user. question: possible phpmotion script? or need custom work. if possible, can please suggest available mods? phpmotion require modifications able handle this. uploading, conversion, thumbnail generation, , playback pretty static in phpmotion. really though, rather modding entire upload , conversion process, if created quick custom form add entries phpmotion database (maybe include thumbnail upload), tweaked playback paths, should go on phpmotion side of things. assume had videos in format player handle (such flv or mp4).
Read more

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more