Jugend mosht
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 02.08.2007, 22:43   #1
TP-Moderator
 
Benutzerbild von maxi89
 
Registriert seit: Nov 2004
Ort: Wuppertal
maxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine User

Tabellenhintergrund strecken


Hallo zusammen,

auf meiner Seite werden Tabellen mit PHP dynamisch erzeugt.
Die einzelnen Tabellenteile sind bereits mit CSS-Klassen angepasst, einige von denen (wegen PHP ständig wechselnde Höhe) haben aber, auch über CSS, eine Hintergrundgrafik.
Gibt es eine Möglichkeit, diese Hintergrundgrafik immer auf die volle Höhe der Tabelle zu strecken bzw. entsprechend zu stauchen?

Danke schonmal
__________________
Chuck Norris darf während der Fahrt mit dem Busfahrer sprechen!
maxi89 ist offline   Mit Zitat antworten
Linktipp

Alt 02.08.2007, 23:11   #2
TP-Moderator
 
Benutzerbild von Rizzo
 
Registriert seit: Aug 2004
Ort: Kaiserslautern
Rizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine User
Hi Maxi,

was sind das denn für Grafiken, bzw wie muß ich mir das vorstellen? (gemustert oder erfüllen die sonst eine gewisse Funktion?)... Vielleicht machst Du einfach einige Grafiken ausreichend groß, so das sie auch diese Tabellenzellen ausfüllen oder Du benutzt repeat-x bzw repeat-y um die Grafik zu kacheln. Mit PHP selbst kannst Du auch dynamisch Grafiken erzeugen bzw fertige einbinden, indem Du gezielt style="blub" einfügst.

Ich stocher hier gerade etwas im dunkeln, weil ich nicht genau weiß was Du vorhast, bzw wie es fertig aussehen soll. Du weißt ja, "Bilder sagen mehr als 1000 Worte"
__________________
#.Viele Grüße, Andreas
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
chmod( 'internal.php', 0444 );
Rizzo ist offline   Mit Zitat antworten
Alt 03.08.2007, 08:32   #3
TP-Moderator
 
Benutzerbild von maxi89
 
Registriert seit: Nov 2004
Ort: Wuppertal
maxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine User
Es handelt sich dabei um Grafiken für ein Forensystem.
Wie mir jetzt auffällt, werden die tatsächlich gekachelt dargestellt, da aber zwischen dem oberen und dem unteren Teil der Grafik große Helligkeitsunterschiede bestehen, fällt das natürlich auf.
Ich habe mal einen Screenshot angehängt, die obere Tabelle scheint höher zu sein, als die darunter (wo die Grafik passt).

Wenn das jetzt etwas verworren ist, sorry, ich kann das irgendwie nicht richtig beschreiben.
Miniaturansicht angehängter Grafiken
tabellenhintergrund-strecken-tabellenhintergr-nde.jpg  
__________________
Chuck Norris darf während der Fahrt mit dem Busfahrer sprechen!
maxi89 ist offline   Mit Zitat antworten
Alt 03.08.2007, 08:39   #4
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Du musst die Grafiken einfach nur groß genug anlegen.
Schau Dir mal die Hintergrundgrafiken hier im TP-Forum an

http://www.traum-projekt.com/forum/i...ient_thead.gif
http://www.traum-projekt.com/forum/i...dient_tcat.gif
__________________
Gruß Torsten!
Torsten ist offline   Mit Zitat antworten
Alt 03.08.2007, 09:03   #5
TP-Moderator
 
Benutzerbild von maxi89
 
Registriert seit: Nov 2004
Ort: Wuppertal
maxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine User
Hi Torsten,
Das hatte ich schonmal probiert, dann geht aber dieser Glas-Effekt verloren
__________________
Chuck Norris darf während der Fahrt mit dem Busfahrer sprechen!
maxi89 ist offline   Mit Zitat antworten
Alt 03.08.2007, 09:20   #6
TP-Moderator
 
Benutzerbild von Rizzo
 
Registriert seit: Aug 2004
Ort: Kaiserslautern
Rizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine UserRizzo lebt für das TP und seine User
Hi Maxi,

der untere Bereich der Grafik ist ja kein Verlauf mehr, oder? Dann mach die HG ohne repeat rein und setz die Hintergrundfarbe auf das dunkle Blau. Dann streckt sich nur der untere dunkle Bereich, wenn die Zelle höher ist.
__________________
#.Viele Grüße, Andreas
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
chmod( 'internal.php', 0444 );
Rizzo ist offline   Mit Zitat antworten
Alt 03.08.2007, 09:44   #7
TP-Veteran
 
Registriert seit: May 2006
marc22 macht sich hier sehr viel Mühe
Man kann die Grafiken def. nicht strcken. Du könntest höchstens überlegen, die Grafiken so zu bauen, dass der Glaseffekt nicht verloren geht, oder etwas anpassen, so dass das obere Ende wie eine Rundung aussieht, quasi wie ein gläserner Button..
__________________
...Meine Meinung

1984
marc22 ist gerade online   Mit Zitat antworten
Alt 03.08.2007, 10:16   #8
TP-Moderator
 
Benutzerbild von maxi89
 
Registriert seit: Nov 2004
Ort: Wuppertal
maxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine Usermaxi89 lebt für das TP und seine User
Danke an alle,
ich habe mich jetzt für die Lösung von Rizzo entschieden und einfach noch ein
background-repeat: repeat-x;
mit in die CSS-Datei hinzugefügt, jetzt sieht das so aus, wie ich wollte
__________________
Chuck Norris darf während der Fahrt mit dem Busfahrer sprechen!
maxi89 ist offline   Mit Zitat antworten
Alt 03.08.2007, 10:35   #9
TP-Moderator
 
Benutzerbild von Torsten
 
Registriert seit: Jan 2004
Ort: Marbach
Torsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine UserTorsten lebt für das TP und seine User
Zitat:
Zitat von maxi89 Beitrag anzeigen
Hi Torsten,
Das hatte ich schonmal probiert, dann geht aber dieser Glas-Effekt verloren
Ansonsten wie gesagt eine geschickte Grafik anlegen, die nach unten weiter verläuft so das es bei höheren Zeilen auch noch harmonisch aussieht
__________________
Gruß Torsten!
Torsten ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Tabellenhintergrund strecken Tabellenhintergrund strecken
« [css]z-index-Probleme und -Verwirrungen | Dropdown-Menü läuft im IE6 nicht »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:49 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 RC7 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67