Avatar billede kickazz Nybegynder
04. august 2001 - 19:06 Der er 15 kommentarer og
1 løsning

Tabel??

Hvordan laver man en tabel der skal fylde 80% både i højden og bredden.

Og så centrerer den, og gør så tabellen er helt inde i midten?
Avatar billede kickazz Nybegynder
04. august 2001 - 19:07 #1
Jo...Og forresten er der nogen der har et script eller noget til et ur der opdaterer hele tiden? 

Det skal være et \"digital ur\", altså hvor klokkeslættet vises med tal. 

Der skal ikke være noget med dato indblandet. 
Avatar billede trivial Nybegynder
04. august 2001 - 19:16 #2
Lytter
Avatar billede zyclon Nybegynder
04. august 2001 - 19:24 #3
<TABLE width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
<TR>
  <TD width=\"10%\" height=\"10%\"></TD>
  <TD width=\"80%\" height=\"10%\"></TD>
  <TD width=\"10%\" height=\"10%\"></TD>
</TR
<TR>
  <TD width=\"10%\" height=\"80%\"></TD>
  <TD width=\"80%\" height=\"80%\"> Her er midten af tabellen </TD>
  <TD width=\"10%\" height=\"80%\"></TD>
</TR>
<TR>
  <TD width=\"10%\" height=\"10%\"></TD>
  <TD width=\"80%\" height=\"10%\"></TD>
  <TD width=\"10%\" height=\"10%\"></TD>
</TR
</TABLE>
Avatar billede zyclon Nybegynder
04. august 2001 - 19:26 #4
Her er uret. Det er ganske vist i en input boks, men den kan nemt gøres usynlig vedhjælp af css:

<script language=\"JavaScript\">

<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var clockID = 0;

function UpdateClock() {
  if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
  }

  var tDate = new Date();

  document.theClock.theTime.value = \"\"
                                  + tDate.getHours() + \":\"
                                  + tDate.getMinutes() + \":\"
                                  + tDate.getSeconds();
 
  clockID = setTimeout(\"UpdateClock()\", 1000);
}
function StartClock() {
  clockID = setTimeout(\"UpdateClock()\", 500);
}

function KillClock() {
  if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
  }
}

//-->

</script>
<body onload=\"StartClock()\" onunload=\"KillClock()\">
<center><form name=\"theClock\">
<input type=text name=\"theTime\" size=8>
<form></center>

Avatar billede kickazz Nybegynder
04. august 2001 - 20:04 #5
Kan man ikke gøre så det kun er i en celle?
Avatar billede kickazz Nybegynder
04. august 2001 - 20:17 #6
Og er der ikke en der kan sende et script med ur, hvor det ikke er i en input boks?
Avatar billede zyclon Nybegynder
04. august 2001 - 22:09 #7
Har forsøgt at lave det med en celle, men det kan vist ikke lade sig gøre.

<HTML>
<HEAD>
<TITLE>Ur</TITLE>
<STYLE type=\"text/css\">
.input {
font-family: Verdana;
font-size: 8pt;
background-color:white;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
border-top: 0px;
color:#000000;
}
</STYLE>
</HEAD>


<BODY>

<script language=\"JavaScript\">

<!--
// please keep these lines on when you copy the source
// made by: Nicolas - http://www.javascript-page.com

var clockID = 0;

function UpdateClock() {
  if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
  }

  var tDate = new Date();

  document.theClock.theTime.value = \"\"
                                  + tDate.getHours() + \":\"
                                  + tDate.getMinutes() + \":\"
                                  + tDate.getSeconds();
 
  clockID = setTimeout(\"UpdateClock()\", 1000);
}
function StartClock() {
  clockID = setTimeout(\"UpdateClock()\", 500);
}

function KillClock() {
  if(clockID) {
      clearTimeout(clockID);
      clockID  = 0;
  }
}

//-->

</script>
<body onload=\"StartClock()\" onunload=\"KillClock()\">
<center><form name=\"theClock\">
<input type=text name=\"theTime\" size=8 class=\"input\">
<form></center>

</BODY>
</HTML>
Avatar billede callesen Praktikant
04. august 2001 - 22:39 #8
Den sikreste måde at centrere en tabel på 80x80%:
<STYLE TYPE=\"text/css\">
BODY {
margin-left:0;
margin-right:0;
margin-top:0;
margin-bottom:0;
}
TABLE {
margin-left:10%;
margin-right:10%;
margin-top:10%;
margin-bottom:10%;
height:80%;
width:80%;
}

</STYLE>

den centerer på den ønskede måde uanset tabelstørrelse - hvis der er plads.
Avatar billede roenving Novice
05. august 2001 - 03:00 #9
Jeg ville tage fat i frames:

<Frameset rows=\"10%,80%,10%\">
  <Frame></Frame>
  <Frame>
      <Frameset cols=\"10%,80%,10%>
        <Frame></Frame>
        <Frame>
            //dit ur
        </Frame>
        <Frame></Frame>
      </Frameset>
  </Frame>
  <Frame></Frame>
</Frameset>

hth
jes
Avatar billede kickazz Nybegynder
05. august 2001 - 10:41 #10
Det skal IKKE være i frames.
Avatar billede kickazz Nybegynder
05. august 2001 - 10:42 #11
Og jeg kan ikke få det callesen skev til at virke :o(
Avatar billede zyclon Nybegynder
05. august 2001 - 10:52 #12
Det kan lade sig gøre sådan i IE:

<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE TYPE=\"text/css\">
BODY {
margin-left:10%;
margin-right:10%;
margin-top:10%;
margin-bottom:10%;
}
</STYLE>
</HEAD>

<BODY topmargin=\"0\" leftmargin=\"0\" margin-height=\"0\" margin-width=\"0\">

<TABLE height=\"100%\" width=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
<TR>
<TD width=\"100%\" height=\"100%\" bgcolor=\"#000000\">
</TD>
</TR>
</TABLE>

</BODY>
</HTML>

Det er ikke sikkert at det virker lige så godt i NS og Opera.
Avatar billede callesen Praktikant
05. august 2001 - 11:30 #13
zydon> Får dit style ikke hele sidens indhold og ikke kun tabellen til at centrere til de 80x80%?
kickazz> Indsæt mit style på samme måde som zydons og brug tabel attributterne til at definere \'tabelindholdet\'
Avatar billede gryn Nybegynder
06. august 2001 - 01:26 #14
<table width=\"100%\" height=\"100%\">
<tr><td>
          <table width=\"80%\" height=\"80%\">
          <tr><td>
          indhold
          </td></tr>
          </table>
</td></tr>
</table>
Avatar billede gryn Nybegynder
06. august 2001 - 01:27 #15
sorry... om igen

<table width=\"100%\" height=\"100%\">
<tr><td align=\"center\" valign=\"middle\">
          <table width=\"80%\" height=\"80%\">
          <tr><td>
          indhold
          </td></tr>
          </table>
</td></tr>
</table>
Avatar billede gryn Nybegynder
06. august 2001 - 01:29 #16
ur...


<html>
<head>
<title>UR</title>
</head>
<body bgcolor=\"#DDFFDD\" text=\"black\" link=\"blue\" vlink=\"blue\" alink=\"blue\">

<SCRIPT language=javascript>

timeId = 0;

function opdaterUr() {

    tid = new Date(); 
    h=tid.getHours();  hrs = (h<10)?(\"0\"+h):(\"\"+h)
    m=tid.getMinutes(); mns = (m<10)?(\":0\"+m):(\":\"+m)
    s=tid.getSeconds(); scs = (s<10)?(\":0\"+s):(\":\"+s)
nret.innerHTML = \"<b>\" + hrs+mns+scs + \"</b>\"

        timeId = setTimeout(\'opdaterUr()\',1000)
}
</SCRIPT>
<BR><BR>

<font size=\"3\" face=\"verdana, arial\" id=\"nret\">

</font>

<script language=\"javascript\">
opdaterUr()
</script>

</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