Mellemrum under billede

prøv dette i dit stylesheet

img { display: block;}

Jeg har lavet den her.
http://www.tljfoto.dk/safari/default.html

<table width="411" height="400" border="7" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
                        <tr>
                            <td>
                            <img src="Images_new/left_image.jpg" alt="Kibo safaris, and KiboGuides is offering Safari, and accomodations" width="411" height="411"></td>
                        </tr>
                    </table>

Fjern mellemrummene:

<td><img src="Images_new/left_image.jpg" width="411" height="411" alt="Kibo safaris, and KiboGuides is offering Safari, and accomodations"></td>

19 sekunder close call

Ahhh ... With space bug ... :-)

[ 19 sekunder close call ] Jeps, er lidt sløv :D

- I andre tilfælde kan det være nødvendig med enten Jesper's eller en font-size:0px; på den element billedet er lagt i - hvis der er tekst i samme element i det tilfælde skal man dog nok ikke bruge font-size:0px men display:block; som Jesper skriver :o)

jesper-moeller virkede og han var først selv om i andres sikkert også virker.

Så send svar jesper-moeller

@tanzaweb

Selvom du vælger at give Jesper point, bør du ikke bruge css
hack'et for at opnå effekten - du bør fjerne mellemrummet istedet.

Hvis Jesper havde set det hjalp med mellem-
rummene, havde han nok ikke kastet css hacket.

Ville bare lige sige hvad der er mest
optimalt i dette tilfælde intet andet :o)



Selvfølgelig, hvis du har mange sider, hvor du skal fjerne mellemrum i kan det også være lidt trættende. Og Jesper var selvfølgelig først med en, der virkede og indrømmet, ja jeg vidste godt at Jesper's virkede, inden jeg kastede mit svar.

- Dog er der nogle løsninger, der er bedre end andre - i dette tilfælde er mellemrums løsningen den bedste og som jeg skrev i det tidligere indlæg er Jesper's løsning på det den bedste i mange ligenende problemer - bare ikke denne.

Jeg skal dog ikke have point i tråden her, da jpj3 slog mig i opløbet, men
jeg ser bare gerne, at du valgte at bruge den bedste løsning uanset, hvem du giver pointene til. Problemer opstår sommetider med mange css hacks på kryds og tværs (samt nyere browser udgaves opfattelse af disse hacks ... kender dog ikke lige problemer med Jesper's hack) ... Hvis man kan klare sig uden css hacks bør man gøre det.

- Eneste problem ved css hacket (måske) er at den ikke rammer billedet specifik - så skal du have en id="billedet" på billedet og bruge css: #billedet{display:block;} ... Det behøver du dog kun, at gøre hvis du på noget sted i dit site skal have tekst udfor et billede - hvis du skal det og ikke laver denne rettelse vil teksten altid ryge under / over billedet...

Eksempel på problemet: Gå ind på:
http://www.kiboguides.com/main.htm

Kopier denne linje og sæt den ind i adresselinjen i din browser og tryk return - linjen aktiverer "en kunstig" css regel på samtlige billeder med display:block; som det jesper skrev ... (det er rart nok at teste med den istedet for at skulle risikere noget ved at teste på et live site ved at rette direkte i css filen...)

java script:imgs=document.getElementsByTagName("img");for(i=0;i<imgs.length;i++)imgs[i].style.display="block";void(0);

... Bare for at illustrere det :o)

mcclemens

Er nu ikke et hack
men fuld valid CSS ;-)

Er faktisk IE der laver lidt rod i det

5.6.1    'display'

Value: block | inline | list-item | none
Initial: block
Applies to: all elements
Inherited: no
Percentage values: N/A

http://www.w3.org/TR/REC-CSS1#classification-properties

se feks. også
3. Fixed Stylesheet for SMIL Basic Layout
http://www.w3.org/TR/NOTE-CSS-smil#xtocid241695

men du har ret mht whitespace ... den gælder næsten altid ... og kan nemt vise sig selom man har display block på img

Mht til point

De andre svar er lige så gyldige som mit ... så de bør også have

[ Er nu ikke et hack
men fuld valid CSS ;-) ]
- Ok :o)

[ De andre svar er lige så gyldige som mit ... så de bør også have ]
Du glemte at lægge et svar Jesper...

:-) sødt trk du kom med der...*G*

*G* ... Nå ja ...

trk = trick

[ :-) sødt trk du kom med der...*G* ]
- Lærte det af Olebole herinde:
http://www.eksperten.dk/spm/705198

- og har virkelig brugt det meget ...
men sådan er det nok når man
leger med javascript :o)

Så få i alle point, og tak for undervisningen, så lære man jo også noget nyt :-)

*S* ... er kun lige begyndt at lege med det ... så har massere at lære ...

Mht img display så prøv at læse
http://www.quirksmode.org/css/quirksmode.html

Tak for point :o)

Bukker Og takker

"Education is learning what you didn't even know you didn't know!"

[ *S* ... er kun lige begyndt at lege med
det ... så har massere at lære ... ]
- Begyndte i marts med Javascript ... Css, div og php i midten af sidste år

- Og har selvfølgelig haft både nestede tables i tables i tables...
Samt frameset html document nested i frameset document med 2 nestede frameset documenter der pegede samlet på top, topmenu, leftmenu, innernested frames
- inner nested frames pagede så på venstre vare beskrivelse og højre
- venstre vare beskrivelse pegede så på varebillede.html og bund screenshots.html
- højre vare beskrivelse pegede så på selve anmeldelsen ...

... Det er min undskyld for ikke at bruge tables og frames mere :o)
(bemærk alle frameset var for hver spilanmeldelse og alle havde hver deres screenshots html sider i stor format ... så jeg er mægtig glad for php :P )