Avatar billede morpheus Nybegynder
26. juli 2006 - 22:42 Der er 1 løsning

Visning af lag - centreret i celle

Hej,

Sidder lige med noget lag-halløj...

Kilde:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function vis(p) {
    document.getElementById(p).style.visibility = "visible";
}
function skjul(p) {
    document.getElementById(p).style.visibility = "hidden";
}
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><a href="#" onmouseover="vis('tekst0');" onmouseout="skjul('tekst0');">tekst0</a></td>
        <td><a href="#" onmouseover="vis('tekst1');" onmouseout="skjul('tekst1');">tekst1</a></td>
        <td><a href="#" onmouseover="vis('tekst2');" onmouseout="skjul('tekst2');">tekst2</a></td>
        <td><a href="#" onmouseover="vis('tekst3');" onmouseout="skjul('tekst3');">tekst3</a></td>
        <td><a href="#" onmouseover="vis('tekst4');" onmouseout="skjul('tekst4');">tekst4</a></td>
        <td><a href="#" onmouseover="vis('tekst5');" onmouseout="skjul('tekst5');">tekst5</a></td>
        <td><a href="#" onmouseover="vis('tekst6');" onmouseout="skjul('tekst6');">tekst6</a></td>
    </tr>
    <tr>
        <td colspan="7">
            <div id="tekst0" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst0</div>
            <div id="tekst1" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst1</div>
            <div id="tekst2" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst2</div>
            <div id="tekst3" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst3</div>
            <div id="tekst4" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst4</div>
            <div id="tekst5" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst5</div>
            <div id="tekst6" style="position:absolute; visibility:hidden; top:100; left:300; text-align:center;">tekst6</div>
        </td>
    </tr>
</table>
</body>
</html>

Problemet er at jeg gerne vil have centreret lagene, når de vises i cellen...

Hjælp?
Avatar billede morpheus Nybegynder
26. juli 2006 - 23:11 #1
Løsning:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="javascript">
function vis(p) {
    document.getElementById(p).style.display = "block";
}
function skjul(p) {
    document.getElementById(p).style.display = "none";
}
</script>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><a href="#" onmouseover="vis('tekst0');" onmouseout="skjul('tekst0');">tekst0</a></td>
        <td><a href="#" onmouseover="vis('tekst1');" onmouseout="skjul('tekst1');">tekst1</a></td>
        <td><a href="#" onmouseover="vis('tekst2');" onmouseout="skjul('tekst2');">tekst2</a></td>
        <td><a href="#" onmouseover="vis('tekst3');" onmouseout="skjul('tekst3');">tekst3</a></td>
        <td><a href="#" onmouseover="vis('tekst4');" onmouseout="skjul('tekst4');">tekst4</a></td>
        <td><a href="#" onmouseover="vis('tekst5');" onmouseout="skjul('tekst5');">tekst5</a></td>
        <td><a href="#" onmouseover="vis('tekst6');" onmouseout="skjul('tekst6');">tekst6</a></td>
    </tr>
    <tr>
        <td colspan="7" align="center">
            <div id="tekst0" style="display:none;">tekst0</div>
            <div id="tekst1" style="display:none;">tekst1</div>
            <div id="tekst2" style="display:none;">tekst2</div>
            <div id="tekst3" style="display:none;">tekst3</div>
            <div id="tekst4" style="display:none;">tekst4</div>
            <div id="tekst5" style="display:none;">tekst5</div>
            <div id="tekst6" style="display:none;">tekst6</div>
        </td>
    </tr>
</table>
</body>
</html>
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