Homepage gallery

bompshellparts · 19.01.2011

Hallo an alle, ich hab da mal so eine frage gibt es ein html code für so eine gallerie

oder irgendwas anderes.?

fexx · 19.01.2011

AW: Homepage gallery

hab mir jetzt den quelltext nicht angeschaut ... aber ich denke das könnte man mit "overflow: scroll;" lösen ;-)

overflow: Übergroßer Inhalt: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
overflow: Übergroßer Inhalt: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

// Edit:
bzw. "overflow-x"
http://www.css4you.de/overflow-x.html

bompshellparts · 19.01.2011

AW: Homepage gallery

danke fexx das hat mir weiter geholfen
so habe jetzt die box nur wie bekomm ich die bilder da rein

Myhar · 19.01.2011

AW: Homepage gallery

So wie man Bilder generell in eine Webseite bekommt? Mit dem <img> Tag.
Oder wo ist dein konkretes Problem?

bompshellparts · 19.01.2011

AW: Homepage gallery

gebe es da iregndwie ein konkretes beispiel ?

ich habe jetzt den code mit dem overflow

und wo muss ich da den code für die bilder hinschreiben und wie geht er

<style type="text/css">
.examplediv
{
background-color:#efefef;
border-style:solid #000000 1px;
}
#divid
{
position:absolute;
left:30px; top:0px; width:1024px; height:425px;
overflow:scroll;
}
</style>

<body>

<div id="divid" class="examplediv">
...
</div>

sokie · 19.01.2011

AW: Homepage gallery

die box absolut zu positionieren macht vorerst gar keinen sinn.
wenn du bei 1024px breite bist, und noch etwas margin für diese browserfenstergrösse/Auflösung einplanen willst, bist du besser mit einer breite von max960px bedient.

Code:

<style type="text/css">
  #gallery
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
  width:960px;
  height:425px;
  overflow:scroll;
}
</style>

HTML:

<body>
 
   <div id="gallery">
      <img src="bild1.jpg" alt="bildbeschreibung" />
      <img src="bild2.jpg" alt="bildbeschreibung" />
      <img src="bild3.jpg" alt="bildbeschreibung" /> 
    <!--usw-->
   </div>

paddings für die box wären eine gute Sache.

bompshellparts · 20.01.2011

AW: Homepage gallery

sokie schrieb:
die box absolut zu positionieren macht vorerst gar keinen sinn.
wenn du bei 1024px breite bist, und noch etwas margin für diese browserfenstergrösse/Auflösung einplanen willst, bist du besser mit einer breite von max960px bedient.

Code:

<style type="text/css"> #gallery { background-color:#efefef; border-style:solid #000000 1px; width:960px; height:425px; overflow:scroll; } </style>

HTML:

<body> <div id="gallery"> <img src="bild1.jpg" alt="bildbeschreibung" /> <img src="bild2.jpg" alt="bildbeschreibung" /> <img src="bild3.jpg" alt="bildbeschreibung" />  </div>

paddings für die box wären eine gute Sache.

also ich habe ja schon auf meiner Homepage eine Gallery unter ich hab das mit den 1024 px so angepasst das es genau aufs Fenster passt wenn du willst kannst du ja mal gucken vllt. hilft das weiter sorry ich bin nicht so gut in der Sache :schmoll::'(