Node Gallery, Vorschau

Also, bei mir sieht das auf beiden Seiten fehlerhaft aus (Windows/Firefox 3.5). Scheint ein klassisches Problem mit den floats zu sein. Schau dir mal das CSS genauer an.

Auf den ersten Blick: Ich schätze, das .item-list ul li sollte floaten. Nicht das img.

--
textformer mediendesign | Webkrauts

hab das

erstmal auskommentiert, und bei

float:left reingeschrieben, jetzt werden die Bilder untereinander angzeigt, ist erstmal ne notlösung ich hab keine Ahnung, ob die Leute so weit nach unten scrollen, um sich die bilder anzugucken.

Weisst du noch etwas sinnvolleres, etwa 3-4 Bilder in einer Reihe, ruhig auch so versetzt wie vorhin?
*****************************************
gestern war morgen, und heute ist gestern

http://bleibejung.de

Hallo zusammen,

vergib doch mal dem li Element den Wert "display: inline;".
Dann sollte es auch nebeneinander stehen und zwar ohne float usw.
Ich finde das in einer Liste die bessere Lösung; da eine Liste von sich aus schon positioniert würde ich nicht floaten, sondern nur das inline setzen - ev. noch "align: left;" und dann müsste es laufen.

Gruss und hoffentlich klappts

fh

Edit:
P.S. du bist dir aber schon bewusst, dass deine Klasse nicht stimmt, denn die Inhalte sind ja Links und nochmal in einem Div-Container... Im FF3.5 habe ich gerade 2 Minuten gebraucht um die Inhalte richtig anzuzeigen (ein width sollte halt ev. auch vergeben werden).
...

wenn ich das da eintrage, passiert gar nix,

meinstes du wirklich:

.item-list ul li ??

*****************************************
gestern war morgen, und heute ist gestern

http://bleibejung.de

Versteh ich nicht, was du damit sagen willst. Die inhalte sind halt das, was node gallery daraus macht.

Was soll ich jetzt an der CSS ändern?

Bei mir werden die Inahlte sofort angezeigt, FF3.0.14

*****************************************
gestern war morgen, und heute ist gestern

http://bleibejung.de

Hallo zusammen,

ich glaube dass dieses Problem zu lösen ist indem du den Link auch angibst, denn sonnst nutzt dir alles Formatieren nichts.

Versuch doch mal das Ganze mitsamt dem Link zu formatieren, also wenn du auch gleich Effekte möchtest, etwa so:

(vor das "a:...", "div ul li" usw. - halt das es passt)

..... a:link, ...... a:visited {
display: inline;
width: ... /* oder Padding */
line-height: 1.5em;
font-size: 1em;
color: black;
}

..... a:focus, ....a:hover {
display: inline;
sonstige Effekte...
}

.... a.active { /* (Achtung .active ist eine Klasse und kein Zustand vom Anker!!!) */
....
}

Wenn das nicht reichen sollte, so gib doch auch dem li das display: inline;. Meistens sollte es aber genügen, wenn man die Anker als inline definiert, beim li bin ich jetzt nicht ganz sicher.

Ich hoffe das hilft dir etwas weiter. Jedenfalls hatte ich das schon oft, dass die Linkanzeige auch noch formatiert werden muss, sogar wenn diese in einer Liste sind. Darum hast du wahrscheinlich auch diese Anzeige, die Liste macht ja was du möchtest, aber die a-Links "schieben" den nächtsten "li" durch die Zeilenhöhe des Ankers bei jedem Eintrag eine Zeile nach unten.

Gruss und viel Spass...

fh