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.
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
<CENTER> din side </CENTER>
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>
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.
Slettet bruger
07. maj 2002 - 23:46
#4
<center> tagget har været uønsket og ikke gyldig HTML i flere år...
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
det kan godt værer at det er uønsket men det dur stadig :O)
Husk også at fjerne margin i din body: <body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
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" :)
Steen_Hansen: Det virker ikke, prøv at se hvordan det ser ud nu...
<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>
<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>
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?
Okay, vi arbejder på det imorgen - har stadig ikke fået løst det :-/
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.
Men husk at tage kopi af dit dokument først.
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.
Det er helt i orden, men jeg har lige i øjeblikket store problemer med at komme ind på din side. Er serveren overbelastet?
Ok, så lykkedes det. Istedet for at rode dig ud i position:absolute m.m., kan du lave en simpel <p> </p>. Det laver noget mellemrum.
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
Steen_Hansen: Ved det ikke, Jeg kan heller ikke selv se min side :-/. Hvor henne er der jeg skal skrive "<p> </p>"?
xzxzxz: Den kommer også til at se helt forkert ud hvis jeg skriver: .wee { position:absolute; top: 100px; left: 50%; }
Hvis jeg går ud i mit stylesheet og skriver ovenstående, laver den alle 5 links om til ét enkelt link...
Så, nu kan siden vist ses igen.
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
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> </p>. Skal vi kigge på det i morgen? Jeg er på vej i seng.
steen_hansen: Okay, så gør vi det. Sov Godt :)
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>
Hey det virkede :-) Tusind tak for din hjælp :-)
Det glæder mig :o) Takker for point
Håber du får styr på din side. Jeg vil da gerne se, hvordan din side udarter sig :o)
Vi tilbyder markedets bedste kurser inden for webudvikling