in die mitte

[!.x.Jack.x.!]

Hallo leute,

ich will ein newsdesign machen aber wie zentrier ich die mitte damit es sich mit dem news_oben untereinander steht ich wills in der mitte

der code:

Code: Alles auswählen

<table align="center" border="0" cellpadding="0" cellspacing="0" width="237">
                  <tr>
                     <td></td>
                  </tr>
                                                 <tr>
                                                 <td align="center" style="padding-left: 9px; padding-right: 9px;"><img src="images/news_oben.png"></td></tr>
                                                 <tr>
                                                 <td align="center" background="images/news_mitte.png" width="218">fdsf
                  <tr>
                     <td style="padding-left: 7px; padding-right: 7px;">{PANELGROUP}</td>
                                                         </tr>
                  <tr>
                     <td></td>

                  </tr>
                                                 <tr>
                                                 <td>
                                                 </td>
                                                 </tr>
                                                 </table>

[Manuel]

Hi Jack!

Könntest du uns die entsprechende Seite zeigen? Sonst lies unbedingt mal mein div-Tutorial im Css-Tutorial-Bereich.

Lg,
Manuel

[!.x.Jack.x.!]

ups vergessen bild einzufügen^^

[Manuel]

Ich weiss gerade gar nicht wie das realisiert ist, aber wenns mit ner Tabelle gemacht ist, dann kannst du doch für deine Spalten eine feste Breite angeben und links die Spalte etwas breiter machen. Zudem solltest du unbedingt mit CSS darauf achten, dass das Hintergrundbild ein repeat: no-repeat beinhaltet, da dein Bild vorher rechts wieder angefügt wird, was in diesem Fall ja unerwünscht ist.

[!.x.Jack.x.!]

wie kann ich es aber diese bilder nach rechts machen?

[Manuel]

Anstatt align="center" verwendest du einfach align="right". Oder was meinst du?

[!.x.Jack.x.!]

hab ich bleibt aber gleich hab sogar width="218"

wie breit das bild ist

[SilentStormer]

Keine Ahnung wie das jetzt genau aufgebaut von Bild und Tabelle her, aber probier mal das style-Attribut

Code: Alles auswählen

text-align:center;

edit:
Also wenn das Bild, wo die Schrift eingebettet ist, genauso breit ist wie dein Kasten, dann kanns natürlich nicht gehen ....
... oder sitz ich grad vollkommen auf der Leitung?

[Ingo]

Hi. Hier mein Vorschlag:

Code: Alles auswählen

...
<tr>
  <td style="text-align:center; height:30px;
     background:url('images/news_oben.png') center no-repeat;">
  </td>
</tr>
<tr>
  <td style="text-align:center;
     background:url('images/news_mitte.png') center repeat-y;">
     fdsf
  </td>
</tr>...


height:30px sorgt dafür, dass die Zelle nicht in sich zusammenfällt (sie hat ja keinen Inhalt).
Die 30px musst du noch anpassen an die Höhe von news_oben.png.
Wenn die beiden Bilder nicht zentriert erscheinen sollen, entferne die beiden 'center' in
der background-Angabe. Die Bilder rücken dann nach links an den Rand. - Es gibt noch weitere
pixelgenaue Einstellmöglichkeiten ...
Ich denke, man sollte beide Bilder als 'background' einfügen oder beide als 'img' (nicht das eine
als bg, das andere als img), sonst gibt es in den Browsern (IE vs. FF) Pixel-Probleme.
- Ich hoffe, ich habe das Thema getroffen

[!.x.Jack.x.!]

macping danke es geht

[Ingo]

oha + freu! biddö, biddö