---

Hejsa.

Jeg har følgende i mit CSS:

float:left;
border:solid 0px #FFFFFF;
margin:2px 10px 2px 0px;

På http://www.poda.dk/find_forhandlere_vest.aspx med Chrome,
glider teksten ind over billedet med pælehammeren - i IE og FF er
der altså ingen problemer...

Hvad skal der til, for at rette op på den fejl?

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

On 2 Aug., 14:08, Poda <j...@podadetteerioverskud.com> wrote:

> float:left;
> border:solid 0px #FFFFFF;
> margin:2px 10px 2px 0px;
>
> Påhttp://www.poda.dk/find_forhandlere_vest.aspxmed Chrome,
> glider teksten ind over billedet med pælehammeren - i IE og FF er
> der altså ingen problemer...
>
> Hvad skal der til, for at rette op på den fejl?

Prøv at indføje display:block i

img.NoBorderLeft {
float:left;
border:solid 0px #FFFFFF;
margin:2px 10px 2px 0px;
}

Hvis det stadig ikke virker, er du nok nødt til at angive højde/bredde
på billedet også.

Jeg har kun lige skimmet din kode. Regner med, du ikke har nogen
position. Hvis du har det, kan de nemlig godt skabe problemer.


MVH
Rune Jensen

---

Rune Jensen wrote in dk.edb.internet.webdesign.html:
> On 2 Aug., 14:08, Poda <j...@podadetteerioverskud.com> wrote:
>
> Prøv at indføje display:block i
>
> Hvis det stadig ikke virker, er du nok nødt til at angive højde/bredde
> på billedet også.
>
> MVH
> Rune Jensen

Indsatte display:block uden at det havde den ønskede effekt, men med
angivelse af width/height blev problemet løst.

Det forunderlige er blot, at problemet ikke går igen på andre sider, hvor
det ellers var forventeligt... Jeg lever med din løsning, da vi alligevel
snart påbegynder nyt layout.

Tak for hjælpen Rune!

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Poda kom med denne ide:
> Rune Jensen wrote in dk.edb.internet.webdesign.html:
>> On 2 Aug., 14:08, Poda <j...@podadetteerioverskud.com> wrote:
>>
>> Prøv at indføje display:block i
>>
>> Hvis det stadig ikke virker, er du nok nødt til at angive højde/bredde
>> på billedet også.
>>
>> MVH
>> Rune Jensen
>
> Indsatte display:block uden at det havde den ønskede effekt, men med
> angivelse af width/height blev problemet løst.
>
> Det forunderlige er blot, at problemet ikke går igen på andre sider, hvor
> det ellers var forventeligt... Jeg lever med din løsning, da vi alligevel
> snart påbegynder nyt layout.
>
> Tak for hjælpen Rune!

Nu ved jeg ikke, om du har rettet,men der er fejl.
Når man angiver width og height som parametre i HTML, er det altid i
pixels. Der skal ingen størrelse på - i modsætning til når man sætter
størrelse med css.
<img ... width="260px" height="165px" ..> er sltså forkert. Det skal
være
<img ... width="260" height="165" ..>

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk

---

Birger Sørensen <sdc@bbsorensen.com> skrev :

>Når man angiver width og height som parametre i HTML, er det altid i
>pixels. Der skal ingen størrelse på - i modsætning til når man sætter
>størrelse med css.

Det er for så vidt korrekt, men man må gerne angive
billedstørrelsen i % og så skal man selvfølgelig skrive fx < img
width=75% ...
--
Kerim
http://www.facebook.com/Khilafah.nu.Kerim.Ellentoft

---

@ Birger og Kerim:

Om der står px eller ej, så får jeg grønt lys hos W3C:

http://validator.w3.org/check?uri=http://www.poda.dk/find_forhandlere_ves
t.aspx

Tak for hjælpen.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Poda formulerede spørgsmålet:
> @ Birger og Kerim:
>
> Om der står px eller ej, så får jeg grønt lys hos W3C:
>
> http://validator.w3.org/check?uri=http://www.poda.dk/find_forhandlere_ves
> t.aspx
>
> Tak for hjælpen.

Ved ikke rigtigt..
HTML Validator i FF giver 25 advarsler - bl.a, at værdier for width og
height har "invalid value".
(Den bruger både W3C og Tidy - og det er Tidy der giver advarslerne.
Syntes egentlig W3C burde også...)
Der er desuden 111 advarsler til din CSS
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.poda.dk%2Ffind_forhandlere_vest.aspx&profile=css21&usermedium=all&warning=1&lang=en
(eller brug http://jigsaw.w3.org/css-validator/ og skriv URL)
De fleste går på samme farver for tekst og baggrund, men der er også
nogle om forkert angivelse af fonte.

Advarsler er kun advarsler - men hvis width og height ikke angives
rigtigt, kan man godt forestille sig at nogle browsere, bruger tallet
og smider 'px' væk, mens andre helt ignorer parametren - altså at
resultatet er forskelligt i forskellige browsere.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk