• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

anneinander liegende Images | Float:left; ?

Da kommst du hin indem du mit float arbeitest.

also: float:left;

Das bedeutet, dass das nächste Element links angesetzt wird. (Textumfluss Links)
 
agund schrieb:
Da kommst du hin indem du mit float arbeitest.

also: float:left;

Das bedeutet, dass das nächste Element links angesetzt wird. (Textumfluss Links)
Zum Vergrößern anklicken....

Wenn ich float:left; den Images hinzufügen passiert rein gar nichts... vielleicht hat das etwas mit position:absolute; zu tun, dass man dann das Element nicht mehr floaten kann?
 
Du kannst nicht die position:absolute setzten und float nutzen.
Ich würde auch keine li nutzen.... mach einfach div box mit einer background-url und die divbox machst du float:left;
Das sieht viel sauberer aus und ist übersichtlicher


Du kannst auch das ganze in einer Tabelle schmeißen, dann musst du nicht das float benutzen :D .... das wäre auch eine Lösung.
Hier gibt es viele Lösungen... ;)
 
Ja, der Background des navbars soll bestehen bleiben

Background | Kein Background
Icon1 |
Icon2 | Icon 5 Icon 6
Icon3 |
Icon4 |

;)
 
Entweder du machst den Background als Bild.... oder du machst alles in einzelne divboxen und kannst somit jede divbox anpassen.... mit background-color, boder ect. was eineim noch so einfällt....
 
Was soll er machen? jedes bild in ein div packen??? Wesshalb??? alle angaben können
können auch direkt auf das IMG gemacht werden. da wären wir dann wieder bei der berühmten
divitis, absolut unsinnige div zu machen.

So damit wir jetzt ruhe kriegen hier das html

HTML: 
    <div>
        <ul>
            <li><img src="" />
                <ul>
                    <li><a href="#"><img src="" /></a></li>
                    <li><a href="#"><img src="" /></a></li>
                </ul>
            </li>
            <li><img src="" />
                <ul>
                    <li><a href="#"><img src="" /></a></li>
                    <li><a href="#"><img src="" /></a></li>
                </ul>
            </li>
            <li><a href="#"><img src="" /></a></li>
            <li><a href="#"><img src="" /></a></li>
        </ul>
    </div>

und das css
HTML: 
        * {
            margin: 0 ;
            padding: 0 ;
        }

        ul {
            position: relative;
        }

        ul li a img{
            width: 25px ;
            height: 25px ;
            margin: 0;
            padding: 0;
        }

        ul li ul{
            position: absolute ;
            left: 25px ;
            display: none ;
        }

        ul li:hover ul {
            display: block ;
        }

        ul li ul li {
            float: left;
        }
 
naja weißt du wie er sich nachher umentscheidet? Ich habe solche sachen lieber einzeln, so kann ich z.B danach immernnoch alles anders anordnen ect. außerdem hast du somit die möglichkeit einen onlick oder mouseover event zu starten. Wer auf ein <img> einen onclick starten will.... das ist ziehmlich fail.
 
Du irritierst mich ein bisschen einerseits sagst du dass javascript deaktiviert
werden kann und damit nicht barierefreiheit geniest. Anderseits preist du
eventhandler an wie eine Ware eines Kaufhauses.
Meine lösung ist Barrierefrei und sie ist bewährt was also spricht dagegen?
Fals es nun dennoch bedarf einen eventhandler kann man diesen immer
noch auf das anchor element oder das li element legen.

EDIT: http://www.quackit.com/html_5/tags/html_img_tag.cfm hier sind alle eventhandler
aufgelistet welche auf das img tag gelegt werden dürfen.
 
Zuletzt bearbeitet:
Ich versuche immer seiten so barrieren frei zu bauen wie es geht.... jedoch versuche ich mir trozdem alles offen zu halten....
Also JS vermeiden aber so bauen, dass ich es einsetzen kann.

Ich nutze auch JS auf meinen Seiten, aber nur wo CSS an grenzen stößt. Somit ist meine Seite auch ohne JS anschaubar, nur nicht alle Funktionen nutzbar.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben