/ 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
Placering af billede
Fra : Jacob Jensen


Dato : 18-08-05 12:30

Hej

Hvis jeg har et billede (f.eks. en lille smiley) som jeg gerne vil have til
at være midt i en sætning eller lige efter sætningen (HER F.EKS), hvordan
gør jeg så det i HTML 4.01 strict? Billedet skal helst være "på højde" med
teksten.

Jacob



 
 
Allan Vebel (18-08-2005)
Kommentar
Fra : Allan Vebel


Dato : 18-08-05 14:34

Jacob Jensen <omo@adslhome.dk> skrev:

> Billedet skal helst være "på højde" med teksten.

Så ændrer du liniehøjden så den passer med billedet,
for eksempel:

body{
line-height:1.8em;
}

--
Allan Vebel
http://html-faq.dk



Jacob Jensen (18-08-2005)
Kommentar
Fra : Jacob Jensen


Dato : 18-08-05 14:49

> Så ændrer du liniehøjden så den passer med billedet,
> for eksempel:
>
> body{
> line-height:1.8em;
> }

Giver det ikke samme resultat som at gøre billedet mindre end linjehøjden?
Det hjælper nemlig ikke. Selvom jeg laver billedet meget lille hænger det
helt oppe under linjen.

Jacob



Allan Vebel (18-08-2005)
Kommentar
Fra : Allan Vebel


Dato : 18-08-05 17:13

Jacob Jensen <omo@adslhome.dk> skrev:

> Det hjælper nemlig ikke. Selvom jeg laver billedet
> meget lille hænger det helt oppe under linjen.

Det er svært at svare på når man ikke kan se hvad du
har lavet.

--
Allan Vebel
http://html-faq.dk



Jacob Jensen (18-08-2005)
Kommentar
Fra : Jacob Jensen


Dato : 18-08-05 18:44

> Det er svært at svare på når man ikke kan se hvad du
> har lavet.

Jeg har f.eks. et billede vis størrelse er 1x1 pixel. Så skriver jeg.

<div>Hej dette er en test <img src="billede.gif" alt="noget"></div>

Jeg vil gerne have at mit 1x1 pixel store billede bliver vist lige til højre
for "test." og helst ligestillet horisontalt sådan at det bliver vist lige
ud for midten af t'et.

Jacob



Erik Ginnerskov (18-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 18-08-05 19:43

Jacob Jensen wrote:
>> Det er svært at svare på når man ikke kan se hvad du
>> har lavet.
>
> Jeg har f.eks. et billede vis størrelse er 1x1 pixel. Så skriver jeg.
>
> <div>Hej dette er en test <img src="billede.gif" alt="noget"></div>

<img src="billede.gif" alt="noget" style="vertical-align:bottom">

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Jacob Jensen (18-08-2005)
Kommentar
Fra : Jacob Jensen


Dato : 18-08-05 20:03

> <img src="billede.gif" alt="noget" style="vertical-align:bottom">

Ahh, ok det ser ud til at virke med middle istedet for bottom. Er det
korrekt html 4.01 strict hvis jeg sætter det i CSS? Jeg kendte ikke
"vertical-align"

Jacob




Erik Ginnerskov (18-08-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 18-08-05 20:47

Jacob Jensen wrote:
>> <img src="billede.gif" alt="noget" style="vertical-align:bottom">
>
> Ahh, ok det ser ud til at virke med middle istedet for bottom. Er det
> korrekt html 4.01 strict hvis jeg sætter det i CSS?

Det er css, men det er inline. Der er dog ikke noget i vejen for at lave det
i et eksternt stylesheet:

..vam {
vertical-align:middle;
}

<img src="billede.gif" alt="noget" class="vam">

> Jeg kendte ikke "vertical-align"

Det er css-ækvivalenten til den forældede html-definition valign.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://html-faq.dk/



Jacob Jensen (19-08-2005)
Kommentar
Fra : Jacob Jensen


Dato : 19-08-05 09:06

> Det er css, men det er inline. Der er dog ikke noget i vejen for at lave
> det
> i et eksternt stylesheet:

Tak, det har jeg gjort med succes.

> Det er css-ækvivalenten til den forældede html-definition valign.

....og det var netop den jeg manglede.

Jacob



Søg
Reklame
Statistik
Spørgsmål : 177501
Tips : 31968
Nyheder : 719565
Indlæg : 6408527
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste