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

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Et billede i en overskrift?
Fra : Jørgen Farum Jensen


Dato : 30-05-03 10:43

Jeg har en stump kode (f.eks. på
www.webdesign101.dk/web102/eksempler/eksempel10.php), der ser således ud:

<div class="newsbox">
<h3>Forsøg med grafik<img src="../res/grafik/knapper.png" alt="" width="38"
height="14" border="0"></h3>
<p>- inde i en overskrift</p>

Er det overhovedet "lovligt"? og - lige så vigtigt - er det muligt at
kontrollere den lodrette position? Jeg synes, jeg har prøvet alle de
sædvanlige metoder.

Jørgen Farum Jensen
www.webdesign101.dk




 
 
Jens Gyldenkærne Cla~ (30-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 30-05-03 21:49

Jørgen Farum Jensen skrev:

> Jeg har en stump kode (f.eks. på
> www.webdesign101.dk/web102/eksempler/eksempel10.php),

Den side findes ikke. Har du et link der virker?

[billeder i en overskrift]
> Er det overhovedet "lovligt"?

Hvis du er i tvivl, så prøv at validere siden. En hurtig afprøvning
med WDG's validator tyder på det *er* lovligt at bruge <img> inde i
en <hX>.

> og - lige så vigtigt - er det muligt at kontrollere den lodrette
> position?

Det skulle det være - prøv med vertical-align.

> Jeg synes, jeg har prøvet alle de sædvanlige metoder.

Hvad er "alle de sædvanlige metoder"? Regn ikke med at de metoder
du anser for sædvanlige automatisk er de samme som andres
"sædvanlige metoder".

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Jørgen Farum Jensen (02-06-2003)
Kommentar
Fra : Jørgen Farum Jensen


Dato : 02-06-03 22:56


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns938BE807AE5CAjcdmfdk@gyrosmod.cybercity.dk...
> Jørgen Farum Jensen skrev:
>
> > Jeg har en stump kode (f.eks. på
> > www.webdesign101.dk/web102/eksempler/eksempel10.php),
>
> Den side findes ikke. Har du et link der virker?

Sorry - jeg havde ikke lige fået den side uploadet. Det er sket nu.

> [billeder i en overskrift]
> > Er det overhovedet "lovligt"?
>
> Hvis du er i tvivl, så prøv at validere siden. En hurtig afprøvning
> med WDG's validator tyder på det *er* lovligt at bruge <img> inde i
> en <hX>.

Ja, og jeg burde ikke have været i tvivl. Når det er lovligt at bruge et
billede i en p-markør må det også være det i en hn-markør.

> > og - lige så vigtigt - er det muligt at kontrollere den lodrette
> > position?
>
> Det skulle det være - prøv med vertical-align.
>
> > Jeg synes, jeg har prøvet alle de sædvanlige metoder.
>
> Hvad er "alle de sædvanlige metoder"? Regn ikke med at de metoder
> du anser for sædvanlige automatisk er de samme som andres
> "sædvanlige metoder".

"De sædvanlig metoder" er for mig at floate elementet og så jonglere med
margin og padding. For sent kom jeg i tanke om, at h3 img {float:right} nok
rykker til højre - men i forhold til hvad? Browseren indsætter et
linieskift, som jeg så hidtil har jongleret mig ud af.

Dit råd om vertical-align er godt nok. Jeg havde prøvet det før uden at det
virkede, men det var fordi jeg ikke havde tænkt sagen ordentligt igennem.

Nu ser stylesheet'et således ud:
..newsbox h3 img {
vertical-align:middle;
margin-left:20px;
}
og det virker som det skal, selvom jeg er lidt ked af den der margin-left,
som skal skræddersys til hver instans.

Med venlig hilsen og tak for input'et

Jørgen Farum Jensen
www.webdesign101.dk

PS - jeg har ikke rettet sitens stylesheet endnu...



Lasse Reichstein Nie~ (04-06-2003)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 04-06-03 17:08

"Jørgen Farum Jensen" <webmaster@webdesign101.dk> writes:
>
> Ja, og jeg burde ikke have været i tvivl. Når det er lovligt at bruge et
> billede i en p-markør må det også være det i en hn-markør.

Ja, img-elementer er (replaced) inline-elementer, og kan derfor bruges
overalt hvor man kan skrive inline tekst (altså næsten alt, undtaget
inde i option-elementer og text-area-elementer, som ikke må indeholder
HTML).

Det kan også ses i specifikationen.
<URL:http://www.w3.org/TR/html4/struct/global.html#h-7.5.5>
Hx-elementer må indeholde elementer i gruppen %inline.
Den gruppe inkluderer gruppen %special, som IMG ligger i.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
'Faith without judgement merely degrades the spirit divine.'

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

Månedens bedste
Årets bedste
Sidste års bedste