wagerechte scrollbar

[HTMLPro]

kennt jemand einen html code für eine waagerechte! scrollbar?über diese scrollbar möchte ich bilder machen also eine art galerie. soll aber edel aussehen.

 

[vitus37]

Gib einem Blockelement eine feste Breite und Höhe in CSS und ein overflow: auto;.
Wenn der Inhalt dann nicht mehr in die vorgegebenen Maße passen, entstehen Scrolbars.

 

[HTMLPro]

wie macht man ein blockelemnt und ein overflow auto

 

[vitus37]

Hier findest du HTML-Tags für Blockelemente:
SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz
Suche dir das aus, in welches die Galerie-Bilder hinein passen.
HTML-Beispiel:

<div class="blockelementklasse">
    <img src="#" alt="alternativ">
    <img src="#" alt="alternativ">
</div>

overflow ist ein CSS-Attribut.

.blockelementklasse{
    width: 400px; /* feste Breite */
    height: 100px; /* feste Höhe */
    overflow: auto; /* Scrollbar bei zu viel Inhalt */
}

 

[HTMLPro]

und wie kann ich den hintergrund edel und schön machen?

 

[HTMLPro]

wie kann ich das nebeneinander darstellen?

 

[Elroy]

und wie kann ich den hintergrund edel und schön machen?

wie kann ich das nebeneinander darstellen?

Mit CSS.
Für die Grundlagen empfehle ich: CSS4You

Gruss
Elroy

 

[Carragos]

Hier findest du HTML-Tags für Blockelemente:
SELFHTML: HTML/XHTML / Referenz /HTML-Elementreferenz
Suche dir das aus, in welches die Galerie-Bilder hinein passen.
HTML-Beispiel:

     <div class="blockelementklasse">
    <img src="#" alt="alternativ">
    <img src="#" alt="alternativ">
     </div>

overflow ist ein CSS-Attribut.

.blockelementklasse{
    width: 400px; /* feste Breite */
    height: 100px; /* feste Höhe */
    overflow: auto; /* Scrollbar bei zu viel Inhalt */
}

Wieso benutzt du dort ein <div> ?
Du kannst doch einfach beides in eine class schmeißen oder in eine ID, halt wie man es will

    <img class="classname" src="#"  alt="alternativ">
    <img class="classname" src="#" alt="alternativ">

overflow ist ein CSS-Attribut.

.classname{
width:  400px; /* feste Breite */
height: 100px; /* feste Höhe */
overflow: auto; /* Scrollbar bei zu viel Inhalt */}

.

 

[vitus37]

Wieso benutzt du dort ein <div> ?

Ziel ist es doch eine horizontale Scrollbar erscheinen zu lassen. Dazu müssen die Bilder von einem Block umschlossen werden. Deshalb!