Rickard Posted November 20, 2007 Report Share Posted November 20, 2007 Guten Abend, in meinen Artikelbeschreibungen habe ich eine tabelle mit grafiken.... eine grafik dabei soll so hoch sein wie die tabelle.... also <img src=... width=20 height=100%> funktioniert SO auch im FF und IE.... aber sobald ich das als Artikelbeschreibung einfüge (also bei XTC) zeigt er die grafik nicht richtig an...bzw. ganz klein und verzerrt. Mein Resultat: height=100% funktioniert solange ich dieses nicht mit XTC anzeigen lasse. XTC hat nur ein Problem mit dem %-Zeichen! Komischerweise kommt er mit width=100% problemlos klar oO Ich hoffe irgendjemand kann mir helfen, weil mir die grafik ziemlich wichtig ist. Ich danke euch. MfG Rickard Link to comment Share on other sites More sharing options...
philipp1988 Posted November 21, 2007 Report Share Posted November 21, 2007 gebe der tabelle eine class <table class="tabellebg" width="20" height="100%"> </table> und jetzt mach gibst du in der css datei eine neue class an. .tabellebg { background-image: url(images/bg.jpg); width: 20px; height: 100%; } sollte so funktionieren. mfg Link to comment Share on other sites More sharing options...
Rickard Posted November 21, 2007 Author Report Share Posted November 21, 2007 Das funktioniert leider nicht... habe das mit den classes auch mal bei img probiert... ohne erfolg, also weder mit img noch mit dem table ... Problem ist ja folgendes... für die Artikelbeschreibung an sich habe ich eine eigene css datei... jetzt dachte ich ok vielleicht "schluckt" die css von XTC ja irgendwie die 100%ige img höhe... dem ist aber nicht so... habe die css datei von XTC (templates/xtc4/stylesheet.css) mal umbenannt.... grafik von xtc war hin (hat also die css nicht mehr geladen) hat aber an meinem problem nichts geändert... somit weiß ich jetzt schonmal dass es nicht an der css von XTC liegt... und an meiner kanns ja auch nicht liegen weil das ja nur bei XTC nicht funktioniert... über sonst funktioniert es problemlos (FF u. IE) Also hätte vielleicht noch jemand eine Idee? Oder muss ich auf OSC umsteigen? Weil da funktioniert es komischerweise, aber XTC wäre mir im jeden Fall lieber weil ich damit jetzt besser arbeiten kann. Hoffe jemand weiß Rat! Vllt. vom XTC-Team irgendeinen kleinen Quellcode den ich ändern kann? *bittteee* ... Link to comment Share on other sites More sharing options...
wibros Posted November 21, 2007 Report Share Posted November 21, 2007 Hast du mal einen Link, wo man sich das anschauen kann? Link to comment Share on other sites More sharing options...
Rickard Posted November 21, 2007 Author Report Share Posted November 21, 2007 Quellcode des Artikels (als Bsp. nicht das einer fragt was ich damit will ) <img width="20" height="100%" alt="" src="http://www.google.de/intl/de_de/images/logo.gif" />[/PHP] Habe also zur Übersicht auch meine CSS weggelassen. Ergebnis als Anhang. Meine XTC Version: xt:Commerce v3.0.4 SP2.1 (Release Datum: 17 Aug 2006) Link to comment Share on other sites More sharing options...
polkhigh33 Posted November 21, 2007 Report Share Posted November 21, 2007 doctype bachten. html != xhtml formatiere es über css und nutze min-height, dann sollte es gehen. Link to comment Share on other sites More sharing options...
wibros Posted November 22, 2007 Report Share Posted November 22, 2007 min-height unterstützt der IE6 aber nicht. Außerdem beziehen sich Prozentangaben bei height immer auf den zur Verfügung stehenden Raum. Und wenn da ein der Tabellenzelle halt mal nicht mehr Platz ist als beispielsweise 50px, dann sind eben in dem Fall 100%=50px. Wenn du weiter so mit Code geizt wird dir keiner effektiv helfen können. Matt Link to comment Share on other sites More sharing options...
Rickard Posted November 22, 2007 Author Report Share Posted November 22, 2007 Wieso geize ich an Code? Ich versuche nur den Code so klein wie möglich zu halten damit es für alle überschaulicher ist... Weil wenn es einmal klappt mit dem height dann kann ich es auf alle anderen ja auch verwenden... Also hier der Komplette Quellcode für mein table: <table border=0 cellpadding=0 cellspacing=0> <tr> <td valign=top><img src=http://........../b1.jpg width=22 height=22></td> <td valign=top><img src=http://........../b2.jpg width=100% height=22></td> <td valign=top><img src=http://........../b3.jpg width=22 height=22></td></tr> <tr height=100%> <td valign=top><img src=http://........../b4.jpg width=22 height=100%></td> <td bgcolor=#65BBEA valign=top> Die Grafiken<br> passen sich dem<br> Text an... </td> <td valign=top><img src=http://........../b6.jpg width=22 height=100%></td></tr> <tr> <td valign=top><img src=http://........../b7.jpg width=22 height=22></td> <td valign=top><img src=http://........../b8.jpg width=100% height=22></td> <td valign=top><img src=http://........../b9.jpg width=22 height=22></td></tr></table> [/PHP] Erklärung der Grafiken: b1: Ecke oben links b2: 1px breite Grafik, gestreckt eine breite Linie b3: Ecke oben rechts b4: 1px hohe Grafik, gestreckt eine breite Linie b6: 1px hohe Grafik, gestreckt eine breite Linie b7: Ecke unten links b8: 1px breite Grafik, gestreckt eine breite Linie b9: Ecke unten rechts Ich habe mal 3 Ergebnisse per Screen festgehalten... Mehr Code gibt es ja nicht... ich wüsste zumindest jetzt grad nicht was... "doctype bachten. html != xhtml" Versteh ich nicht ganz... was ist denn der Unterschied zwischen html und xhtml? ich habe ja normalen html code verwendet (das mit dem / am Ende macht XTC automatisch) Verwendet XTC xhtml? falls ja was müsste ich denn ändern damit das funktioniert? Ich danke euch für eure Geduld und Hilfe Link to comment Share on other sites More sharing options...
wibros Posted November 22, 2007 Report Share Posted November 22, 2007 Stylesheets sind dein Freund. Für die Variablen Zellen das Bild als Hintergrund definieren und in X- bzw. Y-Richtung kacheln lassen. Oder gleich die Tabellen entsorgen. Solange CSS3 noch nicht annähernd flächendeckend verfügbar ist muss man sich für runde Ecken aber noch anderweitig behelfen: http://www.alistapart.com/articles/customcorners/ Matt Link to comment Share on other sites More sharing options...
Rickard Posted November 22, 2007 Author Report Share Posted November 22, 2007 also mit dem hintergrund hab ich verstanden, da ich aber noch nicht viel mit css gemacht habe frage ich mich was ich unter "in X- bzw. Y-Richtung kacheln lassen" verstehen soll... das einzige was ich mal gesehen habe ist dass man ein hintergrundbild nimmt (table) und dann irgendwas mit repeat... weiß aber nicht genau wie das war... Ansonsten google ich morgen mal in ruhe wie ich das vielleicht wirklich mit css lösen könnte... Ich danke dir für deine Hilfe! Link to comment Share on other sites More sharing options...
wibros Posted November 22, 2007 Report Share Posted November 22, 2007 <table border=0 cellpadding=0 cellspacing=0> <tr> <td valign=top><img src="topleft.gif" width="24" height="24"></td> <td valign=top style="background: url(top.gif) repeat-x"><img src="" width=100% height="24"></td> <td valign=top><img src="topright.gif" width="24" height="24"></td></tr> <tr height=100%> <td valign=top style="background: url(left.gif) repeat-y"><img src="" width="24" height=100%></td> <td bgcolor=#65BBEA valign=top> Die Grafiken<br> passen sich dem<br> Text an... </td> <td valign=top style="background: url(right.gif) repeat-y"><img src="" width="24" height=100%></td></tr> <tr> <td valign=top><img src="bottomleft.gif" width="24" height="24"></td> <td valign=top style="background: url(bottom.gif) repeat-x"><img src="" width=100% height="24"></td> <td valign=top><img src="bottomright.gif" width="24" height="24"></td></tr></table>[/html] Andere Bildbezeichnungen wie bei dir, aber ansonsten identisch. Link to comment Share on other sites More sharing options...
Rickard Posted November 24, 2007 Author Report Share Posted November 24, 2007 Super das hat mir geholfen! Jetzt funktioniert es im xtc und draussen habe aber die img src auch noch mit der grafik gefüllt da man sonst immer das symbol für "bild nicht gefunden" sieht.... Ich danke dir vielmals! Link to comment Share on other sites More sharing options...
wibros Posted November 24, 2007 Report Share Posted November 24, 2007 Das stimmt natürlich, die Zelle kannst du aber eigentlich auch komplett leer lassen. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.