Avatar billede Bauz Nybegynder
23. august 2012 - 16:41 Der er 10 kommentarer og
1 løsning

Fejl i links css - Hvor er fejlen

Jeg har lige ændret dessign på www.elbogen.dk

Jeg havde det hele til at virke men så har jeg fået lavet et eller andet og nu blev menuen normale farvede links og der mangler baggrundsfarve bag menuen (blå)

Da det er alle sidder den er gal på kan jeg gætte mig til det nok er noget i css eller head der er galt med.
Nogle af jer der kan se fejlen? Må være et tegn et sted der er smuttet

body{
font-family:verdana,arial,sans-serif;
background-color:#E9E9E9;
color:black;
margin:0px;
padding:0px;
font-size:0.8em;
}

#reklametop{
position:absolute;
height:100px;
left:130px;
}
 
#reklameright {
top:100px;
width:120px;
position:absolute;
right:5px;
}

#topbar{
position:absolute;
top:110px;
left:130px;
height:100px;
right:130px;
background-color:#1A8CFF;
background-repeat:repeat-x;
color:black;
font-size:15px;
padding-left:100px;
font-family:"Comic Sans MS", cursive, verdana, arial, sans-serif;
}

#indhold{
position:absolute;
right:130px;
top:230px;
left:130px;
background-color:white;
padding-left:150px;
padding-bottom:50px;
padding-top:50px;
padding-right:10px;   
}

#menuleft{
position:absolute;
padding-top:50px;
left:130px;
top:230px;
width:130px;
font-size:15px;
padding-bottom:50px;
z-index:1;
}
       
#menublok{
position:absolute;
top:210px;
right:130px;
left:130px;
height:20px;
font-size:15px;
background-color:#06C;
text-align:left;
padding-left:100px;
}

/*#footer{
width:100%;
bottom:5px;
Height:10px;
position:absolute;


}
#bundtekst {
position: absolute;
padding-left: 170px;
}*/

a:visited{
color:navy;
background:inherit;
round:inherit;
}

a:hover{
color:navy;
background:inherit;
round:inherit;
}

a:active{
color:navy;
background:inherit;
round:inherit;
}


a{
font-size:0.9em;
padding:3px;
color:black;
background:inherit;
text-decoration:none;
font-weight:bold;
}




.ikkese {
display: none;
}
Avatar billede Bauz Nybegynder
23. august 2012 - 16:42 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <link rel="stylesheet" type="text/css" href="http://www.elbogen.dk/mincss.css">
  <meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Pragma" content="no-cache">
<meta name="description" content="Elbogen forside">
<meta name="keywords" content="energirigtig løsninger, energi, led guide">
<title>Elbogen.dk</title>
</head>
<body>
Avatar billede Bauz Nybegynder
23. august 2012 - 16:43 #2
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
  <link rel="stylesheet" type="text/css" href="http://www.elbogen.dk/ (...)
  <meta http-equiv="Cache-Control" content="no-cache">
<meta http-equiv="Cache-Control" content="no-store">
<meta http-equiv="Pragma" content="no-cache">
<meta name="description" content="Elbogen forside">
<meta name="keywords" content="energirigtig løsninger, energi, led guide">
<title>Elbogen.dk</title>
</head>
<body>

Den rigtige head
Avatar billede Bauz Nybegynder
23. august 2012 - 16:54 #3
Hvad jeg så gjorde nu ved jeg ikke men nu lige pt virker det. Vender lige tilbage sener
Avatar billede olebole Juniormester
23. august 2012 - 18:46 #4
<ole>

@Bauz: Så du nogensinde dette indlæg?

Pas i øvrigt på med læsebredden på dine sider. Den bør ikke være over 600px, da det ellers går voldsomt ud over læsbarheden  =)

/mvh
</bole>
Avatar billede poisen1087 Nybegynder
23. august 2012 - 19:17 #5
Lige en lille husker :D
Pas på med alle de "position:absolute" :)
Det kan absolute nemt gå galt :b
Avatar billede Bauz Nybegynder
23. august 2012 - 22:54 #6
Læsbarheden er reguleret efter kanterne? Eller hvad mener du Ole

poisen1087 - Skal lige ind i css igen, men tak for din husker det vil altid hjælpe :)

Er stadigvæk nybegynder begyndte at lege med det for 1 måned siden tror jeg
Avatar billede Bauz Nybegynder
23. august 2012 - 22:56 #7
og hvad er ulemper ved for mange absolute?
Avatar billede olebole Juniormester
24. august 2012 - 17:14 #8
Vi mennesker er ikke gode til at læse brede tekster. Wikipedia er således herostratisk berømt for elendig læsbarhed - netop fordi sitets tekst fylder hele browserens tilgængelige bredde. Grænsen for god læsbarhed viser sig at ligge omkring 600px.

Absolut positionering er kun beregnet til helt specielle tilfælde/detaljer. Normalt er det altid en fordel, at elementerne følger sidens naturlige flow. Bruger du absolut positionering, vil du på sigt løbe ind i masser af problemer
Avatar billede Bauz Nybegynder
24. august 2012 - 17:21 #9
Divs det vil være bedst at lave siden i med width
altså 600 og så ligge menuen til i venstre side? og så centrere det hele?

Ang absolut så vil det bedste være at køre det hele i række følge? Det er det sådan set allerede, så det burde jeg bare ændre når jeg lige får tid
Avatar billede olebole Juniormester
24. august 2012 - 17:50 #10
1) Ja, det er en hensigtsmæssig opsætning. Så skal din bruger ikke lede efter næste linjes begyndelse, hvilket kan give ret store udfordringer ved bredde tekster. Teksten bliver umiddelbar overskuelig.

2) Ja, prøv såvidt muligt at lade elementerne 'passe sig selv', når det gælder placering. Ind imellem er man naturligvis nødt til at give dem en 'hjælpende hånd', men positionering bør ikke være udgangspunktet
Avatar billede Bauz Nybegynder
07. september 2012 - 15:19 #11
Lukker den
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester