IMG-Tag

[redbull2906]

Hallo Leute,

habe mir gerade eine Java-Slideshow aus einem anderen Thread angesehen - soweit so gut.
Wie schaff ich es denn das meine <img>-Tags nicht untereinander sonder nebeneinander angeordnet sind? Welche CSS anweisung wäre dafür geeignet? hab es mit display:inline probiert - aber negativ

Danke

 

[Fanatic]

AW: IMG-Tag

"float" heißt das stichwort....

 

[redbull2906]

AW: IMG-Tag

Jap, an <float> hatte ich auch gedacht aber wollt auch net so wirklich

 

[jojoho]

AW: IMG-Tag

Wie hast dus denn gemacht? einfach mal ein style="float:left;" in die imgs

 

[redbull2906]

AW: IMG-Tag

Hier mal mein Code bis jetzt

<style type="text/css">
#galery{width:850px;}
#show{overflow:hidden;}
.lft{float:left;}
.rht{float:right;}
.pic{float:left;}
</style>
<script>
var scrollStep=1;
var timer;

function scrollDivLeft(){
  clearTimeout(timer);
  d=document.getElementById('show');
  d.scrollLeft+=scrollStep;
  timer=setTimeout("scrollDivLeft()",10);
}

function scrollDivRight(){
  clearTimeout(timer);
  d=document.getElementById('show');
  d.scrollLeft-=scrollStep;
  timer=setTimeout("scrollDivRight()",10);
}

function stopMe(){
  clearTimeout(timer); 
}
</script>
<div id="galery">
<img class="lft" src="arrow_lft.jpg" onmouseover="javascript:scrollDivLeft();" onmouseout="stopMe()"/>
<img class="rht" src="arrow_rht.jpg" onmouseover="javascript:scrollDivRight();" onmouseout="stopMe()"/>
<div id="show">
<img class="pic" src="fussballer.jpg" />
<img class="pic" src="fussballer.jpg" />
</div>
</div>

 

[sokie]

AW: IMG-Tag

da imgs inline elemente ind, werden sie auch nebeneinander angezeigt, wenn sie nicht durch ein br umgebrochen werden, und im umhüllenden Element genug platz ist.

 

[redbull2906]

AW: IMG-Tag

soweit klar - da aber mehr als 2 Bilder da rein kommen und ich das ja mim java per onmouse durchlaufen will ist mir jetzt net ganz klar wie ich das umsetzen soll

 

[cebito]

AW: IMG-Tag

Gib mal dem div 'ne feste Größe und nowrap - Bsp.:

#show{height:150px; width:500px; white-space:nowrap; overflow:hidden;}

 

[redbull2906]

AW: IMG-Tag

thanks a lot - das war es!
Vielen vielen Dank

Die funktionsweise von "White-space" kannte ich bis dato noch nicht - les mich da mal durch - nur so lernt man

 

[FotoJuli]

AW: IMG-Tag

gut das ich gerade dieses thema gefunden habe! diese frage hat mir heute auch jemand gestellt ich konnte sie bis jetzt nicht beantworten dabei lag es auf der hand!

danke

 

[leohh]

AW: IMG-Tag

Gib mal dem div 'ne feste Größe und nowrap - Bsp.:

#show{height:150px; width:500px; white-space:nowrap; overflow:hidden;}

Mit verlaub hat die white-space & overflow notation hier nichts verloren.

 

[cebito]

AW: IMG-Tag

Mit verlaub hat die white-space & overflow notation hier nichts verloren.

Was soll das denn? Gib 'ne Alternative oder wenn du keine hast: verkneif dir den Kommentar. Der ist echt so unnötig wie ein Kropf. Nur weil auf dem Shampoo "for Woman" steht darf ich es jetzt nicht benutzen, wo ich doch kein anderes zur Hand hab? Oder anders, nur weil SELFHTML schreibt :"wie der Zeilenumbruch innerhalb von Elementen mit Text erfolgen soll" heißt das doch noch lang nicht, dass ich das für andere außer Textumbrüche nicht verwenden kann. In anderen Quellen steht nur Zeilenumbruch, warum sollt ich es nicht auch dafür verwenden? Und ja, auch Bilder stehen in einer Zeile, siehst du spätestens dann, wenn du Text und Bilder ohne extra-Formatierung "mischst".

 

[leohh]

AW: IMG-Tag

och ich hab schon eine nur bin ich davon ausgegangen, dass der TE diese nicht haben moechte, da er mit der gebrachten Loesung zufrieden zu sein scheint. Das sollte mehr ein Hinweis fuer dich selber sein.

Zu der geforderten Loesung:
Das zweite Bild(mit den Pfeilen, vermute ich) einfach unter den Container mit den Bildern schieben, danach ein clearendes Element oder ueber selfclearing-methode als letztes Element innerhalb des Galery-Containers und den beiden Bildern(mit den Pfeilen) und dem Inhaltscontainer der Galeriebilder ein float nach links mitgeben und die Sache ist geritzt ohne feste angaben fuer den Inhaltscontainer.

Ich hab hier nur Probleme bei der festen Breiten -bzw. Hoehenangabe gesehen .. nichts worueber man jetzt die Integritaet von selfHTML und Konsorten ankratzen muesste, weil ich selber eh wenig dort vorbeischau und nicht genau weiss, was dort ueber gewisse Elemente notiert ist.