[Løst] Siste finnishen på Webside , behøver hjelp.

Fronkle · 8. juli 2010

Jeg sliter litt med siste finnishen på denne websiden jeg har laget.

Kan du se om du kan løse de siste problemene mine? :yes:

Som dere ser har jeg litt problemer med denne siden.

Internet Explorer -

Opera -

Logo:

Den er ikke gjennomsiktig (i Opera er ikke dette et problem).

Innholdet:

div content er ikke fast størrelse på, den justeres etter mengden innhold. Den er satt til å være 50% (I Opera er ikke dette et problem).

Diverse:

Lengdene på top, content og bottom er ujevn på høyre side, selv om dem ikke er satt.

En | som jeg ikke forstår hvor er.

Om det er flere ting som jeg bør endre på er det kjekt med kritikk.

For dem som kanskje kan hjelpe:

style.css ser slik ut:

/* Scrollbar */

BODY{

scrollbar-face-color:#90bade;

scrollbar-track-color:#90bade;

scrollbar-arrow-color:#90bade;

}

body{

font: 12px Arial, Helvetica, sans-serif;

background: #73aad5; */

}

#top{

border: 1px solid #000;

height: 120px;

background-repeat: no-repeat;

}

#quoteoftheday{

text-align: right;

border: 0px solid #000;

color: white;

}

#menu1{

padding-left: 2px;

padding-top: 26px;

border: 0px solid #000;

text-align: center;

}

#content{

padding-left: 2px;

background: #ffffff ;

border: 1px solid #000;

}

#bottom{

border: 1px solid #000;

height: 120px;

background-repeat: no-repeat;}

#menu2{

padding-left: 2px;

border: 1px solid #000;

text-align: center;

}

#footer{

text-align: center;

border: 0px solid #000;

}

/* Generell Link */

a:link {

font-weight: normal;

font-size: 13px;

color: blue;

background: transparent;

}

a:hover {

font-weight: normal;

font-size: 13px;

color: darkblue ;

background: transparent;)

}

a:visited {

font-weight: normal;

font-size: 13px;

color: blue;

background: transparent;

}

/* MENY 1 Link */

a.menu1:link {

font-weight: normal;

font-size: 13px;

color: white;

background: transparent;

}

a.menu1:visited {

font-weight: normal;

font-size: 13px;

color: white;

background: transparent;

}

a.menu1:hover {

font-style: normal;

font-weight: normal;

font-size: 13px;

color: red ;

background: transparent;)

}

a.menu1:active {

font-weight: normal;

font-size: 13px;

color: red;

background: transparent;

}

/* MENY 2 Link */

a.menu2:link {

font-weight: normal;

font-size: 13px;

color: black;

background: transparent;

}

a.menu2:visited {

font-weight: normal;

font-size: 13px;

color: black;

background: transparent;

}

a.menu2:hover {

font-style: normal;

font-weight: normal;

font-size: 13px;

color: red ;

background: transparent;)

}

a.menu2:active {

font-weight: normal;

font-size: 13px;

color: red;

background: transparent;

}

index.php ser slik ut:

<!DOCTYPE HTML SYSTEM>

<html>

<head>

<title>Olderbotten Velforening</title>

</head>

<body>

</body>

</html>

funkyboy · 9. juli 2010

Heisann!

Logo: Du har brukt .png-format, som i utgangspunktet er lite støttet av IE. Legg heller logoen direkte på bakgrunnsbildet.

Content: Du har glemt et par "slike" på den inline stylingen din. Det riktige vil være:

Diverse: Grunnen til at det er forskjellig bredde, er på grunn av at du bruker horisontal padding, uten at elementene har fastsatt bredde.

Sjekk ellers ut ting som "CSS reset class". Dette er veldig praktisk å inkludere før man definerer noe som helst i css, og det er mye som gjør at man slipper at tins ser forskjellig ut i ulike nettlesere. Håper dette var til hjelp.

Logg inn

[Løst] Siste finnishen på Webside , behøver hjelp.

Anbefalte innlegg

Fronkle

Lenke til kommentar

Videoannonse

funkyboy

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer