Wie Text richtig positionieren?



  • Moin,

    ich hab folgendes Problem:

    Bei einer html Seite sollen oben ein Bild, ein Text, ein Bild zusehen sein.
    Beispiel:

    ____             ____
    |Bild|   Text    |Bild|
    

    Wie schaffe ich es jetzt auf eine guten Weise den Text zwischen den Bildern zu positionieren? (also ohne ein Tabelle für Layout zwecke zu missbrauchen)

    Habe es erst mit einer css-Klasse für den Text versucht in der ich

    position: absolut;
    top: 30px;
    right: 300px;
    

    gesetzt hatte.
    Allerdings wurde der Text dann vom linken Bild verdeckt, da der Text sich durch diese Art nicht Positionieren ließ und in der linken oberen ecke steht.
    (Nutze IE 6, Bilder ebenfalls mit div und css positioniert)

    Habe es jetzt mit style="text-align:center" positioniert. Allerdings finde ich diesen Weg unschön da ich so das Rechte Bild bis direkt an den Rand verschieben musste (Text Abstand zum linken und rechten Bild sollten möglichst Konstant und annährnd gleich sein)

    Hat einer eine Idee wie ich das Angehen kann?



  • Okay, Tabellen sind problematisch, wenn man sich den Text vorlesen lassen möchte, aber warum sind die gleich schlecht?
    Man *sollte* sie laut xhtml nicht unbedingt benutzen, kann dies aber durchaus tun.
    Soo schlecht ist der Stil deshalb auch nicht..

    Und überhaupt: Wenn du so nen tollen Stil willst, warum dann das hier:

    Text Abstand zum linken und rechten Bild sollten möglichst Konstant und annährnd gleich sein

    Das impliziert, daß du deine Seite auf ner gewissen Auflösung fest machen willst.
    Dies ist imho wirklich ein absolutes Verbrechen! Was bringt einem der XHTML-Standard (der nichts weiter im Sinn hatte als die Barrierefreiheit zu begünstigen) wenn man dann alles aufg eine Auflösung und Textgröße optimieren will?



  • Mir ist nicht ganz klar, was du willlst 🙄
    Haben die Bilder eine fixe Breite und eines soll links, das andere ganz rechts sein - und dazwischen zentriert der Text?



  • flenders schrieb:

    Mir ist nicht ganz klar, was du willlst 🙄
    Haben die Bilder eine fixe Breite und eines soll links, das andere ganz rechts sein - und dazwischen zentriert der Text?

    öhmmm ja...

    Also mal Ehrlich! schrieb:

    Und überhaupt: Wenn du so nen tollen Stil willst, warum dann das hier:

    Text Abstand zum linken und rechten Bild sollten möglichst Konstant und annährnd gleich sein

    ich will den tollen stil nicht, man hat mir halt bloss gesagt das man das nicht so machen sollte... aber auch nicht wie sonst.
    Okay wirklich Konstant muss der Abstand nicht sein, halt nur Annährend gleich.
    Im moment hab ich das eine Bild direkt am linken das andere direkt am rechten rand angebracht und den Text zentriert dazwischen. Allerdings wenn ich das Browser Fenster immer weiter verkleiner überlappen sich die Bilder und der Text. Deswegen wollte ich die Positionen konstant für 800x600 anfertigen zumindest für diesen Bereich der Seite.



  • An einfachsten ist es so:

    <div style="text-align:center">
     <img src="bild1.gif" width="100" height="200" align="left">
     <img src="bild2.gif" width="200" height="200" align="right">
     Dein Text
    </div>
    


  • Danke, das ist zwar auch nicht ganz das was ich suche aber fürs erste bin ich damit zufrieden. (Sieht fast wie mein code aus nur schöner)



  • Softwerker schrieb:

    das ist zwar auch nicht ganz das was ich suche

    Was suchst du denn dann 😕


Anmelden zum Antworten