Ausrichtungs Problem

[alex141097]

Hey Leute,
Ich hab mal eine Frage ich wuerde gerne etwas erstellen das so aussieht:
***************************
***************************
***************************
**BildBild*************BildBild**
**BildBild*************BildBild**
**Link*****************Link**
***************************
***************************
***************************

* = Nichts
BildBild
BildBild( 4 x Bild )= Ein Bild
Link = Ein Link

Also wenn ihr den Html Code schreiben koentet wäre es nett.
Danke im voraus.
alex141097:grin:

 

[Gilles]

Oder du lernst auch was
Da HTML nur zum Auszeichnen gedacht ist, müsste dein Quelltext in etwa so aussehen

<div class="left">
      <img src="bild.jpg" alt="alternativer Text" />
      <a href="http://google.de">LINK1</a>
    </div>
    <div class="right">
      <img src="bild.jpg" alt="alternativer Text" />
      <a href="http://google.de">LINK2</a>
    </div>

Habe dir sogar schon die nötigen CSS-Klassen dazu gemacht.
Denn was du eigentlich machen willst ist reines Design :)
Das erreichst du über CSS.
Was du suchst ist float left und right.
float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

 

[Efchen]

Habe dir sogar schon die nötigen CSS-Klassen dazu gemacht.

Die sind aber schlecht gewählt, weil sie nicht die Semantik beschreiben (wir sind ja in HTML), sondern das Layout. Das sollte aber im Stylesheet bleiben.

Wennschon dennschon ;-)

 

[Gilles]

Die sind aber schlecht gewählt, weil sie nicht die Semantik beschreiben (wir sind ja in HTML), sondern das Layout. Das sollte aber im Stylesheet bleiben.

Wennschon dennschon ;-)

Stimmt schon. Bild1 und Bild2 wären vielleicht besser gewesen. (Für eine bessere Beschriebung müsste man etwas über den Content wissen :))

 

[Efchen]

Für eine bessere Beschriebung müsste man etwas über den Content wissen

Das ist der Kern von HTML. Ohne Inhalt kein HTML.

 

[alex141097]

Hmm. Das klappt iwi nicht so ganz. :S
Da sind die nicht so nebeneinander wie ich es will die sind jetz untereinander

 

[Efchen]

Du hast nicht zwischen den Zeilen gelesen.

Da dies hier das HTML-Forum ist, hat Dir Gilles nur den HTML-Teil geschrieben. Ausrichtung und alles, was mit Ausgabe und Anziege zu tun hat, macht man aber mit CSS, HTML hat mit Ausgabe im Browser nichts zu tun.
Daher fehlt natürlich der CSS-Teil.
Wie das geht, hat er in seinem letzten Absatz beschrieben.

Also lies Dich an der entsprechenden Stelle ein. Und wenn Du schonmal dabei bist, kannst Du auch nach dem Verhalten von Inline- und Block-Elementen suchen, dann weißt Du auch, warum das bei Dir jetzt untereinander ist.

 

[Speider]

Kann man das auch in einem andren div machen?
Also 2 divs nebeneinander in einem andren?

MfG Speider

 

[Gilles]

Kann man das auch in einem andren div machen?
Also 2 divs nebeneinander in einem andren?

MfG Speider

Du meinst 1 div in dem sich 2 weitere divs befinden. Und diese 2 inneren stehen nebeneinander?
Ja ist möglich ;)

Hast du aber ein altes Thema ausgegraben

 

[Speider]

Kannst du mir auch sagen wie das geht?

Das Thema ist aber nicht alt;)

 

[Gilles]

<div>
  <div class="div1"></div>
  <div class="div2"></div>
</div>

Dann schau dir mal für css float an:
float: Elemente umfließen lassen: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
Dann brauchst du für div2 margin-left
margin-left: Außenabstand links: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets