Vertikales align in tabellenzelle

HarryPodda · 14. Dezember 2007

Hi

ich habe ein Problem mit einem projekt von mir: würde gerne den text in einer tabellenzelle nicht oben in der ecke haben, sondern vertikal zentriert. also genau gleicher abstand zum oberen und unteren zellenrand. wie kann ich das machen? (ohne padding-parameter oder wie man das nennt im table-tag)

Eol_Ruin · 14. Dezember 2007

vertical-align

HarryPodda · 14. Dezember 2007

und für welches tag? mit div funktioniert das nicht und in den td-tags auch nicht

Mothman · 14. Dezember 2007

HarryPodda am 14.12.2007 17:55 schrieb:
und für welches tag? mit div funktioniert das nicht und in den td-tags auch nicht

<div style = "vertical-align:center">

Das ist CSS.

HarryPodda · 14. Dezember 2007

das ist mir schon klar, das hatte ich auch schon ausprobiert, trotzdem funktioniert das nicht

Mothman · 14. Dezember 2007

HarryPodda am 14.12.2007 19:03 schrieb:
das ist mir schon klar, das hatte ich auch schon ausprobiert, trotzdem funktioniert das nicht

Poste doch mal COde, evtl. kann man dir dann besser helfen. Aber nur das Wesentliche.

HarryPodda · 14. Dezember 2007

Mothman am 14.12.2007 19:15 schrieb:
HarryPodda am 14.12.2007 19:03 schrieb:

das ist mir schon klar, das hatte ich auch schon ausprobiert, trotzdem funktioniert das nicht

Zum Vergrößern anklicken....

Poste doch mal COde, evtl. kann man dir dann besser helfen. Aber nur das Wesentliche.

Code:

<style type="text/css">
                 <!--
                 	body {              
                                 margin: 0px;
                                 font-family: Arial;
                                 color: black;
                                 font-size: 10pt;
                         }

                         table {
                         	table-layout: auto;
                         }

                         div.mitte {
                         	vertical-align: middle;
                         }

                         img.platzhalter {
                         	float: left;
                                visibility: hidden;
                         }

                         table.format {
                         	border-style: solid;
                                 border-width: 0px;
                         }

                         td {
                         	border-style: solid;
                                 border-width: 0px;
                         }

                         td.header {
                         	background-color: black;
                         }

                         td.rand {
                         	background-image: url(style/images/rand.jpg);
                         }
 
                         td.rand_vertikal {
                         	background-image: url(style/images/rand2.jpg);
                                 background-repeat: repeat-x;
                                 font-size: 8pt;
                         }     
                       
                         td.rand_with_text {
                         	background-image: url(style/images/rand2.jpg);
                                 font-size: 8pt;
                                 width: 100%;
                         }

                         .hidden {
                         	visibility: hidden;
                         }

         	//-->
                 </style>

	</head>
         <body>

                 <div align="center">
         		<table cellspacing="0" cellpadding="0" class="format">
                                 <tr>
                                   <td rowspan="5" class="rand">
                             		<img class="platzhalter" alt="" title="" src="style/images/rand.jpg" border="0" />
                           	  </td>

                                   <td>

    
                                 	<table style="margin-top: 5px;" cellspacing="0" cellpadding="0" width="925px">
                                         	<tr>
    
                                                   <td class="rand_with_text">


                                                       		<img src="style/images/rand2.jpg" class="platzhalter" alt="" title="" border="0" />
                                                                 [u][b]<div align="center"><b><?php echo $header_text ?></b></div>[/b][/u]


                                                   </td>

Das fette und unterstrichene soll nicht am oberen Rand der Zelle, sondern vertikal in der mitte

klausbyte · 15. Dezember 2007

Mothman am 14.12.2007 18:20 schrieb:
HarryPodda am 14.12.2007 17:55 schrieb:

und für welches tag? mit div funktioniert das nicht und in den td-tags auch nicht

Zum Vergrößern anklicken....

<div style = "vertical-align:center">

Das ist CSS.

Bullshit!

das geht nicht
1) Das div bräuchte auch noch eine Angabe der Höhe, ansonsten ist es nur eine Zeile hoch, und bei einer Zeile vertikal zu zentrieren ist .. net so.
2) Es heißt bei vertikalen Ausrichtungen middle und nicht center, center ist nur bei horizontalen Ausrichtungen.

Ich denke das die html-Attribute für Tabellen besser geeignet sind für den Autor.

<td valign="middle" align="center">bla</td>

Das zweite align is für die horizontale Zentrierung.

So, ich hoffe jetzt kannst du uns ordentlich einen Zentrieren

.

HarryPodda · 15. Dezember 2007

das mit dem middle wusste ich auch, hat aber wie gesagt nicht geklappt ^^ ok, ich probier das mal so

EDIT:
habe das nun ausprobiert:
es geht nicht.

und ich habe eine idee woran das liegt:
ich habe das gefühl, dass es daran liegt, dass ich eine "unsichtbare grafik" eingebaut habe, damit die zelle von der höhe her komplett sichtbar ist (sie wird als trennrand benutzt in dem ein copyright steht). diese hidden-grafik hat als float: left, damit geht der text neben dem bild ja am oberen rand weiter, gibts nen float befehl, wo der text in der mitte der grafik weiter geht?

klausbyte · 15. Dezember 2007

Du gehst die Sache völlig Falsch an.
Was soll denn die Grafik bewirken, das hab ich nicht verstanden. Ohne die Grafik gehts nämlich.
Lad dein Projekt doch mal im gesamten auf deinen Webspace dann können wir detailierter schauen.

HarryPodda · 15. Dezember 2007

jaaaaa ich habs jetzt mit ausprobieren und rumprobieren hingekriegt.

hier das projekt, ist für unseren clan:
www.pizzawarriors.de.vu

die domain wird noch zu ner normalen ohne werbung, brauchte nur schnell eine um nich immer die supdomain meines sammelwebspaces eingeben zu müssen

Mothman · 15. Dezember 2007

klausbyte am 15.12.2007 11:30 schrieb:
Mothman am 14.12.2007 18:20 schrieb:

HarryPodda am 14.12.2007 17:55 schrieb:

und für welches tag? mit div funktioniert das nicht und in den td-tags auch nicht

Zum Vergrößern anklicken....

<div style = "vertical-align:center">

Das ist CSS.

Zum Vergrößern anklicken....

Bullshit!

das geht nicht
1) Das div bräuchte auch noch eine Angabe der Höhe, ansonsten ist es nur eine Zeile hoch, und bei einer Zeile vertikal zu zentrieren ist .. net so.
2) Es heißt bei vertikalen Ausrichtungen middle und nicht center, center ist nur bei horizontalen Ausrichtungen.

Brauchst ja nicht gleich auszurasten. :rolleyes:

Man kann sich ja, wenigstens als CC/CO etwas mit der Wortwahl zügeln. Ich denke, das wäre für das Klima in der Community etwas günstiger. Wollt ihr nicht lieber das Forum von verbalen Auswüchsen säubern, anstatt selber welche zu produzieren? Ich würde mir für die Zukunft einen netteren Umgangston von dir wünschen, da wir uns nicht bekannt sind und ich das als beleidigend empfinde. Danke.
Ich bezeichne deine Postings, wenn sie zu unverständlich für mich sind ja auch nicht mit "Scheiße".

Zum Posting selber:
Das ist doch nicht alles komplett..glaubst du ich kaue im alles vor.^^
Die restlichen Style-Angaben hätte er schon selber machen müssen, ich dachte soweit ist das klar. Es ging mir nur darum ihm deutlich zu machen, wie er mit vertical-align an sich umzugehen hat. Er hat gefragt, wie er das bei TD oder DIV einbauen kann und ich habe ihm das gezeigt. Ok, mit middle/center habe ich mich vertan, aber das hätte er ja wohl spätestens nach dem 2. Versuch bemerkt.

Also mach aus einer Mücke keinen Elefanten, indem du etwas als "Bullshit" bezeichnest! ;-)

klausbyte · 15. Dezember 2007

Das war nicht böse gedacht, sondern sollte so eine Art "Bullshit" sein wie aus Full Metal Jacket vom Sargent

Hatte den irgendwie noch im Hinterkopf.. war aber heute Morgen auch noch nicht ganz wach.
Nichts für ungut

Mothman · 15. Dezember 2007

klausbyte am 15.12.2007 14:19 schrieb:
Das war nicht böse gedacht, sondern sollte so eine Art "Bullshit" sein wie aus Full Metal Jacket vom Sargent Hatte den irgendwie noch im Hinterkopf.. war aber heute Morgen auch noch nicht ganz wach.
Nichts für ungut

Kein Problem, ich bin auch manchmal zu leicht reizbar.. :-S

klausbyte · 15. Dezember 2007

Mothman am 15.12.2007 17:15 schrieb:
klausbyte am 15.12.2007 14:19 schrieb:

Das war nicht böse gedacht, sondern sollte so eine Art "Bullshit" sein wie aus Full Metal Jacket vom Sargent Hatte den irgendwie noch im Hinterkopf.. war aber heute Morgen auch noch nicht ganz wach.
Nichts für ungut

Zum Vergrößern anklicken....

Kein Problem, ich bin auch manchmal zu leicht reizbar..

versuchs mal mit nem Sanfmütigen Avatar wie ich :ugly:

Mothman · 15. Dezember 2007

klausbyte am 15.12.2007 17:29 schrieb:
Mothman am 15.12.2007 17:15 schrieb:

klausbyte am 15.12.2007 14:19 schrieb:

Das war nicht böse gedacht, sondern sollte so eine Art "Bullshit" sein wie aus Full Metal Jacket vom Sargent Hatte den irgendwie noch im Hinterkopf.. war aber heute Morgen auch noch nicht ganz wach.
Nichts für ungut

Zum Vergrößern anklicken....

Kein Problem, ich bin auch manchmal zu leicht reizbar..

Zum Vergrößern anklicken....

versuchs mal mit nem Sanfmütigen Avatar wie ich

Hehe, na wenn das wirken würde, dann hättest du doch nciht so ein böses Wort wie "Bullshit" verwendet. ;-)

Ist doch nur Tarnung bei dir, um dann um so fieser zu wirken. :ugly:

EDIT: "sanftmütig" ist gut...das dicke Ding da.^^

Aktualisierte Forenregeln

Vertikales align in tabellenzelle

HarryPodda

Anfänger/in

Eol_Ruin

Nerd

HarryPodda

Anfänger/in

Mothman

Spiele-Professor/in

HarryPodda

Anfänger/in

Mothman

Spiele-Professor/in

HarryPodda

Anfänger/in

klausbyte

Spiele-Kenner/in

HarryPodda

Anfänger/in

klausbyte

Spiele-Kenner/in

HarryPodda

Anfänger/in

Mothman

Spiele-Professor/in

klausbyte

Spiele-Kenner/in

Mothman

Spiele-Professor/in

klausbyte

Spiele-Kenner/in

Mothman

Spiele-Professor/in

Ähnliche Themen