tabellenbreite dynamisch anpassen

[thunderrace2001]

liebe forum mitglieder,
ich hätte eine frage zu folgendem problem.
die erste zeile in einer tabelle besteht aus einer gestrichelten linie, in die zweite zeile der tabelle wird ein bild hineingeladen. jetzt würde ich gerne erreichen, dass die gestichelte linie immer genauso lang ist wie die breite des bildes.
nachdem sich die breite des bildes in abhängigkeit vom geladenen bild ändert, müsste sich also die gestrichelte linie "dynamisch anpassen".

wäre für euere hilfe sehr dankbar.
beste grüße
karsten

 

[matibaski]

<table style="width:??px">
 <tr>
  <td></td>
 </tr>
</table>

MfG, matibaski

 

[prostel]

Naja in diesem Fall wäre ein wenig Beispiel Code schon
hilfreich, denn wenn man es richtig baut, sollte die
Linie sich automatisch anpassen.

Nicht ganz dein Beispiel aber so zieht sich die Linie automatisch lang

<table>
  <tr>
    <td style="border-bottom:1px dotted #000;">&nbsp;</td>
  </tr>
  <tr>
    <td><img src="bild.jpg" alt="#"></td>
  </tr>
</table>

 

[thunderrace2001]

hallo,
zu matibaskis antwort:
mit festen breiten kann ich leider nicht arbeiten, weil sich das bild immer ändert und damit auch die breite angepasst werden muß

prostel -> das was du geschrieben hast bezieht sich ja nur auf den rahmen. aber gibt es dies auch für den inhalt: also kann ich z.b. sagen: wiederhole das zeichen "-" bis die tabelle voll ist.

viele grüße
karsten

 

[matibaski]

mit festen breiten kann ich leider nicht arbeiten, weil sich das bild immer ändert und damit auch die breite angepasst werden muß

Dann schreib einfach % hin.

also kann ich z.b. sagen: wiederhole das zeichen "-" bis die tabelle voll ist.

Mit dem Tag hr kannst du das macheb.
Ich weiss nicht, wie man e gestirchelt macht, aber so sieht der code aus:

<hr noshade style"width:100%; color:farbe" />

Du kannst auch ein Div-Tag setzen:

<table>
 <tr>
  <td>
   <div style="width;100%; height:1px; border:0px; border-top:1px solid farbe"></div>
  </td>
 </tr>
</table>

So zieht es ein Div-Container immer 100% breit an und gibt die obere Linie aus.
Statt solid kannst du andere Tag's einsetzen (dottet, dashed, etc.)
Auf www.css4you.de siehst du alle.


MfG, matibaski

 

[thunderrace2001]

hallo,
also das untere bild wird per php eingeladen. deshalb kann ich auch nicht mit % arbeiten, weil die breite des bildes eben nicht bekannt ist.

es geht mir auch nicht um den zellenrahmen, sondern um die gestrichelte linie IN der zelle.
wie man in der anlage meines threads sehen kann, ist in diesem fall die linie zu lang. sie sollte bündig mit dem bild abschließen.
ich hoffe ich konnte die problematik nochmal etwas verdeutlichen
würde mich über euere hilfe freuen

 

[matibaski]

Ja meine beide Lösungen passen sich genau an die Tabellenbreite an.

Mfg, matibaski

 

[prostel]

Ich verstehe immernoch nicht wieso du uns nicht ein wenig
Beispiel Code gibts um das Problem besser antesten zu können,
dann hätte es am Anfang auch weniger Verwirrung gegeben

Denn wie ich sagte, verwendet man keine Größenangaben für
die Breite, zieht sich die Tabelle automatisch zu der Größe
des größten Elements.
Zu sehen an dem kleinen Schnipsel:

<script>
  function jo() {
    document.getElementById("bla").src = "anderes bild.jpg"
  }
</script>
<table>
  <tr>
    <td><hr></td>
  </tr>
  <tr>
    <td><img src="bild.jpg" onclick="jo()" id="bla" alt="#"></td>
  </tr>
</table>

Die Tabelle zieht sich automatisch zusammen/auseinander wenn man
draufklickt...

 

[thunderrace2001]

also das mit dem hr tag verstehe ich... nur lässt sich damit leider keine gestrichelte linie erzeugen.

mit dem div-tag verstehe ich auch. aber damit lässt sich keine gestrichelte linie, welche vertikal mittig ist, erzeugen....

oder gibt es hierfür etwa noch einen befehl?

 

[matibaski]

Ein Div kann man vertikal zentrieren.
zwar nicht XHTML 1.0 strict aber in der Tabelle:

valign="middle"

MfG, matibaski

 

[Alti]

Geht auch mit CSS, anwendbar auf Inline-Elemente,
und Tabellenzellen

 

[ruler]

liebe forum mitglieder,
ich hätte eine frage zu folgendem problem.
die erste zeile in einer tabelle besteht aus einer gestrichelten linie, in die zweite zeile der tabelle wird ein bild hineingeladen. jetzt würde ich gerne erreichen, dass die gestichelte linie immer genauso lang ist wie die breite des bildes.
nachdem sich die breite des bildes in abhängigkeit vom geladenen bild ändert, müsste sich also die gestrichelte linie "dynamisch anpassen".

wäre für euere hilfe sehr dankbar.
beste grüße
karsten

Also um deine Variante zu erreichen ist es wahrscheinlich am einfachsten wenn du das wie folgt machst:

<td style="background-image:url(bg.jpg);
 background-repeat:repeat-x;">&nbsp;</td>

Den Strich nimmst du als Hintergrund in die Tabellen Zelle -- Wenn nun das Bild geändert wird verbreitert(o. verkürzt) sich auch die Tabellenspalte und die Hintergrund wiederholong wird automatisch mitverlängert !!!
Ich hoffe das ich dein Problem erkannt habe !!!