Notifikationer

Markér alle som læst Log ud

13thsky Nybegynder

24. marts 2005 - 20:47 Der er 6 kommentarer og
2 løsninger

gør jeg det ikke rigtigt?

Jeg forstår ikke hvorfor nedenstående bliver vist SÅ forskelligt i Explorer og Mozilla som det gør?

Måske skriver jeg det ikke på den rigtige / optimale måde???

STYLES2.CSS indeholder:

/* LINK TYPER */

a.link1:link {
BACKGROUND-COLOR: #DCE2D8; LINE-HEIGHT: 22px; WIDTH: 135px; FONT-SIZE: 10px; COLOR: #C41039; FONT-WEIGHT: BOLD; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
a.link1:visited {
BACKGROUND-COLOR: #DCE2D8; LINE-HEIGHT: 22px; WIDTH: 135px; FONT-SIZE: 10px; COLOR: #C41039; FONT-WEIGHT: BOLD; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
a.link1:active {
BACKGROUND-COLOR: #BDD0CA; TEXT-DECORATION: none
}
a.link1:hover {
BACKGROUND-COLOR: #EEF6F4; TEXT-DECORATION: none
}

INDEX2.HTML indeholder:

<html>

<head>
<title>Vaegtklubben.dk</title>
<link rel="stylesheet" type="text/css" href="styles2.css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#ffffff">

<a href="#" class="link1">hovedforside</a> 
<a href="#" class="link1">vores tilbud</a> 
<a href="#" class="link1">bliv medlem</a> 
<a href="#" class="link1">om Vægtklubben</a> 
<a href="#" class="link1">om Suhr's</a> 
<a href="#" class="link1">solstrålehistorier</a> 
<a href="#" class="link1">artikler</a> 
<a href="visningafprofil.html" target="iframet" class="link1">videoklip</a> 
<a href="visningafvenner.html" target="iframet" class="link1">Slanketips</a> 
<a href="visningafhold.html" target="iframet" class="link1">opskrifter</a>
<hr/ width="135" color="#C41039" size="0">

</body>

</html>

Synes godt om

exp Juniormester

24. marts 2005 - 21:13 #1

Prøv dette istedet:

CSS:
-------------
body {
margin: 0;
background: #fff;
}
ul.link1 {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 0px;
text-indent: 5px;
}
hr {
width: 135px;
color: #c41039;
height: 1px;
}
/* LINK TYPER */
a.link1 {
display: block;
width: 100%;
height: 20px;
}

a.link1:link {
BACKGROUND-COLOR: #DCE2D8;
LINE-HEIGHT: 22px;
WIDTH: 135px;
FONT-SIZE: 10px;
COLOR: #C41039;
FONT-WEIGHT: BOLD;
FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
}
a.link1:visited {
BACKGROUND-COLOR: #DCE2D8;
LINE-HEIGHT: 22px;
WIDTH: 135px;
FONT-SIZE: 10px;
COLOR: #C41039;
FONT-WEIGHT: BOLD;
FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
}
a.link1:active {
BACKGROUND-COLOR: #BDD0CA;
TEXT-DECORATION: none;
}
a.link1:hover {
BACKGROUND-COLOR: #EEF6F4;
TEXT-DECORATION: none;
}
-------------

HTML
-------------
<html>
<head>
<title>Vaegtklubben.dk</title>
<link rel="stylesheet" type="text/css" href="styles2.css">

</head>
<body>
<ul class="link1">
<li><a href="#" class="link1">hovedforside</a></li>
<li><a href="#" class="link1">vores tilbud</a></li>
<li><a href="#" class="link1">bliv medlem</a></li>
<li><a href="#" class="link1">om Vægtklubben</a></li>
<li><a href="#" class="link1">om Suhr's</a></li>
<li><a href="#" class="link1">solstrålehistorier</a></li>
<li><a href="#" class="link1">artikler</a></li>
<li><a href="visningafprofil.html" target="iframet" class="link1">videoklip</a></li>
<li><a href="visningafvenner.html" target="iframet" class="link1">Slanketips</a></li>
<li><a href="visningafhold.html" target="iframet" class="link1">opskrifter</a></li>
</ul>

<hr>
</body>
</html>
-------------

Og ret så alle KAPITÆLER til små bogstaver i css'en ;-)

Synes godt om

ladyhawke Novice

24. marts 2005 - 21:53 #2

Bare lige en kommentar: Det er nok bla. fordi IE ikke overholder standarderne for CSS 100%

Synes godt om

roenving Novice

25. marts 2005 - 10:57 #3

Prøv at sætte fuld doctype på, så vil selv IE forsøge at overholde standarden, f.eks.:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

Synes godt om

exp Juniormester

25. marts 2005 - 11:57 #4

roenving >>
Det havde jeg sgu ikke engang opdaget manglede :-D

Synes godt om

roenving Novice

25. marts 2005 - 12:06 #5

I figured so !-)

Synes godt om

13thsky Nybegynder

04. april 2005 - 23:14 #6

drop et svar exp og roenving...
Ok jeg deler mellem jer?

/13

Synes godt om

roenving Novice

05. april 2005 - 00:54 #7

Velbekomme '-)

Synes godt om

roenving Novice

24. maj 2005 - 23:52 #8

-- og tak for point ;~}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS