How to fix gaps in document

-

hello dreamweavers.

 

im practising in dw , ive came across problem, when see webpage in live view there huge gap,from top till navigation bar begins.

 

here screenshot , code:

 

 

thank you

u2a.jpg

 

 

#nav {

          list-style-type: none;

          width: 700px;

          margin-right: auto;

          margin-left: auto;

          padding-top: 0px;

          padding-right: 0px;

          padding-bottom: 0px;

          padding-left: 0px;

}

#nav li {

          background-color: rgb(0,0,255);

          text-align: center;

          display: block;

          float: left;

          width: 15%;

          padding: 10px;

          font-family: tahoma, geneva, sans-serif;

          text-transform: capitalize;

          margin-right: 5px;

          border: thin double rgb(255,0,0);

}

 

 

 

 

#article {          width: 500px;

          margin-right: auto;

          margin-left: auto;

          margin-top: 100px;

          height: 500px;

}

a:link {

          color: rgb(255,255,255);

}

a:hover {

          color: rgb(102,255,0);

}

</style>

</head>

 

 

<body>

<ul id="nav">

  <li><a href="index.html">home</a></li>

  <li><a href="about.html">about</a></li>

  <li><a href="portfolio.html">portfolio</a></li>

  <li><a href="location.html">location</a></li>

  <li><a href="contact.html">contact</a></li>

</ul>

<div id="article">

  <h1>location</h1>

  <p> </p>

  <p>contrary popular belief, lorem ipsum not random text. has roots in piece of classical latin literature 45 bc, making on 2000 years old. richard mcclintock, latin professor @ hampden-sydney college in virginia, looked 1 of more obscure latin words, consectetur, lorem ipsum passage, , going through cites of word in classical literature, discovered undoubtable source. lorem ipsum comes sections 1.10.32 , 1.10.33 of "de finibus bonorum et malorum" (the extremes of , evil) cicero, written in 45 bc. book treatise on theory of ethics, popular during renaissance. first line of lorem ipsum, "lorem ipsum dolor sit amet..", comes line in section 1.10.32.</p>

</div>

</body>

</html>

use clear: both; below instead of margin-top: 100px; i've commented out /* */

 

 

#article {  

width: 500px;

margin-right: auto;

margin-left: auto;

clear: both;

/* margin-top: 100px; */

height: 500px;

}

 

whenever use 'float' attribute have <li> tags need 'clear' floats following elements in case 'article' container gets put correct html flow.



More discussions in Dreamweaver support forum


adobe

Comments

Post a Comment

Popular posts from this blog

how to devide a circle into equal parts

-
how devide circle equal parts reggie,   depending on version, may able use free divide (length) script available here, setting number,   http://park12.wakwak.com/~shp/lc/et/en_aics_script.html   or may (smart guides friends):   1) use polar grid tool right size of circle, 0 concentric dividers , desired number of radial dividers, , ungroup; 2) extend radial dividers; 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway.   or may (smart guides friends):   1) create vertical line through top , bottom (or left , right) anchor points line tool; 2) rotate copies @ relevant angles (to half number of cuts division); 3) select circle , use scissors tool @ intersections (smart guides intersect ), may need select remaining parts underway. More discussions in Illustrator adobe
Read more

"Could not fill because there are not enough opaque source pixels" - not solved by any other thread

-
i'm getting error posted in thread's title , have no idea why.  working image not transparent in way. 100% opacity.  in fact, doesn't matter work with, every time try fill selection on layer in doc, error.  ideas???  thanks   scott probably see screen shot of photoshop layers panel open. at point guess can make wrong layer selected, once see screen, else may pop out @ me, or else reading thread. More discussions in Photoshop for Beginners adobe
Read more

Why can't I change the billing info for my account?

-
hi all,   about 3 weeks ago issued new corporate cc number. have been trying since find way update in website. everytime try load billing info message 'there has been error on our side, please try again later.' has been happening weeks now. decided, if they're not going fix it, i'll call support.   i reported bug support, no response.   i called support , sat on hold update cc. hung on when should have been answered. happened twice (i'm persistent).   i registered call-back. got call-back, , told needed go person. got warm transfer because of above problem.   this person told me needed talk yet different team, , schedule call me in 1-2 hours.   it has been on week, maybe week , half since supposed receive call-back, , ticket updated yesterday; they've tried reach me no success (yeah, right), them do? left note: call me @ number within next 4 hours, , can settle this. guess got pacific time support team, because called 16 hours later (i'm gmt, way; company u...
Read more