.
  Verschiedenes III
 


Pinnwand




Link


einfach das Bild dann dort kopieren.


Pinnwand-Nadel

             

Die Pinnwand-Nadeln könnt ihr kopieren.

Spalten (senkrecht) verbinden:

Text 1 Text 2
Text 3 Text 4
Text 5 Text 6


Code

<table align="center" width="80%" border="2" cellspacing="0" cellpadding="2">
<tr>
<td width="25%" align="center" height="40">Text1</td>
<td rowspan="3" width="50%" align="center">Text2</td>
<td width="25%" align="center" height="40">Text3</td>
</tr>
<tr>
<td width="25%" align="center" height="40">Text4</td>
<td width="25%" align="center">Text5</td>
</tr>
<tr>
<td width="25%" align="center" height="40">Text6</td>
<td width="25%" align="center">Text7</td>
</tr>
</table>

In der Tabelle sollen die 3 Zellen in der 2. Spalte (Mitte) verbunden werden.
Dafür braucht man noch ein weiteres Attribute für den td-tag :

rowspan="y"
Für y die Zahl der zu verbindenden Spalten einsetzen, hier die 3.
In Zelle 2 steht das Attribut
rowspan. Zelle 2 hat also die vorher vorhandenen Zellen 5 und 8 "verschluckt"; die entsprechenden Zeilen im Quelltext werden also einfach gelöscht. Du kannst auch bei Text2 ein Bild einfügen mit <img alt="" src="http://Deine Bildadresse.jpg" style="width: 200px; height: 100px;" />


Tabelle mit Hintergrundbild:

Bild links 4youdesign
Bild rechts




Hier kommt der weitere Inhalt der Seite rein.






Code

<table align="center" width="80%" border="1" background="http://Bildadresse Hintergrund">
<tr>
<td><img src="Adresse vom linken Bild" alt="Bild links"></td>
<td align="center">Herzlich Willkommen auf meiner Seite !</td>
<td align="right"><img src="Adresse vom rechten Bild" alt="Bild rechts"></td>
</tr>
<tr>
<td align="center" colspan="3">Hier kommt der weitere Inhalt der Seite rein.</td>
</tr>
</table>

Ihr könnt die Eingerahmten Texte kopieren und bei Euch einfügen:


nach oben
 
   
 

Copyright © 2010 by 4youdesign