tabellen problem

11.06.2004, 13:16

moin jungs,

da bin ichs doch schon wieder ich hab auch schon wieder ein problem mit ner tabelle und zwar hab ich ne tablle mit 3 zeillen und will in die erste ne überschrift und in die 2te ne linie und in die dritte nen text so wenn ich des jetzt wie unten im code gezeigt mache dann ist die zeile mit der linie größer als meine 5pixel die ich angegeben hab.

Code:

<table style="border:1px solid lightgrey" align="center" width="400" border="0" cellspacing="0" cellpadding="2">
      <tr>
        <td>überschirft</td>
      </tr>
      <tr>
	  <td height="5">[img]img/linie.gif[/img]</td>
	  </tr>
	  <tr>
        <td align="justify">Bla bla fülltext bla bla text Bla bla fülltext bla bla text Bla bla fülltext bla bla text Bla bla fülltext bla bla text Bla bla fülltext bla bla text Bla bla fülltext bla bla text Bla bla fülltext bla bla text</td>
      </tr>
    </table>

bitte um hilfe

mfg unicon

022.9 · 11.06.2004, 13:22

ich weiß gerade keine schönere lösung (und ich weiß auch gar nicht, ob es eine schönere lösung gibt) aber mach es doch so:

Code:

<table style="border:1px solid lightgrey" align="center" width="400" border="0" cellspacing="0" cellpadding="2"> 
      <tr> 
        <td>überschirft</td> 
      </tr> 
      <tr> 
     <td height="5">[img]img/linie.gif[/img]</td> 
     </tr> 
     <tr> 
        <td align="justify">Bla bla fülltext </td> 
      </tr> 
    </table>

weil das height ist glaube ich nur die mindestgröße aber keine feste einheit! es sollte eigendlich so gehen!

Guradia · 11.06.2004, 13:22

An meinem Beispiel aus deinem andere Thread hatte ich offline sogar noch ein wenig geändert... das passt hier nund ganz schön:

Die Überschriften sind als sochle gekennzeichnet und eine Trennlienie gibts auch
(ist keine Grafik hier, kann aber eine sein; mach diese online verfügbar, dann schaue ich auch da mal, was sich machen lässt).

Code:

<html>
<head>
    <title>Testing</title>
    <style type="text/css">      
        table.slimBorder {
            border-left:1px solid black;
            border-top:1px solid black;
            font-size:12px;
            font-family:courier,monospace;
        }
        
        table.slimBorder td,
        table.slimBorder th {
            border-right:1px solid black;
            border-bottom:1px solid black;
            padding:0 5px 0 5px;
        }
        
        table.slimBorder th {
            border-bottom:3px solid black;
            background-color:#cccccc;
        }
    </style>
</head>

<body>

<table cellspacing="0" cellpadding="0" class="slimBorder"> 
<tr> 
<th> 
bla bla bla 
</th> 
<th> 
bla bla bla 
</th> 
<th> 
bla bla bla 
</th> 
</tr>  
<tr> 
<tr> 
<td> 
bla bla bla 
</td> 
<td> 
bla bla bla 
</td> 
<td> 
bla bla bla 
</td> 
</tr>  
<td> 
bla bla bla 
</td> 
<td> 
bla bla bla 
</td> 
<td> 
bla bla bla 
</td> 
</tr> 
</table>


</body>
</html>

agrajag · 11.06.2004, 13:22

Zitat:

Zitat von unicon

da bin ichs doch schon wieder ich hab auch schon wieder ein problem mit ner tabelle und zwar hab ich ne tablle mit 3 zeillen und will in die erste ne überschrift und in die 2te ne linie und in die dritte nen text so wenn ich des jetzt wie unten im code gezeigt mache dann ist die zeile mit der linie größer als meine 5pixel die ich angegeben hab.

Wahrscheinlich einfach deshalb, weil deine Grafik höher ist als die 5 Pixel bzw. dort noch ein padding/margin dazukommt.

Warum verwendest du dort überhaupt eine Tabelle, wenn das - wie es scheint - eigentlich keine "tabellarischen Daten" sind - ziemlich sinnbefreit!?

mfG
werbegeschenk

Edit: ...da war ich wohl ein wenig langsam ;)

Guradia · 11.06.2004, 13:25

Zitat:

Zitat von Werbegeschenk

Warum verwendest du dort überhaupt eine Tabelle, wenn das - wie es scheint - eigentlich keine "tabellarischen Daten" sind - ziemlich sinnbefreit!?

*hups* .. gar nicht gemerkt ^^

Mit wenig Geschick liesse sich mein Beispiel auf <h3> und

adaptieren

11.06.2004, 13:30

also irgend wie bin ich zu blöd ich kann aus euren antworten nix als lösung hernehmen irgendwie also ich will nicht sagen das mir das nicht hilft aber ich erklärs euch. meine linie ist genau 1 pixel hoch (eine grafik) ich hab in der tabelle das cellpadding auf 2 gestellt das heist es kommt oben, unten, recht, links überall 2 pixel rad dazu also mach das 2+2+1 = 5 pixel also müsste meine zeile doch auch 5 picel hoch sein. aber warum nicht????

Guradia · 11.06.2004, 13:35

Lassen wir es also bei Problemlösung und entfernen uns vom Gedanken, dich auf den Pfad der Tugend zu bringen ^^

Zitat:

Zitat von unicon

aber warum nicht????

Weil du den IE nutzt (behaupt) und der gerne mal von 12px (oder sonstwas) Linien-Höhe ausgeht. Das macht der üblicherwiese bei leeren Zellen .. und gerade nicht, wenn eine einzelne Grafik drin ist .. aber man weiss ja nie bei dem ...

<td style="line-height:0">

Könnte das Problem lösen.

EDIT: ausserdem fällt mir gerade brühkühl ein: Auf höhe 5 müssen Padding-Werte aufgerechnet werden ... 9 ist also die korrekte Höhe ...
Sezte Deinie höhe auf 1 ... wie es sich für die LInie gehört .. dann kommen 4 für das cellpadding drauf: Ergo 5 ...
In IE5 sieht das anders aus ^^

Aber: Wie viel Sinn kann eine 1-Pixel-Linie haben?! Befass dich lieber mit meinem CSS-Konstrukt ^^

11.06.2004, 13:43

@Guradia

Vielen dank funzt schon besser.

ok also ich will halt z.b. viele news in ned html reinschreiben schön untereinander, und da nehm ich halt ne tabelle mit 3 zeilen her und will ne überschirft und ne trennlinie und dann den text. wie würdet ihr es machen?????

mfg flo

Guradia · 11.06.2004, 13:50

Ganz simpel:

CSS

Code:

        div.newsItems h3 {
            margin:0;
            border-bottom:1px solid black;
        }
        div.newsItems p {
            margin:0 0 20px 0;
        }

HTML

Code:

<div class="newsItems">
<h3>news Head</h3>


news Text trallalalal alsdjf lalalajskdjf lllallsdjf</p>
<h3>news Head</h3>


news Text trallalalal alsdjf lalalajskdjf lllallsdjf</p>
<h3>news Head</h3>


news Text trallalalal alsdjf lalalajskdjf lllallsdjf</p>
</div>

agrajag · 11.06.2004, 13:52

Zitat:

Zitat von Guradia

HTML

Code:

<div class="newsItems">
<h3>news Head</h3>
[...]

Warum eigentlich ausgerechnet <h3>?

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PHP Array in MYSQL Tabellen schreiben	Matt	Datenbanken	1	26.02.2008 19:43
Volltext-Suche Problem - 2 verschiedene Tabellen		Datenbanken	1	18.09.2006 16:32
Problem mit dem Hinzfügen von Tabellen durch Variable	gameco	PHP Tipps 2006	12	20.07.2006 12:44
[Suche] Hilfe zu einem Tabellen Verknüpfungs Problem	<Daniel>	Datenbanken	3	10.07.2006 15:15
einträge aus 2 tabellen sortieren	Tschuu	Datenbanken	11	20.12.2005 08:21
Abfrage mehrerer Tabellen per PHP (Code vereinfachen)		PHP Tipps 2007	4	18.12.2005 12:34
tabellen maße problem	me	HTML, Usability und Barrierefreiheit	5	07.11.2005 12:49
MySQL Daten aus verknüpften Tabellen auslesen ?		PHP Tipps 2005-2	2	27.06.2005 03:21
[HTML] Tabellen Problem	Chr!s	HTML, Usability und Barrierefreiheit	12	25.05.2005 14:28
2 Tabellen verknüpfen, Problem		Datenbanken	6	30.12.2004 09:53
[Erledigt] Hilfe - Problem mit Warenkorb		PHP Tipps 2004	1	26.11.2004 11:32
problem mit COUNT in verbindung mit zwei tabellen	PHS	Datenbanken	6	13.10.2004 10:09
problem mit einer abfrage über mehrere tabellen!		PHP Tipps 2004	1	12.10.2004 18:54
über PHP Daten in MySQL Tabellen updaten -- Problem		PHP Tipps 2004	4	27.09.2004 21:34
2 Tabellen kleines Problem....		Datenbanken	7	10.08.2004 13:55


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

11.06.2004, 13:22
022.9 Benutzer Registriert seit: 13.10.2003 Beiträge: 38 PHP-Kenntnisse: Anfänger	ich weiß gerade keine schönere lösung (und ich weiß auch gar nicht, ob es eine schönere lösung gibt) aber mach es doch so: Code: <table style="border:1px solid lightgrey" align="center" width="400" border="0" cellspacing="0" cellpadding="2"> <tr> <td>überschirft</td> </tr> <tr> <td height="5">[img]img/linie.gif[/img]</td> </tr> <tr> <td align="justify">Bla bla fülltext </td> </tr> </table> weil das height ist glaube ich nur die mindestgröße aber keine feste einheit! es sollte eigendlich so gehen! __________________ Ich habe eine eigene Meinung und die ist überzeugt von dem was ich sage

11.06.2004, 13:30
Gast Beiträge: n/a	also irgend wie bin ich zu blöd ich kann aus euren antworten nix als lösung hernehmen irgendwie also ich will nicht sagen das mir das nicht hilft aber ich erklärs euch. meine linie ist genau 1 pixel hoch (eine grafik) ich hab in der tabelle das cellpadding auf 2 gestellt das heist es kommt oben, unten, recht, links überall 2 pixel rad dazu also mach das 2+2+1 = 5 pixel also müsste meine zeile doch auch 5 picel hoch sein. aber warum nicht????

11.06.2004, 13:43
Gast Beiträge: n/a	@Guradia Vielen dank funzt schon besser. ok also ich will halt z.b. viele news in ned html reinschreiben schön untereinander, und da nehm ich halt ne tabelle mit 3 zeilen her und will ne überschirft und ne trennlinie und dann den text. wie würdet ihr es machen????? mfg flo