1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. Entwicklung

naja eig CSS

  • davewood
  • 22. August 2005 um 15:44
  • Unerledigt
  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 22. August 2005 um 15:44
    • #1

    will nur ne ganz primitive seite machen

    ueberschrift zentriert

    bild zentriert

    text zum bild, auch zentriert

    NUR

    Ueberschrift darf ruhig alleine stehen aber ich will um bild und anmerkung einen grauen rahmen, dieser rahmen soll zentriert sein, im oberen bereich das bild und im unteren bereich der text der aber im grauen bereich links aligned sein soll.

    mit tables wuerde ich das so machen

    <center>
    <table>
    <tr>
    <td><img src=" Bild1.jpg"></td>
    </tr>
    <td style="text-align:left">Anmerkung zu Bild 1</td>
    </tr>
    </table>
    </center>

    glaube so wuerde es funktionieren, aber ich will das ganz in css machen. also ich nehm an ich muss ein elternelement machen und darin dann die beiden anderen. weil wenn ich beide (bild und text) direkt im body angeb, dann zentriert er mir ads Bild aber ich kann nacher nicht mit dem text an den linken rand des bildes anschliessen

    versteht irgendwer was ich meine

    abstand von bild zu linker rand soll gleich abstand von "Box wo text drin is" zu linker rand sein

    david

    ps: google, w3school und selfhtml hab ich schon konsultiert.

    I like Toast!

  • davewood
    17
    davewood
    Mitglied
    Reaktionen
    9
    Punkte
    3.204
    Beiträge
    536
    • 22. August 2005 um 17:51
    • #2

    hat sich mit try&error geloest :)

    irgendwie war das nicht ganz intuitiv aber egal.

    salute

    david

    I like Toast!

  • rck
    15
    rck
    Mitglied
    Reaktionen
    2
    Punkte
    2.342
    Beiträge
    437
    • 12. September 2005 um 23:53
    • #3
    Zitat von davewood

    versteht irgendwer was ich meine

    Nicht wirklich. Ich würde mich hier grundsätzlich an das alte Sprichwort "ein Bild sagt mehr als tausend Worte" halten und eine kleine Skizze dazu basteln (auch wenn Du's eh schon gelöst hast).

    Um Bild und Anmerkung ein grauer Rahmen:

    Code
    <div style="border:1px solid #808080">
        <img />
        <div class="anmerkung">Anmerkung</div>
      </div>

    Das ganze horizontal zentriert:

    Code
    <div style="border:1px solid #808080; width:x; margin:auto">
        <img align="center" />
        <div class="anmerkung">Anmerkung</div>
      </div>

    ...sowas in der Art? Ohne weitere Ausrichtung ist in CSS/HTML alles Links ausgerichtet...

    Mit ein bisserl mehr Styling sieht das Ganze dann so aus.

    [ egapemoh eniem ] [ Korneuburg Community ] [ FB ] [ Xng ]

  • Maximilian Rupp 27. Dezember 2024 um 12:06

    Hat das Thema aus dem Forum Programmieren nach Entwicklung verschoben.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Benutzer online in diesem Thema

  • 1 Besucher

Rechtliches

Impressum

Datenschutzerklärung