Bekijk alle posts

Hier heb je jQuery mobile framework: (Log in om link te zien!)

Volgens mij want de theme mag en kan je ook helemaal aanpassen naar je wens: (Log in om link te zien!)

1:

element.style { } Matched CSS Rules .right h3 { background: url('../../images/sprite.gif') -193px -250px no-repeat; }

Door die background.

2.

#menu ul li { height: 15px; }

Haal die height weg en zet margin : 0; erbij.

3. Je midden content in een div wrapper zetten.

Erwin,

Als CSS voor je wrapper gebruik:

float: left; width: 538px; overflow: hidden;

.content p { float: left; font: 12px Arial; color: black; width: 538px; margin: 0px; padding: 0px; line-height: 22px; }

Ik snap niet dat je de p tag laat floaten? Ik zou lekker je width 538px; en float : left; eruit halen en een display : block; erin zetten.

Nou je resultimage div blijft leeg in IE 9 zal dus niet aan je CSS liggen maar eerder aan je mootools zooi.

Zelf ben ik fan van de Nivoslider (wel jQuery) maar het kan precies hetzelfde wat jij wilt en werkt van IE6 t/m 9.0, Chrome en Firefox etc

Hier een demotje met een grote foto en thumbs eronder: (Log in om link te zien!)

Alles is natuurlijk simpel en gemakkelijk in te stellen/stylen.

Erwin zijn de vergrote foto's altijd dezelfde hoogte?

Zoja doe dan dit:

.theme-default.controlnav-thumbs .nivo-controlNav { left: 0; margin-left: 0; top: 200px; }

@Erwin:

Deze verwijder je:

.theme-default.controlnav-thumbs .nivo-controlNav { left : 0; margin-left : 0; top : 200px; }​

En dit pas je aan:

.theme-default .nivo-controlNav { position : absolute; left : 50%; bottom : -42px; margin-left : -40px; }

Naar:

.theme-default .nivo-controlNav { float : left; margin : 200px 0 0; }

Als het goed is moet het dan kloppen...

Hoi Ben,

Ik heb even een voorbeeld menutje voor je in elkaar geknald.

Kijk goed naar de code en leer er wat van:
(Log in om link te zien!)

Je wilt dat het submenu rechts van het elk item komt?

met:

ul ul { left : 0; }

Daarmee kan je de positie bepalen waar het submenu moet uitklappen...