18. november 1999 - 14:12
Der er
5 kommentarer og 1 løsning
Centrering af en label
jeg ønsker at centrere denne label så uanset hvilken skærm størrelse man har er den midt i skærmen. Her er Koden: <!-- .label { position: absolute; center: z-index hidden; layer-background-color: #000000; background-color: #000000; border: 0px solid #000000 } // -->
Annonceindlæg fra Pax8
18. november 1999 - 23:11
#1
Brug <center> </center>
19. november 1999 - 22:13
#2
mads: det der er bare en stylesheet definition - du må tilføje class'en til et objekt! prøv at fortælle hvilket dette er..så er det måske lidt nemmere...
20. november 1999 - 01:31
#3
mere specifict er en nødvendighed, da den blot centrere teksten i lablen og ikke selve lablen
20. november 1999 - 01:33
#4
Her er hele koden jeg ved ikke om du kan bruge den til noget pingo <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Ny side 1</title> <title>MsgBox</title> <style type="text/css"> <!-- .label: absolute; left: 0px; right: opx; z-index: #000000; background-color: #000000; border: 0px solid #000000 } // --> </style> <script language="JavaScript"> //Script by Mads Hansen & Lars Sørensen function StatusText(start) { var msg = "Velkommen til vores hjemmeside"; var msg2 = ""; var speed=100; if (start > 0) { for (var c=0; c < start; c++) { msg2+=" "; } msg2+=msg; start--; window.status = msg2; var time="StatusText("+start+")"; window.setTimeout(time, speed); } else { if (-start < msg.length) { msg2+=msg.substring(-start,msg.length); start--; window.status = msg2; var time="StatusText("+start+")"; window.setTimeout(time, speed); } else { window.status = " "; window.setTimeout("StatusText(130)", speed); } } } </script> </head> <body onload="window.setTimeout('StatusText(130)', 1000)" bgcolor="#000000" text="#00FF00"> <p align="right"><i><font size="1">Sidst opdateret den <!--webbot bot="Timestamp" s-type="EDITED" s-format="%d-%m-%y" --></font></i></p> <div align="center"> <center> <table border="0" width="80%" height="50" cellspacing="0" cellpadding="0"> <tr> <td width="17%" align="center" height="18"> <p align="center"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="bgcolor" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontsize" value="18"> <param name="fontstyle" value="boldItalic"> <param name="effect" value="reverseGlow"> <param name="color" value="#000000"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Creators"> </applet> </p> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="bgcolor" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Gamez"> </applet> </td> <td width="19%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Photoshop"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Delphi"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="text" value="Entertainments"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="IFA"> </applet> </td> </tr> </table> </center> </div> <p align="center" style="border-style: solid; border-color: #000000"> </p> <p align="center" style="border-style: solid; border-color: #000000"><mapname="FPMap0"> <img src="images/Baggrund.JPG" width="503" height="379" border="0" usemap="#map1"> <map name="map1"> <area href="1" shape="rect" coords="85, 218, 271, 247" href="1" onmouseover="showlabel('label1')" onmouseout="hidelabel('label1')"> <area href="2" shape="rect" coords="97, 24, 272, 57" href="2" onmouseover="showlabel('label2')" onmouseout="hidelabel('label2')"> <area href="3" shape="polygon" coords="182, 149, 52, 66, 9, 116, 144, 190" href="3" onmouseover="showlabel('label3')" onmouseout="hidelabel('label3')"> <area href="4" shape="polygon" coords="347, 123, 341, 103, 347, 91, 364, 80, 362, 52, 348, 35, 333, 28, 306, 33, 288, 60, 294, 81, 304, 104, 303, 115, 295, 121, 315, 134" href="4" onmouseover="showlabel('label4')" onmouseout="hidelabel('label4')"> <area href="5" shape="rect" coords="20, 316, 349, 372" href="5" onmouseover="showlabel('label5')" onmouseout="hidelabel('label5')"> <area href="6" shape="polygon" coords="329, 260, 328, 246, 299, 249, 286, 268, 307, 272, 339, 307, 349, 302, 391, 268, 433, 300, 433, 326, 415, 336, 411, 356, 430, 372, 454, 362, 485, 351, 485, 342, 464, 343, 453, 282, 430, 247, 432, 187, 447, 207, 455, 205, 454, 187, 429, 174, 447, 144, 430, 127, 414, 127, 404, 136, 399, 153, 369, 171, 348, 187, 324, 194, 328, 214, 340, 218, 359, 214, 359, 200, 380, 184, 377, 218, 341, 266" href="6" onmouseover="showlabel('label6')" onmouseout="hidelabel('label6')"></map> <div id="label1" class="label" style="width: 447; height: 29"> <p align="right"><i><font color="#00FF00" size="4">Udviklerne bag denne side... </div> <div id="label2" class="label" style="width: 447; height: 29" <p align="right"> <i><font color="#00FF00" size="4">Previews samt anmeldelser af de nyeste spil...</i> </div> <div id="label3" class="label" style="width: 447; height: 29"> <p align="right"><i><font color="#00FF00" size="4">Eksempler samt hjælp til billedbehandling i Photoshop...</i> </div> <div id="label4" class="label" style="width: 447; height: 29"> <p align="right"><i><font color="#00FF00" size="4">Lær om programmeringsteknikker i Delphi...</i> </div> <div id="label5" class="label" style="width: 447; height: 29"> <p align="right"><i><font color="#00FF00" size="4">Filmunderholdning på højeste plan...</i> </div> <div id="label6" class="label" style="width: 800; height: 29"> <p align="center"><font color="#00FF00" size="4">Fodbold på højeste plan (lige i røven af Freja)...</font><b>.</b> </div> <p align="center"> </p> <p align="center"> </p> <p align="center"><!--webbot bot="HitCounter" startspan u-custom i-digits="0" i-image="0" preview="<strong>[Besøgstæller]</strong>" i-resetvalue="0" --><img src="_vti_bin/fpcount.exe/C:/Dokumenter/Mine%20Web-steder/mit_web-sted/?Page=index.htm|Image=0" alt="Besøgstæller"><!--webbot bot="HitCounter" endspan --></p> <p align="center"> </p> </font></font></font></font></font></i> </body> <script language="JavaScript"> <!-- n=document.layers; ie=document.all; function showlabel(labelid){ if(ie || n){ if(n) {document.layers[labelid].visibility="show";} else {document.all(labelid).style.visibility="visible";} } } function hidelabel(labelid){ if(ie || n){ if(n) {document.layers[labelid].visibility="hidden";} else {document.all(labelid).style.visibility="hidden";} } } // --> </script> </html>
21. november 1999 - 21:11
#5
Der var en masse uafsluttet tags de er rettet. Og din label er centreret. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Ny side 1</title> <title>MsgBox</title> <style type="text/css"> <!-- .label {position: absolute; left: 0px; right: 0px; z-index: 1; background-color: #000000; border: 0px solid #000000;} // --> </style> <script language="JavaScript"> //Script by Mads Hansen & Lars Sørensen function StatusText(start) { var msg = "Velkommen til vores hjemmeside"; var msg2 = ""; var speed=100; if (start > 0) { for (var c=0; c < start; c++) { msg2+=" "; } msg2+=msg; start--; window.status = msg2; var time="StatusText("+start+")"; window.setTimeout(time, speed); } else { if (-start < msg.length) { msg2+=msg.substring(-start,msg.length); start--; window.status = msg2; var time="StatusText("+start+")"; window.setTimeout(time, speed); } else { window.status = " "; window.setTimeout("StatusText(130)", speed); } } } </script> </head> <body onload="window.setTimeout('StatusText(130)', 1000)" bgcolor="#000000" text="#00FF00"> <p align="right"><i><font size="1">Sidst opdateret den <!--webbot bot="Timestamp" s-type="EDITED" s-format="%d-%m-%y" --></font></i></p> <div align="center"> <center> <table border="0" width="80%" height="50" cellspacing="0" cellpadding="0"> <tr> <td width="17%" align="center" height="18"> <p align="center"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="bgcolor" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontsize" value="18"> <param name="fontstyle" value="boldItalic"> <param name="effect" value="reverseGlow"> <param name="color" value="#000000"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Creators"> </applet> </p> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="bgcolor" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Gamez"> </applet> </td> <td width="19%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Photoshop"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="Delphi"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="text" value="Entertainments"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> </applet> </td> <td width="17%" align="center" height="18"> <applet code="fphover.class" codebase="./" width="120" height="24"> <param name="color" value="#000000"> <param name="textcolor" value="#00FF00"> <param name="font" value="TimesRoman"> <param name="fontstyle" value="boldItalic"> <param name="fontsize" value="18"> <param name="effect" value="reverseGlow"> <param name="hovercolor" value="#CA6EE1"> <param name="text" value="IFA"> </applet> </td> </tr> </table> </center> </div> <p align="center" style="border-style: solid; border-color: #000000"> </p> <p align="center" style="border-style: solid; border-color: #000000"> <img src="images/Baggrund.JPG" width="503" height="379" border="0" usemap="#map1"> <map name="map1"> <area href="1" shape="rect" coords="85, 218, 271, 247" onmouseover="showlabel('label1')" onmouseout="hidelabel('label1')"> <area href="2" shape="rect" coords="97, 24, 272, 57" onmouseover="showlabel('label2')" onmouseout="hidelabel('label2')"> <area href="3" shape="polygon" coords="182, 149, 52, 66, 9, 116, 144, 190" onmouseover="showlabel('label3')" onmouseout="hidelabel('label3')"> <area href="4" shape="polygon" coords="347, 123, 341, 103, 347, 91, 364, 80, 362, 52, 348, 35, 333, 28, 306, 33, 288, 60, 294, 81, 304, 104, 303, 115, 295, 121, 315, 134" onmouseover="showlabel('label4')" onmouseout="hidelabel('label4')"> <area href="5" shape="rect" coords="20, 316, 349, 372" onmouseover="showlabel('label5')" onmouseout="hidelabel('label5')"> <area href="6" shape="polygon" coords="329, 260, 328, 246, 299, 249, 286, 268, 307, 272, 339, 307, 349, 302, 391, 268, 433, 300, 433, 326, 415, 336, 411, 356, 430, 372, 454, 362, 485, 351, 485, 342, 464, 343, 453, 282, 430, 247, 432, 187, 447, 207, 455, 205, 454, 187, 429, 174, 447, 144, 430, 127, 414, 127, 404, 136, 399, 153, 369, 171, 348, 187, 324, 194, 328, 214, 340, 218, 359, 214, 359, 200, 380, 184, 377, 218, 341, 266" onmouseover="showlabel('label6')" onmouseout="hidelabel('label6')"> </map> <div id="label1" class="label" style="width: 100%; height: 30"> <p align="center"><i>Udviklerne bag denne</i> side... </div> <div id="label2" class="label" style="width: 100%; height: 30"> <p align="center"> <i>Previews samt anmeldelser af de nyeste spil...</i> </div> <div id="label3" class="label" style="width: 100%; height: 30"> <p align="center"><i>Eksempler samt hjælp til billedbehandling i Photoshop...</i> </div> <div id="label4" class="label" style="width: 100%; height: 30"> <p align="center"><i>Lær om programmeringsteknikker i Delphi...</i> </div> <div id="label5" class="label" style="width: 100%; height: 30"> <p align="center"><i>Filmunderholdning på højeste plan...</i> </div> <div id="label6" class="label" style="width: 800; height: 29"> <p align="center"><font color="#00FF00" size="4">Fodbold på højeste plan (lige i røven af Freja)...</font><b>.</b> </div> <p align="center"> </p> <p align="center"> </p> <p align="center"><!--webbot bot="HitCounter" startspan u-custom i-digits="0" i-image="0" preview="<strong>[Besøgstæller]</strong>" i-resetvalue="0" --><img src="_vti_bin/fpcount.exe/C:/Dokumenter/Mine%20Web-steder/mit_web-sted/?Page=index.htm|Image=0" alt="Besøgstæller"><!--webbot bot="HitCounter" endspan --></p> <p align="center"> </p> </body> <script language="JavaScript"> <!-- n=document.layers; ie=document.all; function showlabel(labelid){ if(ie || n){ if(n) {document.layers[labelid].visibility="show";} else {document.all(labelid).style.visibility="visible";} } } function hidelabel(labelid){ if(ie || n){ if(n) {document.layers[labelid].visibility="hidden";} else {document.all(labelid).style.visibility="hidden";} } } // --> </script> </html>
22. november 1999 - 21:17
#6
Det virker tak skjoldby.Jeg opretter et spørgsmål med flere point som tak
Vi tilbyder markedets bedste kurser inden for webudvikling