Centrering i tabel

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
Niss
Begynder
Indlæg:17
Tilmeldt:28. jun 2012, 18:44
Centrering i tabel

Indlæg af Niss » 28. jun 2012, 18:52

Hej :-)

Håber nogen har lyst til at hjælpe med en lille udfordring.
Jeg har lavet en tabel i wordpress hvor jeg ikke kan få teksten til at centrere på højkant. Jeg har installeret TinyMCA advanced til at lave tabellen.

I er velkommen til at kigge på tabellen (er lige startet på siden, så den er mere end ufærdig.
http://www.gainits-ferrari.dk/wordpress ... vle-morgan

På forhånd tak for hjælpen

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Centrering i tabel

Indlæg af Josefine » 28. jun 2012, 19:14

Jeg ved dsv. kun, hvordan man centrerer vertikalt (og horisontalt, hehe) med CSS bundet til HTML.
Har aldrig prøvet Wordpress eller noget andet CMS-system, så ved ikke lige, hvordan det fungerer, om man kan kode derinde eller noget? - ellers ville jeg med glæde hjælpe ;)

Niss
Begynder
Indlæg:17
Tilmeldt:28. jun 2012, 18:44

Re: Centrering i tabel

Indlæg af Niss » 28. jun 2012, 19:23

Wordpress generer selv en html kode ud fra det man laver, så er man god til at kode kan det sikkert fikses, meen det er ikke noget jeg har kendskab til. Koden ser således ud.

<table style="width: 100%;" border="0" cellspacing="5">
<tbody>
<tr valign="middle">
<td style="text-align: center;" rowspan="4">DKCH
Sennetta's Jack A Dandy
HD A / AD 0</td>
<td style="text-align: center;" rowspan="2" align="center" valign="middle">Donald Van't Stokerybos</td>
<td style="text-align: left;" align="center" valign="middle">Xzorba Van't Stokerybos</td>
</tr>
<tr>
<td style="text-align: left;">Auda Van't Stokerybos</td>
</tr>
<tr>
<td style="text-align: center;" rowspan="2">Sennetta's Blaze</td>
<td style="text-align: left;">Jericho Av Milkcreek</td>
</tr>
<tr>
<td style="text-align: left;">Sennetta's Katharina d. 1</td>
</tr>
<tr>
<td style="text-align: center;" rowspan="4">  Sennetta's Keep In Touch
HD B / AD 0</td>
<td style="text-align: center;" rowspan="2"> Sennetta's Benefit Called Ben</td>
<td style="text-align: left;">Jericho Av Milkcreek</td>
</tr>
<tr>
<td style="text-align: left;">Sennetta's Katharina d. 1</td>
</tr>
<tr>
<td style="text-align: center;" rowspan="2"> Ebnet's Annabelle</td>
<td style="text-align: left;">Zack Van't Stokerybos</td>
</tr>
<tr>
<td>Ebnet's Jubelle</td>
</tr>
</tbody>
</table>

Josefine
Geni
Geni
Indlæg:308
Tilmeldt:9. dec 2011, 16:46

Re: Centrering i tabel

Indlæg af Josefine » 28. jun 2012, 22:58

Jah, at den laver koderne kunne jeg godt tænke mig til, jeg tænker mere på, om du er I stand til at gå ind i koden, redigere i den og så gemme :?: Jeg har aldrig rørt Wordpress eller noget før, så dér er jeg lidt på bar bund...

Men i hvert fald (jeg er nok ikke lige til den store hjælp, jeg tror mere det er en sag for moderatorerne herinde, der har styr på de ting der :) ) jeg har lige testet din tabel, og den centrerer altså teksten både vertikalt og horisontalt (bortset lige fra den række til højre selvfølgelig, der er det kun vertikalt) hos mig, ser det ud til.... altså medmindre du har lavet nogle enter/br-tags/linjeskifte, så ser det da ud til, at de står i midten, også selvom du ændrer rowspan eller cellspacing, som er mellemrummet imellem linjerne og din tekst.

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Centrering i tabel

Indlæg af ThomasI » 29. jun 2012, 09:30

Hej! :D

Jeg er ikke sikker på hvad du mener med at teksten skal "centrere på højkant", da jeg ikke kan finde den tabel du har vist koden til på den side du linker til?

Hvis du kigger på alle de steder hvor der står:

Kode: Vælg alt

text-align
Dette angiver til hvilken side sin tekst eller indhold i tabellen skal rettes til i det givne tabel felt:

Kode: Vælg alt

text-align: left;
Så bliver dit indhold lagt op i venstre side

Kode: Vælg alt

text-align: right;
Så bliver dit indhold lagt op af højre side i det givne tabel område

Kode: Vælg alt

text-align: center;
Så vil tekst og indhold blive centreret i det givne tabel felt.

Så du kan prøve selv at ændre i koden de steder hvor du gerne vil hvad det centreret, hvis der altså ikke står "center" i forvejen...

Niss
Begynder
Indlæg:17
Tilmeldt:28. jun 2012, 18:44

Re: Centrering i tabel

Indlæg af Niss » 29. jun 2012, 10:13

Hej :D

Nej så kan jeg godt se det kan være lidt svært at forstå hvad jeg mener. Det korrekte link er: http://gainits-ferrari.dk/wordpress/vores-hunde/morgan/

I de to første rækker af taballen er kasserne noget højere end i den bagerste, hvilket er helt efter planen, men teksten står helt i toppen hvor jeg gerne ville have den ned i midten.

PFT :D

Brugeravatar
ThomasI
Grundlægger
Grundlægger
Indlæg:1528
Tilmeldt:28. dec 2010, 10:49

Re: Centrering i tabel

Indlæg af ThomasI » 29. jun 2012, 10:53

Ah ok...
:)
Det du skal gøre er at indsætte:

Kode: Vælg alt

vertical-align:middle;
Så din kode kommer til at se således ud:

<table style="width: 100%;" border="0" cellspacing="5">
<tbody>
<tr valign="middle">
<td style="text-align: center; vertical-align:middle;" rowspan="4">DKCH
Sennetta's Jack A Dandy
HD A / AD 0</td>
<td style="text-align: center;" rowspan="2" align="center" valign="middle">Donald Van't Stokerybos</td>
<td style="text-align: left;" align="center" valign="middle">Xzorba Van't Stokerybos</td>
</tr>
<tr>
<td style="text-align: left;">Auda Van't Stokerybos</td>
</tr>
<tr>
<td style="text-align: center;" rowspan="2">Sennetta's Blaze</td>
<td style="text-align: left;">Jericho Av Milkcreek</td>
</tr>
<tr>
<td style="text-align: left;">Sennetta's Katharina d. 1</td>
</tr>
<tr>
<td style="text-align: center; vertical-align:middle;" rowspan="4"> Sennetta's Keep In Touch
HD B / AD 0</td>
<td style="text-align: center;" rowspan="2"> Sennetta's Benefit Called Ben</td>
<td style="text-align: left;">Jericho Av Milkcreek</td>
</tr>
<tr>
<td style="text-align: left;">Sennetta's Katharina d. 1</td>
</tr>
<tr>
<td style="text-align: center;" rowspan="2"> Ebnet's Annabelle</td>
<td style="text-align: left;">Zack Van't Stokerybos</td>
</tr>
<tr>
<td>Ebnet's Jubelle</td>
</tr>
</tbody>
</table>

Jeg har markeret det med fed det du skal sætte ind og hvor

Niss
Begynder
Indlæg:17
Tilmeldt:28. jun 2012, 18:44

Re: Centrering i tabel

Indlæg af Niss » 29. jun 2012, 12:32

Perfekt, mange tak for hjælpen :D Det virker præcis som det skal.

I øvrigt nogen super video guides til wordpress, de gjorde det nemt at komme igang, da jeg ikke har brugt det før. Men mon ikke der dukker flere spørgsmål op hen af vejen :D

Besvar