Avatar billede jps2mt Nybegynder
05. juni 2002 - 18:29 Der er 9 kommentarer og
3 løsninger

Centrering af tekst

Kan man centrere en tekst horisontalt og vertikalt ved brug af CSS, eller skal der andet til??

/Morten
Avatar billede kwanstudios Nybegynder
05. juni 2002 - 18:31 #1
Jeg bruger som regel denne;

<TABLE WIDTH="100%" HEIGHT="100%">
<TR VALIGN="top"><TD>
<DIV ALIGN="CENTER">Dual center</DIV>
</TD></TR>
</TABLE>
Avatar billede kwanstudios Nybegynder
05. juni 2002 - 18:31 #2
hov ;)
Avatar billede pelkjaer Nybegynder
05. juni 2002 - 18:43 #3
<style type="text/css">
<!--
h1 {
    text-align: center;
}
h2 {
    vertical-align: middle;
}
-->
</style>
Avatar billede freekyzone Nybegynder
05. juni 2002 - 19:22 #4
i en css-fil:

.table1
text-align: center;
}
.table2
text-align: right;
}

osv. osv...
Avatar billede freekyzone Nybegynder
05. juni 2002 - 19:23 #5
´det skulle have været et svar

...
<td class="table1">bla bla</td>
Avatar billede freekyzone Nybegynder
05. juni 2002 - 19:23 #6
´det skulle have været et svar

...
<td class="table1">bla bla</td>
Avatar billede jps2mt Nybegynder
05. juni 2002 - 19:43 #7
freekyzone & kwanstudios >>

Jeres svar er meget ens, og kan MÅSKE bruges...Nu er problemet så bare at den tekst der skal centreres skal ligge BAG noget andet, og jeg har prøvet med z-index: -1, men den ser ikke ud til at virke med et <table> tag...Så den skubber jo bare teksten ned...

Hvordan kan jeg så undgå det??

/Morten
Avatar billede tjacob Juniormester
05. juni 2002 - 20:00 #8
Det mest korrekte svar ifh til det stillede spørgsmål er pelkjaers ;-)

MHT at fastholde teksten: Brug:  {position:absolute; top:#px; left:#px; z-index:#}

/tjacob
Avatar billede jps2mt Nybegynder
05. juni 2002 - 20:57 #9
tjacob >> Det centrer jo ikke teksten...Hvis nu at jeg centrer den efter 1024x728, og der så er en der ser den med 800x600...Så er den jo ikke i center mere...

/Morten
Avatar billede knudgert Nybegynder
06. juni 2002 - 06:26 #10
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>centreret tekst</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
table    {width: 100%; height: 100%; position: absolute; top: 0; left: 0}
h1    {text-align: center}
.red    {color: red}
-->
</style>
</head>
<body>
<table style="z-index: 0">
<tr>
<td>
<h1>bla -  bla - bla</h1>
</td>
</tr>
</table>
<table style="z-index: 2">
<tr>
<td>
<h1 class="red">midten</h1>
</td>
</tr>
</table>
</body>
</html>
Avatar billede jps2mt Nybegynder
06. juni 2002 - 12:45 #11
knudgert >> Det duer da SLET ikke...Nu centrer den jo ALT tekst på siden...Det kan jeg ikke bruge til en dyt...
Avatar billede jps2mt Nybegynder
06. juni 2002 - 12:50 #12
knudgert >> Sorry...En mindre omskrivelse, og så virkede det...Smid et svar...

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