/ 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
1 px padding rykker rundt på <p> ??
Fra : Jesper Kjems


Dato : 07-03-07 12:39

Hej prøv at tjekke denne side i firefox. Eneste forskel på de to
linier er, at øverste paragraph har fået top-margin 1px ????
Alligevel rykker den langt mere ned i forhold til billedet, der
bare er align=right

Nogen ideer om, hvorfor?

Vh Jesper

--
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

 
 
Jesper Kjems (07-03-2007)
Kommentar
Fra : Jesper Kjems


Dato : 07-03-07 12:40

Jesper Kjems wrote in dk.edb.internet.webdesign.html:
> Hej prøv at tjekke denne side i firefox. Eneste forskel på de
to
> linier er, at øverste paragraph har fået top-margin 1px ????
> Alligevel rykker den langt mere ned i forhold til billedet, der
> bare er align=right
>
> Nogen ideer om, hvorfor?
>
> Vh Jesper
>
> --
> 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

Her er siden, sorry: http://www.veo.dk/test.htm


--
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

Jesper Kjems (07-03-2007)
Kommentar
Fra : Jesper Kjems


Dato : 07-03-07 12:43

Sorry, siden er her: http://www.veo.dk/test.htm

--
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

Jørgen Farum Jensen (07-03-2007)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 07-03-07 15:29

Jesper Kjems skrev:
> Sorry, siden er her: http://www.veo.dk/test.htm
>

Du skulle måske starte med at gennemgå din kode,
du har indesluttet både et inline-element (img) og
et blokelement (table) i det samme blokelement (p).
Slet de afsnitsmarkører, og nøjes med table og derefter
et tekstafsnit (p) der rummer dit billede.
Når du har sådanne to elementer, er det bedre at
bruge float-egenskaben til at bringe på på samme
overkant:

table, img {float:left;}
table {width:120px;}

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

Jesper Kjems (12-03-2007)
Kommentar
Fra : Jesper Kjems


Dato : 12-03-07 12:54

Takker, jeg endte med at hive både img og table ud af <p>. Bruger
normalt også float, men for brugerne af siden, er det lidt
lettere med align=right på img og så tabellen, da det bliver
lavet i fckeditor.

Her er resultatet, som vist kører ok i de forskellige browsers.
http://www.veo.dk/nyhjemmeside/front.asp?id=30

Vh Jesper



Jørgen Farum Jensen wrote in dk.edb.internet.webdesign.html:
> Jesper Kjems skrev:
> > Sorry, siden er her: http://www.veo.dk/test.htm
> >
>
> Du skulle måske starte med at gennemgå din kode,
> du har indesluttet både et inline-element (img) og
> et blokelement (table) i det samme blokelement (p).
> Slet de afsnitsmarkører, og nøjes med table og derefter
> et tekstafsnit (p) der rummer dit billede.
> Når du har sådanne to elementer, er det bedre at
> bruge float-egenskaben til at bringe på på samme
> overkant:
>
> table, img {float:left;}
> table {width:120px;}
>
> --
>
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/
> ..


--
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

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

Månedens bedste
Årets bedste
Sidste års bedste