Bilder in Html einbinden?

123pingpong123 · 17.10.2009

Hallo,
ich habe ein riesen Problem (deshalb hab ich mir angemeldet)
Und zwar schaffe ich es einfach nicht Bilder in meine html Datei einzubinden...
Muss ich auch was in die css Datei reinschreiben?

Wenn ihr wollt kann ich euch gerne meinen Code schicken...

Ich hoffe ich könnt mir helfen...

Mfg
Ping Pong

hellemon · 17.10.2009

AW: Bilder in Html einbinden?

So sieht der Code aus wenn du Bilder in HTML einbinden möchtest.

HTML:

Code:

<img src="../bg.jpg" height="766" width="257">

oder wenn du es mit CSS machen möchtest.

CSS:

Code:

<style type="text/css">
div.bg {
background-image: url(../images/bg.gif);
background-color:orange;
width:500px;height:200px;
border:1px solid red;
padding:20px;
}
</style>

...

<body>
<div class="bg">
  div-Container mit Hintergrundbild
</div>

Hintergrundbilder: Übersicht: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

Gruß hellemon

123pingpong123 · 17.10.2009

AW: Bilder in Html einbinden?

Also ich will eine gallery mit lightbox erstellen, dafür muss ich das in html machen ne?

Mfg
Ping Pong

mwxx · 17.10.2009

AW: Bilder in Html einbinden?

Hallo 123pingpong123,

eine Lightbox-Gallery erstellst Du - nach Einbindung von jQuery nach dem Muster:
<a href="originalbild_mit pfad" rel="lightbox[galeriename]"><img src="verkleinertes_bild_mit_pfad" alt="" /></a>
<a href="originalbild2_mit pfad" rel="lightbox[galeriename]"><img src="verkleinertes_bild2_mit_pfad" alt="" /></a> ... usw. ...

Viel Erfolg und schönes Wochenende

mwxx

stb_87 · 17.10.2009

AW: Bilder in Html einbinden?

Moin,

hier kannst dir die Lightbox 2 runterladen und da steht auch genau, wie man das alles einbindet:

Lightbox 2