Avatar billede somujen Nybegynder
27. maj 2011 - 11:25 Der er 3 kommentarer og
2 løsninger

W3C.org vil ikke acceptere flere ens div-bokse?

Hej.

Jeg har et problem med min html kode. Jeg vil gerne arbejde med 2 forskellige div bokse, som så skal gå igen igennem hele mit HTML document.

Eksempel:

<html>
<body>

<div id="mytebillede_venstre"></div>
<div id="mytebillede_hoejre"><p>Bla bla bla bla</p></div>

<div id="mytebillede_venstre"></div>
<div id="mytebillede_hoejre"><p>Bla bla bla bla</p></div>

</body>
</html>


Dette vil W3C.org ikke tillade, og jeg får beskeden:

Line 100, Column 26: ID "mytebillede_venstre" already defined
<div id="mytebillede_venstre"><img src="images/myter/myte_3.png...

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

Håber i kan hjælpe.

Med Venlig Hilsen

Søren
Avatar billede Authiel Nybegynder
27. maj 2011 - 11:29 #1
Det er fordi at når en div, table, span har en ID må den kun forekomme 1 gang i din kode, hvis den skal genbruges så lave det til en <div class="navn"></div> istedet for. Og i din CSS skal du bare skrive .navn istedet for #navn
Avatar billede alex15 Nybegynder
27. maj 2011 - 11:30 #2
I stedet for at bruge id, så vælg class.

Eksempel:

<html>
<body>

<div class="mytebillede_venstre"></div>
<div class="mytebillede_hoejre"><p>Bla bla bla bla</p></div>

<div class="mytebillede_venstre"></div>
<div class="mytebillede_hoejre"><p>Bla bla bla bla</p></div>

</body>
</html>

i en eventuel css fil skal informationerne på boksene hedde:

.mytebillede_venstre

i stedet for

#mytebillede_venstre

Håber mit svar hjælper dig.
Avatar billede alex15 Nybegynder
27. maj 2011 - 11:31 #3
svar
Avatar billede somujen Nybegynder
28. maj 2011 - 16:10 #4
Det virkede.

Mange tak for hjælpen :-)
Avatar billede alex15 Nybegynder
29. maj 2011 - 08:56 #5
Så lidt. God weekend.
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