eigener Rahmen

[PsychoCat]

Hi, ich habe folgendes Problem:
Ich möchte eine Tabelle mit einem selbst erstellten Rahmen erstellen und habe jetzt die rechte Seite bereits fertig, indem ich die rechten Rahmenelemente als rechts ausgerichtete Hintergründe definiert habe. Allerdings kann ich ja jetzt den linken Rahmen nicht als weiteren links ausgerichteten Hintergrund definieren, jedenfalls macht mein browser das nicht
Einfache img-tags ins content der Tabelle funktionieren so einfach auch nicht, weil erstens der inhalt ja nicht gleichzeitig links und rechts ausgerichtet werden kann und ich zweitens "divs" in den Zellen erstellt habe für einen weiteren "echten" Hintergrund und da macht der brwoser dann automatisch Zeilenumbrüche
Hoffe das ist verständlich und mir kann jemand helfen

 

[Gumbo]

Grafiken als Grenzen eines Elements einzusetzen ist leider erst mit CSS3 wirklich empfehlenswert. Bis der bisherige Entwurf jedoch zu einer offiziellen Empfehlung wird, und diese auch von den gängigsten Browser – der Internet Explorer ausgenommen, da dieser wegen seiner Monopilstellung wohl immer hinterher hängen wird – interpretiert wird, wird es jedoch noch dauern. Bis dahin wirst du wohl auf eine andere Möglichkeit zurückgreifen müssen.

Um welche Grafiken handelt es sich und wo sollen diese eingesetzt werden, vielleicht kann dir ja dabei jemand helfen?

 

[sreinhardt]

Du könntest natürlich auch deine Tabelle mit dem Inhalt in eine Tabelle für den Rahmen setzen. Sieht zwar nicht schön aus, funktioniert aber.

Das könnte dann so aussehen:

  <table cellspacing=0 cellpadding=0>
  <tr>
  <td><img src="ecke_links_oben></td>
  <td><img src="linie_oben"></td>
  <td><img src="ecke_rechts_oben></td>
  </tr>
  <tr>
  <td><img src="linie_links"></td>
  <td>Hier dein Inhalt (z.B. deine Tabelle, um die du den Rahmen haben willst)</td>
  <td><img src="linie_rechts"></td>
  </tr>
  <tr>
   <td><img src="ecke_links_unten></td>
   <td><img src="linie_unten"></td>
   <td><img src="ecke_rechts_unten></td>
   </tr>
  </table>

Ist - wie gesagt - nicht gerade elegant. Falls der nhalt immer gleich groß ist, kannst du auch den kompletten Rahmen als Hintergrund der Tabelle nehmen und per <style="padding: x px;"> den Abstand zum Rand einstellen.

 

[PsychoCat]

danke erstmal für die Antworten
ja sowas hab ich mir auch schon überlegt und finds gar nicht so schlecht, wollte nur mal überlegen ob man das mit php noch irgendwie automatisieren könnte analog zu den stylesheets So direkt geht das natürlich nicht.
Der Inhalt bleibt leider nicht immer gleich groß und das ist auch mein nächstes Problem. Der Hintergrund dieser "Inhaltzelle" soll nämlich als Hintergrund einen Farbverlauf haben (also eine Grafik von links dunkelblau nach rechts hellblau oder so). Der Rahmen soll dementsprechend links und rechts unterschiedliche Farben haben. Wenn jetzt aber der Inhalt der Tabelle kleiner wird, dann passt das nicht mehr. Kann man hierzu den Hintergrund vielleicht irgendwie strecken bzw stauchen, also erzwingen, dass die Hintergrundgrafik sich der Tabelle anpasst?

 

[sreinhardt]

Hat dein Inhalt immer die selbe Breite? Wenn ja, dann nimm aus deinem Farbverlauf einen Streifen in dieser Breite von 1-2 px Höhe. Den kannst du dann bei deiner Inhaltszelle mit CSS als Hintergrundbild setzen und in mit repeat-y nach unten wiederholen lassen bis die zelle voll ist. Müßte gehen.

 

[PsychoCat]

Der Inhalt bleibt leider nicht immer gleich groß und das ist auch mein nächstes Problem.

Also nein hat er nicht Die einzige Möglichkeit mein Problem zu lösen, wenn ich keine einheitliche Farbe haben will, wäre den Hintergrund zu verzerren, aber soweit ich das bisher in Erfahrung bringen konnte, geht das leider nicht so einfach ich habe aber mal irgendwo was gesehen von überlagerten Elementen, so dass die Grafik gar nicht mehr als Hintergrund definiert wird.. frag mich nur ob das dann noch so einfach zu handhaben ist