Dynamische Tabelle mit Hintergrundgrafik coden...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ahnung
all
aneinander
design
eckpunkt
hintergrund
hintergrundfarbe
inhalt
letzte zeile
mitte
pixel
prinzip
recht
relativ
spalt
spalten
tabelle
versteher
vorteil
zeile
-
Hi Leute ich habe mal wieder nen Problem mit meinem Design.
Ich will eine zerst?ckelte Grafik als Hintergrund f?r eine Tabelle benutzen.
http://www.gwa-online.com/images/tabelle.jpg
Diese Grafik ist soweit schon zerlegt und w?rde rein von der Teorie her funktionieren. Mein Problem ist jetzt aber, das wenn ich die Gr??e der Tabelle ?ndern will, die Grafiken nicht mehr so liegen wie ich sie haben will.
Ich hoffe es kann mir einer helfen denn ich wei? nicht mehr weiter. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
am besten mit css... Du "zerst?ckelst"die grafik in bestimmte gr?ssen, Gibts den Eckpunkten genaue Gr?ssen an und die Verbindungsteile legst du dir mit <div containern> so aneinander dass sie stimmen.
-
H?????????
?
Geht das auch f?r nicht CSS Versteher und HTML Noobs???
Ich vertehe leider nur Bahnhof!!! -
Also das ganze ist einfacher als man denkt.
Du machst einfach eine Tabelle mit 3 Zeilen.
In die erste Zeile kommt der obere Teil der Grafik. In die zweite Zeile kommt als Hintergrund Grafik ein St?ck aus der Mitte (von ganz links bis ganz rechts, also mit den schwarzen Balken.
Die Grafik kann dabei auch nur 1 Pixel hoch sein, er sollte das automatisch an die Gr??e des Inhaltes anpassen. Und dann in die letzte
Zeile den unteren Teil der Grafik.
Das ganze l?sst sich auch mit 3 Zeilen x 3 Spalten realisieren, das hat dann den Vorteil,
dass man im Prinzip nur die Ecken definieren muss, die 2. Zeile linke und rechte Spalte k?nnen dann mit einer Hintergrundfarbe definiert werden.
Ich gebe den CSSlern vollkommen recht, die L?sung ist alles andere als gut, aber wenn man wenig
Ahnung von CSS und HTML hat relativ einfach
anwendbar, schlie?lich kann man recht einfach
Tabellen anlegen. -
Also das ganze ist einfacher als man denkt.
Du machst einfach eine Tabelle mit 3 Zeilen.
In die erste Zeile kommt der obere Teil der Grafik. In die zweite Zeile kommt als Hintergrund Grafik ein St?ck aus der Mitte (von ganz links bis ganz rechts, also mit den schwarzen Balken.
Die Grafik kann dabei auch nur 1 Pixel hoch sein, er sollte das automatisch an die Gr??e des Inhaltes anpassen. Und dann in die letzte
Zeile den unteren Teil der Grafik.
Das ganze l?sst sich auch mit 3 Zeilen x 3 Spalten realisieren, das hat dann den Vorteil,
dass man im Prinzip nur die Ecken definieren muss, die 2. Zeile linke und rechte Spalte k?nnen dann mit einer Hintergrundfarbe definiert werden.
Ich gebe den CSSlern vollkommen recht, die L?sung ist alles andere als gut, aber wenn man wenig
Ahnung von CSS und HTML hat relativ einfach
anwendbar, schlie?lich kann man recht einfach
Tabellen anlegen.
Deine L?sung funzt nat?rlich auch, aber mit css w?re es einfacher, und ?bersichtlicher. schau halt mal gelegentlich auf http://www.css4you.de vorbei. dort bekommst du die wichtigsten Infos was du so f?r "normale" CSS Anwendungen brauchst. -
das mit dem 3x3 tabellen da bin ich auch schon drauf gekomen. aber ich bekomme es nicht hin die ecken zu fixieren.
Das sieht dann immer b?h aus! Wenn ich dann die tabelle ver?ndern will.
-
das mit dem 3x3 tabellen da bin ich auch schon drauf gekomen. aber ich bekomme es nicht hin die ecken zu fixieren.
Das sieht dann immer b?h aus! Wenn ich dann die tabelle ver?ndern will.
http://freshprince.pyrokar.lima-city./newdesign/
kannst dich ja dort mal rum klicken in dem Verzeichnis. All die *.jpg Datein sind die "gesliceten" Bilder die dann im Endprodukt design.html mit CSS, im prinzip auch mit dem Tabellen-Prinzip, aneinander "gereiit".
Am besten du ziehst dir mal http://www.css4you.de.... dann sollt's schon klappen.
Sonst kannst du dich ja mal per PN melden
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
