Notifikationer

Markér alle som læst Log ud

mikmakmuk Nybegynder

14. januar 2008 - 14:58 Der er 8 kommentarer og
1 løsning

divs som spans

Hej Eksperter,

Jeg har et lille problem. Har et billed som skal byttes ud altefter hvor man peger.

<div STARTBILLDE>
<div>første felt</div>
<div>andet felt</div>
</div>

Mit spørgsmål er hvordan jeg får <div>første felt</div> o.s.v til at ligge oven i <div STARTBILLDE>, så gør jeg dem tranperante.

Synes godt om

w13 Novice

14. januar 2008 - 15:50 #1

Således:

<div id="div1" style="display:none">Tekst/billede</div>
<div id="div2" style="display:none">Tekst/billede</div>
<div id="div3" style="display:none">Tekst/billede</div>

Så kan du bruge onmouseover på det element, man skal pege på. F.eks. hvis du vil vise div1:

onmouseover="document.getElementById('div1').style.display='block'"

Og når den skal skjules igen ved onmouseout:

onmouseoout="document.getElementById('div1').style.display='none'"

Synes godt om

olebole Juniormester

15. januar 2008 - 21:21 #2

<ole>

- og så vil det måske være meget godt, at lægge et element rundt om med faste dimensioner, så resten af dokumentet ikke 'hopper':

<div style="width:200px;height:400px">
<div id="div1" style="display:none">Tekst/billede</div>
<div id="div2" style="display:none">Tekst/billede</div>
<div id="div3" style="display:none">Tekst/billede</div>
</div>

/mvh
</bole>

Synes godt om

mikmakmuk Nybegynder

19. januar 2008 - 17:10 #3

hvad er det her jeg ikke forstår?

Det som jeg gerne vil er at have et <div> som jeg som udgangspunkt giver en baggrund. Inde i det div vil jeg så gerne ligge "usynlige" divs overpå som så ændre baggrunden på det yderste div. Hvis jeg gør som olebole foreslår så får jeg jo div1 2 3 under det yderste.

Synes godt om

mikmakmuk Nybegynder

19. januar 2008 - 17:10 #4

håber det er til at forstå :-)

Synes godt om

olebole Juniormester

19. januar 2008 - 23:00 #5

Det, forstår jeg ikke, kan ske. Så må du vise os præscis, hvad du gør :)

Synes godt om

mikmakmuk Nybegynder

20. januar 2008 - 23:00 #6

Jeg har kigget lidt mere på det. Problemet var at jeg havde et space efter det første div. Nu er der så bare en anden ting som jeg ikke kan få til at spille. Hvis jeg nu har

<html>
<body>
<div style="width:300px;background:#123456;">
<div id="div1" style="display:block;float:left;background:transparent;width:100px;">1</div>
<div id="div2" style="display:block;float:left;background:transparent;width:100px;">2</div>
<div id="div3" style="display:block;float:left;background:transparent;width:100px;">3</div>
</div>
</body>
</html>

Hvorfor er baggrundsfarven så ikke #123456 ?

Synes godt om

olebole Juniormester

21. januar 2008 - 00:10 #7

Float'ede elementer 'fylder' ikke - ligesom absolut positionerede. Løsningen er clear-property'en:

<html>
<body>
<div style="width:300px;background:#123456;">
<div id="div1" style="display:block;float:left;background:transparent;width:100px;">1</div>
<div id="div2" style="display:block;float:left;background:transparent;width:100px;">2</div>
<div id="div3" style="display:block;float:left;background:transparent;width:100px;">3</div>
<div style="clear:both;height:1px;overflow:hidden"></div>
</div>
</body>
</html>

Synes godt om

mikmakmuk Nybegynder

21. januar 2008 - 21:09 #8

Javel :-) Takker for hjælpen

Synes godt om

w13 Novice

22. januar 2008 - 12:54 #9

Hvis du har fået svar, så husk at acceptere her nederst på siden.

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