/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
<li> og whitespace.
Fra : Stig Johansen


Dato : 13-02-10 23:28

Hej.

Jeg har observeret noget underligt (synes jeg) i forbindelse med <li> og
whitespace.

Problemet opstår når der er linieskift mellem de forskellige <li>'er.

Jeg har lagt en statisk kopi ud her:
http://w-o-p-r.dk/gallery/gallery.reorganize.asp.html

Her er der linieskift, så koden bliver overordnet:
<li>
<li>
osv.

For at se 'effekten', kan man prøve at klikke på f.eks. et af de yderste
højre billeder, og flytte det til venstre.
Flytning sker ved at klikke på det billede hvor 'markeren' er.

Efter flytning, så rykkes det/de billeder en anelse til venstre.
(jeg kan ikke rigtig se om det er 1,2 eller 3 px B:)

Her optræder problemet pga. de ekstra #text nodes, der bliver dannet, men
det betyder vel, at layoutet generelt er afhængig af whitespace ?

Jeg har løst problemet ved at fjerne linieskift, så det er egentlig mere til
information, hvis man sidder med noget tilsvarende forskydning.

--
Med venlig hilsen/Best regards
Stig Johansen




 
 
Stig Johansen (14-02-2010)
Kommentar
Fra : Stig Johansen


Dato : 14-02-10 06:41

Stig Johansen wrote:

> Jeg har lagt en statisk kopi ud her:
> http://w-o-p-r.dk/gallery/gallery.reorganize.asp.html
>
> Flytning sker ved at klikke på det billede hvor 'markeren' er.

NB: Jeg har senere lagt noget opdatering ind i JS'et, så man får en fejl ved
flytning, men den visuelle flytning skulle stadig være der, så man kan se
'effekten'.

--
Med venlig hilsen
Stig Johansen

Rune Jensen (14-02-2010)
Kommentar
Fra : Rune Jensen


Dato : 14-02-10 12:11

Stig Johansen skrev:
> Stig Johansen wrote:
>
>> Jeg har lagt en statisk kopi ud her:
>> http://w-o-p-r.dk/gallery/gallery.reorganize.asp.html
>>
>> Flytning sker ved at klikke på det billede hvor 'markeren' er.
>
> NB: Jeg har senere lagt noget opdatering ind i JS'et, så man får en fejl ved
> flytning, men den visuelle flytning skulle stadig være der, så man kan se
> 'effekten'.

Kan det have betydning hvad der er af padding og margin på <ul>, <li> og
<img>, når der er den ekstra "forskydnnig"?

PS. Jeg har ikke kigget på CSSen, men jeg gætter på man kan se alt i Web
Developer alligevel, så du har nok undersøgt den del, men bare en tanke


MBH
Rune Jensen

Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408914
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste