left, center, right

[Hosch]

Also Moin Leute,

mein Problem ist folgendes :

Ich habe eine Tabelle in der ich eine
Grafik    links   und  eine    rechts
platzieren möchte und in  der   Mitte
etwas geschriebenes  nur  die  rechte
Grafik wird  eine  Zeile  da  drunter
platziert, warum? Hier mein HTML Code

_____________________________________
<table bgcolor="#000000" border="0" width="910" height="370" align="center">
<tr>
<td width="5%"> </td>
<td valign="top">
<font color="#C0C0C0">
<font face="Poor Richard">
<b>
<br>
<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended">SKATEBOARD</font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">
<br>
<br>
<h3>Rubrik in Bearbeitung!</h3>
</td>
<td width="5%"> </td>
</tr>
</b>
</font>
</font>
</table>
_______________________________________

Danke für jeden hilfreichen Tipp!

DanxXx

Hosch

[tommy]

versuch mal:

<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended">SKATEBOARD</font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">

[Hosch]

versuch mal:

<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended">SKATEBOARD</font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">

Hatte ich das nicht auch? @ tommy???
Der Vorschlag von Kai ähm ich habe nicht gesehen das bei dir die Grafiken links und rechts plaziert wurden oder???

[Auge]

Hallo

Hatte ich das nicht auch? @ tommy???

Sah auch für mich identisch aus.

Der Vorschlag von Kai ähm ich habe nicht gesehen das bei dir die Grafiken links und rechts plaziert wurden oder???

Wurden sie doch:
<h1><img ...>SKATEBOARD<img ...></h1>

In deinem Code war
<img src="kickflip.JPG" ... align="left">
<h1>
<center>
<font face="OCR A Extended">SKATEBOARD</font>
</center>
</h1>
<img src="kickflip1.JPG" ... align="right">

-------Im img-Tag steuern die
| \ / |align-Angaben nicht die
| |:| |Ausrichtung des Bildes
|  |  |als solches, sondern die
-------Ausrichtung z.B. in einem
Absatz (z.B. <p></p>, wenn das
Bild von Text umflossen wird.
Hier würde z.B.
<img ...align="left"> stehen.

Das rechte Bild rutscht eine Zeile tiefer, weil die Überschrift
ein Blockelement ist. Sie belegt eine eigene Zeile, sodaß nachfolgend
notierte Elemente automatisch in die nächste Zeile rutschen.

Tschüß, Auge

[Hosch]

-------Im img-Tag steuern die
| \ / |align-Angaben nicht die
| |:| |Ausrichtung des Bildes
|  |  |als solches, sondern die
-------Ausrichtung z.B. in einem
Absatz (z.B. <p></p>, wenn das
Bild von Text umflossen wird.
Hier würde z.B.
<img ...align="left"> stehen.

Das rechte Bild rutscht eine Zeile tiefer, weil die Überschrift
ein Blockelement ist. Sie belegt eine eigene Zeile, sodaß nachfolgend
notierte Elemente automatisch in die nächste Zeile rutschen.

Tschüß, Auge

Danke auge jetzt versteh ich die Zusammenhänge ein sehr hilfreiches Post von dir!

[Kai Lahmann]

hi

Ich habe eine Tabelle in der ich eine
Grafik    links   und  eine    rechts
platzieren möchte und in  der   Mitte
etwas geschriebenes  nur  die  rechte
Grafik wird  eine  Zeile  da  drunter
platziert, warum? Hier mein HTML Code

hübscher Blocksatz *g*

ach du heilige...... Der Code sieht ja heiß aus!

<td valign="top">
<font color="#C0C0C0">
<font face="Poor Richard">
<b>
<br>
<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended">SKATEBOARD</font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">
<br>
<br>
<h3>Rubrik in Bearbeitung!</h3>
</td>

der Teil?

Besser so:
<td style="color:#C0C0C0;font-family:Poor Richard,sans-serif;vertical-align:top;">
 <h1 style="font-family:OCR A Extended,sans-serif;">
  <img src="kickflip.JPG" width="60" height="60" alt="">SKATEBOARD<img src="kickflip1.JPG" width="60" height="60" alt="">
 </h1>
 <h3 style="margin-top:30px;>Rubrik in Bearbeitung!</h3>
</td>

..das löst dann auch gleich dein Problem

Grüße aus Bleckede

Kai

[AndreasN]

Hallo,

Ganz einfach , weil in der Tabelle alles der Reihe nach bearbeitet wird.

Mach es doch einfach so:

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="image.gif"></td>
    <td>Text Text Text Text Text Text Text Text Text </td>
    <td><img src="image.gif"></td>
  </tr>
</table>

dann hast du alles centriert, wenn du alles oben haben willst, fügst du noch ein: <td valign="top"> und schon ist alles oben angeordnet.

Ich denke das hilft dir weiter.... noch als kleiner Tip, <font> würde ich weglassen, und alles mit css machen. Und zum anderen Wenn schon Font:

Dann NICHT so:
<b>
<br>
<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended">SKATEBOARD</font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">
<br>
<br>
<h3>Rubrik in Bearbeitung!</h3>
</td>
<td width="5%"> </td>
</tr>
</b>

Sondern so:

<br>
<img src="kickflip.JPG" width="60" height="60" border="0" alt="" align="left"><h1><center><font face="OCR A Extended"><b>SKATEBOARD</b></font></center></h1><img src="kickflip1.JPG" width="60" height="60" border="0" alt="" align="right">
<br>
<br>
<h3>Rubrik in Bearbeitung!</h3>
</td>
<td width="5%"> </td>
</tr>

</font> IMMER direkt hinter den Text und nicht irgendwo 3 zellen Später einfügen , sonst weiss der Browser nicht , auf welchen FONT das zutrifft.

Gruss
Andreas

[Hosch]

HA! habs anders hingekriegt:

hab erst die beiden bilder left und right gestellt und dann eine zeile drunter center und die Überschrift!!
Aber trotzdem danke ich euch ;)))