Avatar billede spendar Nybegynder
07. maj 2002 - 23:41 Der er 29 kommentarer og
1 løsning

Centrere Menu.

Hej.

I 1024x768 er både menuen og det der tekst felt centreret, men i alle andre opløsninger bliver både menu og tekst felt rykket lidt til venstre. Hvordan gør jeg så det er centreret lige meget hvilken opløsning man kører?
Nu ikke alle de der hi-tech udtryk, Jeg er total newbie ;)

URL: www.friserverplads.dk/falman

På Forhånd Tak.

Hilsen Spendar.

Avatar billede brideonline.dk Nybegynder
07. maj 2002 - 23:42 #1
<CENTER> din side </CENTER>
Avatar billede steen_hansen Forsker
07. maj 2002 - 23:44 #2
Det er ikke nok:

<div align="center">
  <center>
  <table border="0" cellpadding="4" cellspacing="0" width="760">
    <tr>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </table>
  </center>
</div>
Avatar billede spyro.dk Nybegynder
07. maj 2002 - 23:45 #3
eller <table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%">
      <div align="center">
        <center>
        <table border="0" width="600" height="300" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%"></td>
          </tr>
        </table>
        </center>
      </div>
    </td>
  </tr>
</table>


Tabel i en tabel, prøv det.
Avatar billede Slettet bruger
07. maj 2002 - 23:46 #4
<center> tagget har været uønsket og ikke gyldig HTML i flere år...
Avatar billede spyro.dk Nybegynder
07. maj 2002 - 23:47 #5
det er en tabel i en tabel og den første tabel er i 100% af din skærmopløsning og den anden er i midten af den første.
mvh spyro.dk
Avatar billede spyro.dk Nybegynder
07. maj 2002 - 23:48 #6
det kan godt værer at det er uønsket men det dur stadig :O)
Avatar billede skovtrold Nybegynder
07. maj 2002 - 23:53 #7
Husk også at fjerne margin i din body:
<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
Avatar billede oasen Nybegynder
07. maj 2002 - 23:53 #8
Lad være med at bruge "center" - det er forældet og centrerer alt indholdet i tabellen. Gør som Steen siger - sæt en <div> omkring hele "svineriet" :)
Avatar billede spendar Nybegynder
08. maj 2002 - 00:05 #9
Steen_Hansen: Det virker ikke, prøv at se hvordan det ser ud nu...
Avatar billede skovtrold Nybegynder
08. maj 2002 - 00:13 #10
<html>
<head>
<title>FaLMaN</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="100%" align="center" valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>

<td width="150" align="center" valign="top"><a href="noget.html">Bla Bla</a></td>
<td width="150" align="center" valign="top"><a href="noget.html">Bla Bla</a></td>
<td width="150" align="center" valign="top"><a href="noget.html">Bla Bla</a></td>
<td width="150" align="center" valign="top"><a href="noget.html">Bla Bla</a></td>
<td width="150" align="center" valign="top"><a href="noget.html">Bla Bla</a></td>
</tr>
</table></td>

</tr></table>

</body>
</html>
Avatar billede steen_hansen Forsker
08. maj 2002 - 00:15 #11
<html>

<head>
<title>FaLMaN</title>
</head>

<body>

<div align="center">
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="599">
    <tr>
      <td valign="top">
        <div align="center">
          <table border="0" cellpadding="0" cellspacing="0" width="591">
            <tr>
              <td><a href="default.html"><img src="falman2.jpg" border="0"></a></td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
    <tr>
      <td valign="top">
        <div align="center">
          <table border="0" cellpadding="4" cellspacing="0" width="591">
            <tr>
              <td align="center" valign="top"><a href="#">Link 1</a></td>
              <td align="center" valign="top"><a href="#">Link 2</a></td>
              <td align="center" valign="top"><a href="#">Link 3</a></td>
              <td align="center" valign="top"><a href="#">Link 4</a></td>
              <td align="center" valign="top"><a href="#">Link 5</a></td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
    <tr>
      <td valign="top">
        <div align="center">
          <table border="0" cellpadding="4" cellspacing="0" width="591">
            <tr>
              <td valign="top">Her er din vrøvletekst.
                <p>Og mere vrøvletekst.</td>
            </tr>
          </table>
        </div>
      </td>
    </tr>
  </table>
  </center>
</div>

</body>

</html>
Avatar billede steen_hansen Forsker
08. maj 2002 - 00:21 #12
Der er mange måder at gøre det på. skovtrolds er enkel. Mit eksempel benytter tabeller i tabellen. Det afhænger lidt af hvad du skal lave.

Smutter i seng. Vi arbejder på det i morgen, hvis du ikke skulle have løst det, ok?
Avatar billede spendar Nybegynder
08. maj 2002 - 00:27 #13
Okay, vi arbejder på det imorgen - har stadig ikke fået løst det :-/
Avatar billede steen_hansen Forsker
08. maj 2002 - 00:28 #14
Det kan du gøre ved at afprøve mit eksempel. Du holder det hele inden i tabellen, og det komme til at stå i midten. Prøv det. Og sov godt.
Avatar billede steen_hansen Forsker
08. maj 2002 - 00:29 #15
Men husk at tage kopi af dit dokument først.
Avatar billede spendar Nybegynder
10. maj 2002 - 00:39 #16
Steen_Hansen: Det virker fint indtil Jeg i mit stylesheet skriver:

.wee {
position:absolute;
top: 100px;
}

Jeg vil gerne have et mellemrum fra banner til menu.
Det er menuen jeg kalder "wee".
Det kommer til at se sådan her ud efter Jeg har skrevet ovenstående i mit stylesheet:
www.friserverplads.dk/falman
PS: Du må meget undskylde at jeg ikke har svaret tilbage før nu.
Avatar billede steen_hansen Forsker
10. maj 2002 - 00:43 #17
Det er helt i orden, men jeg har lige i øjeblikket store problemer med at komme ind på din side. Er serveren overbelastet?
Avatar billede steen_hansen Forsker
10. maj 2002 - 00:44 #18
Ok, så lykkedes det.

Istedet for at rode dig ud i position:absolute m.m., kan du lave en simpel <p>&nbsp;</p>. Det laver noget mellemrum.
10. maj 2002 - 00:46 #19
Hej

.wee {
position:absolute;
top: 100px;
left: 50%;
}

Det sidter den 100px ned fra toppne og 50% væk fra venstre.
Se også text-align:;

//Casper
Avatar billede spendar Nybegynder
10. maj 2002 - 00:47 #20
Steen_Hansen: Ved det ikke, Jeg kan heller ikke selv se min side :-/.
Hvor henne er der jeg skal skrive "<p>&nbsp;</p>"?
Avatar billede spendar Nybegynder
10. maj 2002 - 00:49 #21
xzxzxz: Den kommer også til at se helt forkert ud hvis jeg skriver:
.wee {
position:absolute;
top: 100px;
left: 50%;
}
Avatar billede spendar Nybegynder
10. maj 2002 - 00:50 #22
Hvis jeg går ud i mit stylesheet og skriver ovenstående, laver den alle 5 links om til ét enkelt link...
Avatar billede spendar Nybegynder
10. maj 2002 - 00:53 #23
Så, nu kan siden vist ses igen.
10. maj 2002 - 00:57 #24
men som sten siger lad være med at blande position ind

ellers lav

.wee1 {
position:absolute;
top: 100px;
left: 40%;
}
.wee2 {
position:absolute;
top: 100px;
left: 50%;
}
.wee2 {
position:absolute;
top: 100px;
left: 60%;
}
ex. men gør som steen
Avatar billede steen_hansen Forsker
10. maj 2002 - 01:07 #25
xzxzx-kan-ikke-logge: Det er aldrig en god ting at blande px og % sammen, det kan gå galt.

spendar: Der er MANGE måder at lave det mellemrum. Transparent GIF - <p>&nbsp;</p>. Skal vi kigge på det i morgen? Jeg er på vej i seng.
Avatar billede spendar Nybegynder
10. maj 2002 - 01:11 #26
steen_hansen: Okay, så gør vi det. Sov Godt :)
Avatar billede steen_hansen Forsker
10. maj 2002 - 01:19 #27
Prøv at se om ikke dette virker. Snakkes ved i morgen :o)

<html>

<head>
<title>FaLMaN</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="599">
<tr>
<td valign="top">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><a href="default.html"><img src="falman2.jpg" border="0"></a></td>
</tr>
</table>
</div>
</td>
</tr
<tr>
<td valign="top">
<br>
<table style="border:1px solid black;" cellpadding="4" cellspacing="0" width="100%">
<tr>
<td align="center" valign="top" class="wee"><a href="noget.html">Bla Bla</a></td> 
<td align="center" valign="top" class="wee"><a href="noget.html">Bla Bla</a></td> 
<td align="center" valign="top" class="wee"><a href="noget.html">Bla Bla</a></td> 
<td align="center" valign="top" class="wee"><a href="noget.html">Bla Bla</a></td> 
<td align="center" valign="top" class="wee"><a href="noget.html">Bla Bla</a></td> 
</tr>
</table>
<br>
</td>
<tr>
<td valign="top">
<div align="center">
<table style="border:1px solid black;" cellpadding="4" cellspacing="0" width="100%">
<tr>
<td valign="top">
<p>Og mere vrøvletekst.</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</center>
</div>

</body>

</html>
Avatar billede spendar Nybegynder
10. maj 2002 - 01:33 #28
Hey det virkede :-)
Tusind tak for din hjælp :-)
Avatar billede steen_hansen Forsker
10. maj 2002 - 09:09 #29
Det glæder mig :o)

Takker for point
Avatar billede steen_hansen Forsker
11. maj 2002 - 10:56 #30
Håber du får styr på din side. Jeg vil da gerne se, hvordan din side udarter sig :o)
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