You are not logged in.

wcf.regNote.message

Münzi

Beginner

  • "Münzi" started this thread

Posts: 3

  • Send private message

1

Monday, August 2nd 2010, 2:01pm

Bilder nebeneinander

Hey ich bin neu hier und konnte zu diesem Thema nichts finden...
Und zwar wollte ich fragen wie ich z.B 2Bilder nebeneinander in die Website bekomme
Also bis jetzt habe ich 2Bilder über CSS Positioniert aber diese 2Bilder sind immer untereinander kann mir vielleicht einer sagen wie ich das hinbekommen könne?

Danke, im Vorraus.

Opi62

Trainee

Posts: 91

Location: 127.0.0.1

  • Send private message

2

Monday, August 2nd 2010, 3:52pm

Versuchs Mal mit

Source code

1
<img src="Bild1.jpg" /><img src="Bild2.jpg" />


Gruß Opi62

Münzi

Beginner

  • "Münzi" started this thread

Posts: 3

  • Send private message

3

Monday, August 2nd 2010, 4:15pm

aber wenn ich es doch mit <div id="..."> anpasse wo die nebeneinander stehen sollen dann sind sie nimma nebeneinander..

Prometheus

Administrator

Posts: 3,278

  • Send private message

4

Monday, August 2nd 2010, 6:37pm

Welchen Grund hat das denn das Du die Bilder mit einem Div positionieren möchtest? Du kannst auch bei einem Image Tag mit Style Elementen arbeiten. Das geht nicht nur bei einem Div. Erklär ggf. mal etwas umfangreicher was Du machen möchtest bevor man dir Tips gibt die ggf. in die ganz falsche Richtung laufen.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

Münzi

Beginner

  • "Münzi" started this thread

Posts: 3

  • Send private message

5

Monday, August 2nd 2010, 11:28pm

Ja muss ned umbedingt mit div sein aber mir gehts halt hauptsächlich draum wie geht es das ich eine newsbox in die mitte z.b mache und ganz links auf der Seite dann nochmal ne menü Box wo links zu anderen seiten drin sind ich schaff es ned das dass nebeneinander ist wie schaff ich das?

Prometheus

Administrator

Posts: 3,278

  • Send private message

6

Tuesday, August 3rd 2010, 8:04am

Ok, dann würde ich vorschlagen versuch es mal mit einer Tabelle. Die Tabelle lässt sich sehr schön mit CSS formatieren und da befindet sich jede Zelle dort wo du sie haben möchtest. Bei großen Tabellen mit vielen Zellen kann es hilfreich sein sich die Tabelle vorher aufzuzeichnen oder auch mit mehreren ineinander verschachtelten Tabellen zu arbeiten.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

bauser

Intermediate

Posts: 384

Occupation: Senior Software Engineer

  • Send private message

7

Tuesday, August 3rd 2010, 6:48pm

ja nachdem was dir an css zur verfügung steht hilft hier vielleicht float.

CSS:

Source code

1
2
3
#bild1{
float: left;
}


XHTML:

Source code

1
2
<div id="bild1"><img .../></div>
<div id="bild2"><img .../></div>


das funktioniert aber nur, solange die addierte breite nicht die 100% des elternelements überschreitet. hast du die zum beispiel im body und das fenster ist 1024 pixel breit, dann darf breite1+breite2 nicht größer als 1024 sein.

divs sind blockelemente und haben darum immer einen "zeilenumbruch" zur folge. du könntest alternativ versuchen


Source code

1
2
3
#bild1{
	display: inline;
}


dann verhält sich das erste div wie ein <img> und bricht nicht um, das zweite bleibt block und bricht um.

tabellen sind zum positionieren problematisch, weil es zum beispiel eigentlich nicht erlaubt ist, tabellenzellen eine höhe zu geben.
I'm Tony Menthanar! You fuck wit me, you fuckin' wit da best!

flo

Unregistered

8

Monday, August 9th 2010, 11:23am

Ok, dann würde ich vorschlagen versuch es mal mit einer Tabelle. Die Tabelle lässt sich sehr schön mit CSS formatieren und da befindet sich jede Zelle dort wo du sie haben möchtest. Bei großen Tabellen mit vielen Zellen kann es hilfreich sein sich die Tabelle vorher aufzuzeichnen oder auch mit mehreren ineinander verschachtelten Tabellen zu arbeiten.

Sollte man nicht tun. Tabellen sind da um Texte zu formatieren und nicht um die Webseite in Bereiche zu gliedern. Wenn man aber Elemente positionieren möchte, dann sollte man wie Münzi sich das gedacht schon division container nehmen...
Schau dir mal das an: http://www.elated.com/articles/css-positioning/
Dort werden CSS Grundlagen erläutert.

Prometheus

Administrator

Posts: 3,278

  • Send private message

9

Wednesday, August 11th 2010, 8:16am

Grundsätzlich hast Du natürlich recht. Einen sauberen Seitenaufbau sollte man heute mit Containern lösen. Nicht zuletzt auch weil diese sich besser anpassen lassen und natürlich auch um sauber zu programmieren. Allerdings als Neuling kann man schon mal recht schnell verzweifeln wenn man versucht 4 Divs zu positionieren. Einmal die Position ansich und auch die Style Angaben wie position absolute oder relative und lauter so sachen. Mir fällt es auch heute noch stellenweise schwer die Positionierung gut hin zu bekommen grade wenn es dynamische Inhalte sind. Nur alleine ein Menü welches waagerecht unter dem Logo sein soll und wo beim Überfahren eines Menüpunktes ein Untermenü aufgehen soll. Man hat übereinander liegende Divs mit verschiedenen Positionen und verschiedenen Ebenen und das ist für einen Neuling nicht einfach zu bewältigen je nachdem.
Jedwege Anfragen bitte an Technomausi oder ShaoKhan richten. Dieses Konto ist und bleibt inaktiv.

wcf.user.socialbookmarks.titel