Thema: Tabellenbreite definieren - finde CSS-Zeile nicht

Hallo in die Runde,

ich komme an einer Stelle nicht weiter...

Und zwar habe ich auf meiner Seite den DJ Catalog im Einsatz. Jetzt möchte ich gerne der zweiten Spalte "Angebot" eine feste Breite zuweisen, so daß der Text automatisch umgebrochen wird. Das Problem im Moment ist nämlich, daß der Inhalt der Spalte "Angebot" aud dem Produkt/Artikelnamen ünernommen wird und teilweise für die Tabelle zu lang ist, so daß die "Details"-Spalte schmaler aber auch deutlich länger wird...

Habe zwar den Firebug installiert, aber an dieser Stelle scheint er mich im Stich zu lassen oder ich bin einfach blind.

Die Tabelle seht ihr z. B. hier: >klick<

Und dann dazu noch eine Frage: Wenn ich jetzt eine feste Breite vorgeben kann, wird dann auch mitten in einem Wort umgebrochen oder werden einzelne Wörter erkannt und als Ganzes in die nächste Zeile geschoben?

Vielen Dank,
Michael

Puuh ganz schöner Salat

füge in die /templates/tripguru2/css/extensions.css

Bei Zeile 296:

div#djcatalog tr.djcat_table_row0 td {
background: none repeat scroll 0 0 #E5CFCF;
max-width: 10px;
}

das rote dazu, breite natürlich frei wählbar

Ergänzung:

zusätzlich in die Klammern:

white-space: normal;

sonst hast du komische Umbrüche

Hallo und vielen Dank für die schnelle Antwort.

Ich bin nicht vom Fach (sonst müsste ich hier ja nicht fragen) aber die von die vorgeschlagene Stelle bezieht sich auf die einzelnen Zeilen, nicht Spalten. Woher soll die Tabelle denn so wissen, daß nur die zweite Spalte eine bestimmte Breite haben soll??

Danke trotzdem,
Mitch

Also bei mir funktioniert das ganze einwandfrei über diese Lösung...aber ich teste mal eben


Edit: Nu hab ich deine Frage verstanden

Also eine Tabelle wird erst über Zeilen und danach über Spalten definiert(siehe auch: http://de.selfhtml.org/html/tabellen/aufbau.htm) D.h. du müsstest quasi die Änderung für jede 2. Spalte in jeder Zeile neu vornehmen.

Nun macht man es sich einfach und definiert einfach alle 2. Spalten jeder Zeile mit einem enzigen div-element und dadurch sind alle Spalten gleich, auch wenn es zeilenbezogen scheint.

Ich hoffe das erklärt das, wenn nicht...

Hallo nochmal,

danke für die Tips.

Ich habe es jetzt so gelöst:

In die CSS Datei habe ich folgendes eingefügt:

PHP-Code:

div#djcatalog td.djcat_th_title,
div#djcatalog td.djcat_td_title {
   width: 40px;
   overflow: hidden;
   white-space: normal;
} 


dazu dann noch in der com_djcatalog:

PHP-Code:

<td class="djcat_td_title" nowrap="nowrap"> 


geändert in

PHP-Code:

<td class="djcat_td_title"> 


Jetzt sieht es so aus, wie es sein soll:-)


Mitch

Seit einigen Tagen ist eine neue DJ Catalog2 Version online (v. 2.12) - Link