Oprettet tor. d. 23. august 2012 kl. 16:41:38

Bauz
Bauz (4.990 point. Point ude: 0)

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;
}

Skrevet tor. d. 23. august 2012 kl. 16:42:21| #1

Bauz
Bauz (4.990 point)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/ (...)

<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/ (...)
  <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>

Skrevet tor. d. 23. august 2012 kl. 16:43:41| #2

Bauz
Bauz (4.990 point)
<html xmlns="http://www.w3.org/ (...) 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

Skrevet tor. d. 23. august 2012 kl. 16:54:19| #3

Bauz
Bauz (4.990 point)
Hvad jeg så gjorde nu ved jeg ikke men nu lige pt virker det. Vender lige tilbage sener

Skrevet tor. d. 23. august 2012 kl. 18:46:39| #4

olebole
olebole (216.733 point)
<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>

Skrevet tor. d. 23. august 2012 kl. 19:17:48| #5

Lige en lille husker :D
Pas på med alle de "position:absolute" :)
Det kan absolute nemt gå galt :b

Skrevet tor. d. 23. august 2012 kl. 22:54:10| #6

Bauz
Bauz (4.990 point)
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

Skrevet tor. d. 23. august 2012 kl. 22:56:44| #7

Bauz
Bauz (4.990 point)
og hvad er ulemper ved for mange absolute?

Skrevet fre. d. 24. august 2012 kl. 17:14:55| #8

olebole
olebole (216.733 point)
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

Skrevet fre. d. 24. august 2012 kl. 17:21:11| #9

Bauz
Bauz (4.990 point)
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

Skrevet fre. d. 24. august 2012 kl. 17:50:08| #10

olebole
olebole (216.733 point)
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

Skrevet fre. d. 07. september 2012 kl. 15:19:54| #11


Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   


Seneste spørgsmål

List style ved linjeskift

Oprettet den 19. maj 2013 kl. 23.57
sarcar giver 60 point for svar | Giv et svar »

line.height

Oprettet den 19. maj 2013 kl. 18.16
ZeBa giver 30 point for svar | Giv et svar »

Fat footer skal fylde hele sidens bredde

Oprettet den 17. maj 2013 kl. 14.42
13thsky giver 60 point for svar | Giv et svar »

Seneste guides

Slettet
Håndtering af tekstoversættelse i...
Parameteriseret tekstformatering i C#
C++ Historie og Programmering - Del 1







Tips & Tricks fra PC World

Teaser billede

Her er seks Google Labs-funktioner, som du skal slå til med det samme

Gmail Labs giver dig adgang til en masse smarte funktioner, som Googles ingeniører leger med i øjeblikket.


Anmeldelser fra PC World

Teaser billede

Test: Samsung Galaxy S4 er et hit - trods gøglertricks

Kan Samsung beholde førertrøjen i det store Android-race? Galaxy S4 er smækfyldt med innovative funktioner, men også med en del gøgl. Er det for meget? Få vores dom over Samsungs nye topmodel.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Tre smarte trick som gør Windows 8 bedre

Boot direkte til skrivebordet, få en strategisk godt placeret luk-knap og slip for at logge ind. Her er tre tips til Windows 8, som gør det nemmere at blive venner med styresystemet.


Nyheder fra Computerworld

Teaser billede

De 21 værste it-vaner - og hvordan du bryder dem

Du har helt sikkert en af disse dårlige it-vaner. Se her hvad du kan gøre.


IT Kurser
Samarbejdspartnere

Udgiver · © 2013 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger