Webdesign / Tipps / Tabellenbild: 1 2 3 4 5 6

von: Werner Zenk

Beispiel 1:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum ...


Benötigte Bilder:
Hintergrundfarbe: #7B91AC


Quelltext:
<table border=0 align=center cellpadding=0 cellspacing=0 width=300>
 <tr>
  <td><img src="ui_up-left.gif"></td>
  <td style="background-image: url(ui_up.gif)"></td>
  <td><img src="ui_up-right.gif"></td>
 </tr>
 <tr>
  <td style="background-image: url(ui_left.gif)"></td>
  <td style="background-color: #7B91AC;">
   <font color=#FFFFFF>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ...
   </font>
  </td>
  <td style="background-image: url(ui_right.gif)"></td>
 </tr>
 <tr>
  <td><img src="ui_down-left.gif"></td>
  <td style="background-image: url(ui_down.gif)"></td>
  <td><img src="ui_down-right.gif"></td>
 </tr>
</table>

 

Beispiel 2:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum ...


Benötigte Bilder:

Quelltext:
<table border=0 align=center cellpadding=0 cellspacing=0 width=300>
 <tr>
  <td><img src="ak_up-left.gif"></td>
  <td style="background-image: url(ak_up.gif)"></td>
  <td><img src="ak_up-right.gif"></td>
 </tr>
 <tr>
  <td style="background-image: url(ak_left.gif)"></td>
  <td>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, ...
  </td>
  <td style="background-image: url(ak_right.gif)"></td>
 </tr>
 <tr>
  <td><img src="ak_down-left.gif"></td>
  <td style="background-image: url(ak_down.gif)"></td>
  <td><img src="ak_down-right.gif"></td>
 </tr>
</table>


Tipp Runde-Box Generator - Dieser Generator erstellt aus Grafiken und CSS eine Runde-Box.
    Und Ihre Meinung?
      Sie vermissen auf dieser Seite wichtige Informationen oder haben Hinweise für uns?
Chris @ :
wie kann man denn am besten die benötigten bilder machen?? und auch mit paint shop ??

Manfred:
Ja auch mit jedem anderen Grafikprogramm.

Kuno:
Ich möchte den Txt auf eine 2 Zeilen verteilen welchen Befehl braucht um das zu erreichen?

Werner:
Den HTML-Tag <br>
Hilfe finden Sie im » netzgemein.de - Forum. Auch als „Gast” können Sie dort Fragen stellen!  
 Das könnte Sie interessieren:
Open Source: Quelltext anzeigen  Verschiedene Zielgruppen  Farblehre  Überschrift mit Rahmen  Der lange Weg zum guten Webdesigner  Hypertext  Überschrift mit Rahmen (2)  Tabellen mit CSS Filter  Strukturen  Stil  IE - Zeilenumbruch nach Form-Tag verhindern  Bildformate Ladezeiten  Bildformat GIF  Tabellenbild 6  Symbolische Links - Kennzeichnen Sie Links mit Symbolen. Die Besucher erkennen sofort, was Ihnen beim anklicken des jeweiligen Links erwartet.  Tabellenbild 5  …mehr
© 2000-2012 Homepage-Total.de Kontakt - Impressum - Banner