|
|||
Werd mal schauen, ob sich das in für meine Anwendung irgendwie verwenden lässt. Es geht ja grundsätzlich darum bspw. das gesamte <div class="row"> aus folgendem Code zu verlinken und mit einem "mouseover"-Effekt zu versehen.
Code:
<div class="row"> <a href="{HREF}"> <p class="name">{NAME}</p> <div class="container"> [img]{PIC_SRC}[/img] <p class="date">{DATE}</p> <p class="text">{TEXT}</p> </div> </a> </div> Danke für deine Hilfe! |
Sponsored Links |
|
|||
Zitat:
Im HTML sind Block-Elemente in Inline-Elementen nicht zulässig! Das CSS interessiert dabei nicht. Code:
<span></span><img ...> Wie du die a-, span-, usw.-Elemente dann darstellen lässt (CSS), ist dem HTML völlig egal. |
Sponsored Links |
|
|||
Ja, stimmt, das klingt einleuchtend.
Aber umso weniger sehe ich einen Weg bspw. den ganzen weiss eingerahmten Bereich der Box "PastEvents" zu verlinken. Jedenfalls nicht ohne JS. Wenn ich noch immer was nicht verstanden habe oder es deiner Meinung nach doch ohne JS geht bin ich für jeden Tipp dankbar! |
|
|||
Zitat:
|
|
|||
Also anstelle der div-, und p-Elemente innerhalb des a-Tags soll ich span-elemente verwenden? Und diese dann per CSS als block-Elemente darstellen lassen? Verstehe ich dich nun richtig?
|
|
|||
Jetzt bin ich langsam komplett verwirrt!
Das würde dann ja auch keinen Sinn machen anstelle der syntaktisch richtigen p-Elemente span-Elemente zu verwenden. Ich habe keine Vorstellung davon wie ich deine Empfehlung sonst umsetzten könnte... |
|
|||
Wenn du die komplette Box verlinken willst, musst du alles in einem a-Element einschließen. Daran ändert auch JavaScript nichts.
Ein einzelnes Datum ist auch kein Textabsatz - warum sollte da also ein p-Element hin? Es gibt noch mehr inline-Elemente als nur span. Verwende diejenigen, die dem Zweck am besten entsprechen. |
|
|||
Ok, aber dann kommt auch schon das nächste Problem: die Darstellung funktioniert dadurch, dass das img links gefloated ist und wenn ich da am Ende nicht noch ein clearendes div einfüge umschliesst die box nicht den ganzen inhalt.
Könnte es sein, dass da wieder der hasLayout Aspekt zum Zuge kommt? |
|
|||
Zitat:
Du musst kein leeres div zum clearen verwenden. Es tut auch ein br. Oder "float everything". Oder ganz ohne zusätzliches Markup. |
Sponsored Links |
|
|||
Hallo nochmal
Hab' deine Ratschläge nun befolgt und bin meinem Ziel damit einen grossen Schritt näher gekommen. Nun habe ich aber ein anderes Problem bzw. Plagen mich andere Symptome, das Problem ist möglicherweise dasselbe: Beim Laden der Seite mit dem FF flimmert die Seite und zum Teil verschieben sich einzelne Elemente ("HotAlbums", unteres Bild). Irgendwie scheint das mit dem "overflow: auto" zusammen zu hängen. Wie kann ich diesem Problem nun auch noch Herr werden? Besten Dank schon mal! |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Diverse Probleme in IE6 und IE7 | shredder01 | CSS | 6 | 13.03.2010 12:56 |
Zwei-Spalten-Layout hat Probleme bei der Darstellung im IE6 | joseba | Site- und Layoutcheck | 7 | 15.05.2008 10:30 |
Probleme mit dem Border im IE6 | bullseye | CSS | 9 | 30.10.2007 16:21 |
probleme mit float:left und listenhintergrund im IE6 | Eppi | CSS | 2 | 04.12.2006 13:10 |
(Newbie): Probleme mit Abständen - IE6 + Firefox | NullDevice | CSS | 6 | 15.07.2006 20:22 |