Vurdering av min side

[EVH]

Det var rart. Her er det veldig mye luft mellom hvert element i menyen, mens på firefox og opera er de helt tette..

[Arne]

Du kan jo prøve

a {
  padding-bottom: 4px;
}

[px]

Fin side, likte fargene.

 

Kjapt forslag til utseende (ikke forslag til ferdig css, har ikke tid til å gå over hele, sjekket ikke i IE osv...)

/* CSS Document */

 

body{

background:#393329;}

 

p{

font: 15px verdana, arial, helvetica;

margin-left: 0px;}

 

#top_banner{

padding:0px;

height:250px;

background-color:#d6d0c0;}

 

#footer{

display: block;

width: 500px;

height: 30px;

background:;

text-align: center;

border: 0px solid #FFFFFF;

clear: both;}

 

#wrap{

position:center;

width: 700px;

margin: 0 auto;

background:#DEDBD7;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap2{

position:center;

width: 500px;

margin: 0 auto;

background:#E1DBB2;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap3{

position:center;

width: 500px;

margin: 0 auto;

background:#B3D2D1;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap4{

position:center;

width: 500px;

margin: 0 auto;

background:#CCA78E;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap5{

position:center;

width: 500px;

margin: 0 auto;

background:#B3CAAD;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap6{

position:center;

width: 500px;

margin: 0 auto;

background:#BABDC7;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#wrap7{

position:center;

width: 500px;

margin: 0 auto;

background:#DED1BA;

padding:0px;

font: 15px verdana, arial, helvetica;}

 

#meny{

 

width: 120px;

text-align:left;

float:left;

padding:20px;

}

 

#main{

 

width: 500px;

text-align: left;

float: left;

padding: 20px;

margin-left:-40px;}

 

 

/*meny*/

 

ul#navigasjon{

list-style: none;

margin: 0px;

padding-top:0px;

padding-right:0px;

padding-bottom:0px;

padding-left:0px;}

 

ul#navigasjon li{

margin: 0px;

padding: 0px;

color: #393329;}

 

 

ul#navigasjon a{

text-align: left;

font-size: 11px;

font: verdana, arial, helvetica;

display: block;

text-decoration: none;

padding-top:3px;

padding-right:3px;

padding-bottom:3px;

padding-left:3px;

margin:0px;

color: #393329;}

 

ul#navigasjon a:hover{

color: white;

background: #393329;}

 

 

/*main*/

 

div#main p{

font: 10px verdana;

text-align: left;

margin: 3px;

margin-bottom: 8px;

color: #393329;}

 

div#main h2{

font: 15px verdana;

text-align: left;

color: #393329;

margin-bottom: 3px;

margin-top:0px;}

 

div#main a{

font-size: 10px;

text-align: left;

color: #393329;}

 

div#main a:hover{

color: #1B1B1B;}

 

 

/*cutenews*/

 

#actnws{

text-align:left;

font: 10px verdana;

color: #393329;

padding:3px;

margin-top:3px;

margin-bottom:5px;

border-top:1px dotted #393329;}

 

#comments{

float: right;

color: #393329;}

 

/*kontaktskjema*/

textarea {

overflow:auto;

display:block;

float:left;

margin-bottom:10px;

}

 

input, textarea {

border:1px solid #999999;

padding:1px 2px;

}

 

label, input {

display:block;

width:150px;

float:left;

margin-bottom:3px;

}

 

label {

text-align:left;

width:30px;

padding-right:15px;

}

 

form br {

clear:left;

}

input.button {

width:70px;

background:white;

}

 

Ser du bruker margin der padding hadde vært naturlig endel plasser.

[EVH]

Tusen takk. Skal teste dette når jeg kommer hjem idag =)

[Arne]

Eg berre lurer, kva er forskjellen på margin og padding?

*skyt_meg_viss_eg_er_spør_dumt*

[Even.]

Margin er på utsiden av div'en og padding er på innsiden.