[HTML/CSS] Hilfe bei der dynamisch-Machung einer Tabelle

[BartTheDevil89]

Hallo,

ich bin mal wieder dabei eine Box, bzw. eine Tabelle dynamisch zu machen. Allerdings bekomm ich es leider nicht so hin wie ich es eigentlich möchte. Denn bei mir kommt folgendes bei raus:

https://www.liamus.de/test/test1.html

Also folgendes will irgendwie nicht:
Die fixe Größe der Spalten links und rechts

Denn wenn ich width="100%" (oder auch 90%, etc.) angebe wird die Spalte links und rechts einfach so groß, dass sich das alles verschiebt und das soll es ja eigentlich nicht.

Habt ihr ne Idee, wie ich das richtig hinbekomme?

Danke

 

[theHacker]

Ähhmmm... *nicht peil, was du willst*

Ich sehe da ein zerstörtes komisches Teil, was mir scheint von ImageReady angelegt wurde, keinesfalls HTML is und noch viel weniger ordentlich is.
Was hast du vor ?

Es is ja nur eine Zelle entscheidend, nämlich die, wo Content drin is. D.h. eine Tabelle mit einer Zelle kannst du dir sparen. Die Ränder machst du so, wie ich dem Thread, den du erst heute Mittag erstellt hast: *nochmal den Link, hier der mit den Bildern, weil du ja offenbar Bilder einsetzen willst*
https://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

 

[BartTheDevil89]

Ähhmmm... *nicht peil, was du willst*

Ich sehe da ein zerstörtes komisches Teil, was mir scheint von ImageReady angelegt wurde, keinesfalls HTML is und noch viel weniger ordentlich is.
Was hast du vor ?

Es is ja nur eine Zelle entscheidend, nämlich die, wo Content drin is. D.h. eine Tabelle mit einer Zelle kannst du dir sparen. Die Ränder machst du so, wie ich dem Thread, den du erst heute Mittag erstellt hast: *nochmal den Link, hier der mit den Bildern, weil du ja offenbar Bilder einsetzen willst*
https://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

Ja genau du erkennst, dass da noch was nicht passt. Und zwar sind das Grafiken (habe mich jetzt doch für die Grafikvariante entschieden). Das was du dort siehst sollte nach unten hin schon passen, also nach unten ist es dynamisch aber leider noch nicht nach rechts. (also Beispiel Größe 100% oder 90%,etc.....denn da vergrößert er mir die linke und rechts spalte mit und damit zeigt er mir ja dort auch die Grafik mehrfach nebeneinander an. (Natürlich könnte ich es durch repeat-y; im css-Code noch so einstellen, dass sie nur nach unten dynamisch sind, aber trotzdem ist ja dann so viel Freiraum da die Spalte ja so groß ist.

 

[theHacker]

Nimm halt erstmal diese komischen Tabellen raus, die offensichtlich fehl am Platz sind.

 

[BartTheDevil89]

Nimm halt erstmal diese komischen Tabellen raus, die offensichtlich fehl am Platz sind.

?Ich dachte sowas setz ich am besten über ne Tabelle um. Dort eben mit background für die td`s, etc. damit das am Ende richtig läuft.

Bzw. dann frage ich mal anders. Wie setze ich sowas hier richtig um, dass es mit Content nach unten umgehen kann und auch mit ner variablen Größenangabe (100%, etc.) nach rechts?

Das ist die Grafik:
https://www.myimg.de/?img=box7c8c7.gif

Und so habe ich jetzt die Slices gewählt:

https://www.myimg.de/?img=boxslicesa0d68.gif

Vielleicht gibts auch ein Tutorial oder ähnliches? Denn über google habe ich leider nicht wirklich was dazu gefunden.

Danke

 

[theHacker]

Vielleicht gibts auch ein Tutorial oder ähnliches? Denn über google habe ich leider nicht wirklich was dazu gefunden.

Du musst nicht suchen, ich hatte den Link ja schon gepostet:
https://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

Da steht doch alles. Hast du das gelesen ?

 

[BartTheDevil89]

Du musst nicht suchen, ich hatte den Link ja schon gepostet:
https://aktuell.de.selfhtml.org/artikel/css/runde_ecken/

Da steht doch alles. Hast du das gelesen ?

Doch, allerding stört mich eins: Und zwar sind die Grafiken so ewig groß. Denn da besteht die Zeile ja nur als zwei Grafiken die sich dann überlappen und damit den oberen Rand rechts und links ergeben. Allerdings sind die ja von der Grafikdatei-Größe so groß was ja für jeden Browser bzw. vor allem langsame Internetverbindungen nicht das schönste ist.

 

[tleilax]

Hast Du die Größen geraten oder Dich verguckt?

Das sind alles zusammen grade mal 8.391 Byte.

Definitiv auch für Modemuser vertretbar.

 

[Teilzeitelf]

Mal etwas anderes zum selben Thema.

Wieso ist es so verwerflich so etwas mit Tabelle zu lösen, wenn ich mir den Beitrag von SelfHTML anschaue sehe ich einen Quellcode der auch nicht kleiner ist wie der für eine Tabelle. Und ich persönlich bevorzuge dann noch die alten <td>'s und <tr>'s anstelle von 5fach verschachtelten DIV's. :-/

 

[ZeroCCC]

Wie soll der Brwoser auch sowas deuten wie... Tabelle 100% Fensterbreite, aber die 3 Spalten bitte nur je 20px, 200px und 20px breit machen.

Auf das Thema Tabellen zur gestalltung geh ich jetzt mal nicht nähr ein. Darum kümmern sich die anderen

 

[theHacker]

Wieso ist es so verwerflich so etwas mit Tabelle zu lösen, [...]

Auf das Thema Tabellen zur gestalltung geh ich jetzt mal nicht nähr ein. Darum kümmern sich die anderen

Ich tu das mal in Kurzform:

Das sind Tabellen:


Das hier sind keine:


Es geht um die Struktur des Dokuments. Nicht um mehr, nicht um weniger.
Ich formatiere in einem Brief die Absender-Adresse auch nicht als <h1> oder mache auf einer Webseite die Navigation (Aufzählung) mit <p>...<br />...<br />...</p>