naja eig CSS

davewood

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.

davewood

hat sich mit try&error geloest

irgendwie war das nicht ganz intuitiv aber egal.

salute

david

rck

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.

Jetzt mitmachen!