Avatar billede grydgaard Nybegynder
21. august 2002 - 15:45 Der er 6 kommentarer og
1 løsning

div/css

hej folkens.

jeg har et lille problem. jeg kan ikke få min hjemmeside til at virke som den skal hvis jeg vil have mere end 1 layer på. kig lige på denn kode:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <TITLE>[Ingen titel]</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</HEAD>
<BODY STYLE="margin:0px" BGCOLOR="#000000">
<TABLE BORDER="0" height="100%" width="100%" CELLPADDING="0" CELLSPACING="0">
<TR>
    <TD height="100%" width="100%" ALIGN="center">

        <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
            <TR>
                <TD height="600px" width="800px">
                    <IMG SRC="hp.jpg" WIDTH="100%" HEIGHT="100%" ALT="" STYLE="border-color:black;position:absolute;z-index:0" USEMAP="#hp">
                            <MAP NAME="hp">
                                <AREA SHAPE="rect" COORDS="33,80,265,176" HREF="#" onmouseover="document.getElementById('1').style.visibility='visible'" onmouseout="document.getElementById('1').style.visibility='hidden'">
                                <AREA SHAPE="rect" COORDS="34,252,266,347" HREF="#" onmouseover="document.getElementById('2').style.visibility='visible'" onmouseout="document.getElementById('2').style.visibility='hidden'">
                                <AREA SHAPE="rect" COORDS="34,425,266,519" HREF="#" onmouseover="document.getElementById('3').style.visibility='visible'" onmouseout="document.getElementById('3').style.visibility='hidden'">
                            </MAP>
                    <DIV ID="1" style="visibility:hidden;position:relative;z-index:1;width:406;Height:396;top:101px;left:316px;background-color:red">
                        <FONT COLOR="#FFFF00">test1</FONT>
                    </DIV>

                </TD>
            </TR>
        </TABLE>

</TD>
</TR>
</TABLE>
</BODY>
</HTML>



jeg vil gerne have en løsning hvis det er muligt men jeg godtager IKKE asp/php/javescript. kun html og css.
Avatar billede Slettet bruger
21. august 2002 - 15:49 #1
Du bør nok give dine div's en anden ID end bare et tal, fx "nr1". JavaScript har det nogen gange ikke så godt med navne startende med tal, og selvom du siger, at du ikke vil have løsninger i JavaScript, så bruger du altså JS i din kode, og så må jeg jo løse det problem også.
Du bør også have din <map>-kode, før du har billedet, der bruger map'en.
Avatar billede jakoba Nybegynder
21. august 2002 - 16:13 #2
istedet for at skifte imellem  style.visibility = 'hidden' | 'visible'
han du skifte imellem  style.display = 'none' | 'block'
dine lag skal så være  position:relative

det er knapt så crossbrowserkompatibelt som den anden, og kan få siden til at 'hoppe' hvis du ikke gøre det ganske korrekt. men det duer da i de fleste IE og i NS fra version 6.

mvh JakobA
Avatar billede grydgaard Nybegynder
21. august 2002 - 17:04 #3
kan jeg få et eksempel på det jakoba? mine getterier virkede i hvertfald ikke. *GG*
Avatar billede grydgaard Nybegynder
21. august 2002 - 17:05 #4
jeg ved godt at jeg bruger js code på min side men jeg kan ikke lide at bruge for meget at det da jeg har erfaringer med at siden blever for "tung"
Avatar billede jakoba Nybegynder
21. august 2002 - 17:52 #5
Avatar billede grydgaard Nybegynder
22. august 2002 - 08:49 #6
jeg kan ikke bruge dit foreslag til noget som helst, jacoba. jeg skal have et layer eller lignende til at komme på en bestemt sted... det gælder alle mine layers. det duer ikke at de kommer på 3 forskellige steder. så skal jeg til at lave en helt anden baggrund igen.
Avatar billede grydgaard Nybegynder
22. august 2002 - 08:53 #7
nu har jeg lige sadt og leget med dit foreslag og kommet frem til noget der virker. :) tak for hjælpen jacoba
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