Avatar billede madshenrik Nybegynder
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 }
// -->
Avatar billede spacey Nybegynder
18. november 1999 - 23:11 #1
Brug <center> </center>
Avatar billede pingo Nybegynder
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...
Avatar billede madshenrik Nybegynder
20. november 1999 - 01:31 #3
mere specifict er en nødvendighed, da den blot centrere teksten i lablen og ikke selve lablen
Avatar billede madshenrik Nybegynder
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">&nbsp;</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">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center"><!--webbot bot="HitCounter" startspan u-custom
          i-digits="0" i-image="0"
          preview="&lt;strong&gt;[Besøgstæller]&lt;/strong&gt;"
          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">&nbsp;</p>
          &nbsp;</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>


Avatar billede skjoldby Nybegynder
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">&nbsp;</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">&nbsp;</p>
          <p align="center">&nbsp;</p>
          <p align="center"><!--webbot bot="HitCounter" startspan u-custom
          i-digits="0" i-image="0"
          preview="&lt;strong&gt;[Besøgstæller]&lt;/strong&gt;"
          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">&nbsp;</p>
         
&nbsp;
</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>

Avatar billede madshenrik Nybegynder
22. november 1999 - 21:17 #6
Det virker tak skjoldby.Jeg opretter et spørgsmål med flere point som tak
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