HTML, zwei Bilder nebeneinander (code?)
Hey, ich bekomm es grad nicht hin auf ner Website mit HTML 2 Bilder nebeneinander (mit kleinem abstand) zu positionieren, die landen immer untereinander.
das erste bild ist 400 hoch und 240 breit, das zweite soll dann in etwa angepasst werden, sprich auch 400 hoch und breite ergibt sich ja dann.
hat mir jemand den korrekten code ???
gruß und danke schon mal
3 Antworten
ähm, normalerweise musst du die nur hintereinander im Code angeben, also ohne Zeilenumbruch (
) oder ähnlichem also . Ansonsten kannst du das auch erzwingen indem du eine Tabelle ohne sichtbare Rahmen erstellst wo du die Bilder jeweils in eine Zelle packst, also etwa so:
Tabellen nur für tabellarische Daten verwenden! Alles andere ist Pfuscherei. CSS und das verwenden von Klassen und IDs wäre hier der vernünftige Weg. Wobei auf letzteres sogar verzichtet werden kann.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* --| Minimal CSS Reset |---- */
* {padding:0; margin:0; border:none; outline:none; font-size:100.1%;}
html, body {min-width: 100%; min-height: 100%;}
/* --| Primary Styles |------- */
#wrapper {;}
section img {float:left;}
.clearfix {clear:both;}
</style>
</head>
<body>
<div id="wrapper">
<section>
<img src="#" alt="" />
<img src="#" alt="" />
<br class="clearfix" />
</section>
</div>
</body>
</html>
Über CSS die einzelnen Bilder beliebig formatieren. Entweder direkt das img-Element ansprechen oder den einzelnen Bildern Klassen zuweisen. Stichwort wäre sicher Floaten. ;-)