|
| Billeder i tabeller og HTML 4.01 standard Fra : Tonny Gregersen |
Dato : 25-10-02 20:03 |
|
Hej
Jeg sidder og laver en lille hjemmeside, som jeg gerne vil have til at
følge html 4.01 standarden. Jeg bruger en tabel til at lave min menu
med, hvor jeg bruger billeder i nogle af cellerne i tabellen og links i
nogle andre celler af tabellen.
Mit spørgsmål er om det er muligt at tilføje billeder i en tabel, så de
bliver scalleret, når man ændrer på tekststørrelsen vha. browserens
indbyggede scallering af text-size, og stadig følge HTML 4.01
standarden. Problemet er, at når man ændrer på tekststørrelsen, så
ændrer man jo på størrelsen af teksten af ens links og dermed så vil der
komme mellemrum mellem de billeder som man har i tabellen, hvilket ikke
er meningen.
Jeg ved godt, at man kan løse problemet ved at kun at anvende billeder i
sin menu, men nu vil jeg gerne lave et tekstfeldt, hvor der er en ramme
uden om ved at bruge samme metode, så det vil være rart om det var
muligt at kunne gøre det ovenstående.
Jeg ved desuden godt, at det er muligt at løse problemet ved at sætte en
baggrund i en TD:
<TD background='my_image.gif'>
Problemet med dette er blot, at det ikke er understøttet i HTML 4.01
standarden, og jeg vil af moralske grunde og for størst mulig
kompabilitet helst følge HTML 4.01 standarden.
Pt. bruger almindelig definering af billedets størrelse i en IMG tag,
men det giver mig ovennævnte problem, når man ændrer på tekststørrelsen,
da billederne så ikke bliver scalleret.
Hvis der er nogen, som har en god ide til, hvordan man løser problemet
og stadig understøtter HTML 4.01, så vil jeg være meget taknemmelig,
hvis de vil dele deres viden med mig.
Med venlig hilsen
Tonny Gregersen
| |
Lasse Reichstein Nie~ (25-10-2002)
| Kommentar Fra : Lasse Reichstein Nie~ |
Dato : 25-10-02 20:24 |
|
Tonny Gregersen <tonnyg@kom.auc.dk> writes:
> Mit spørgsmål er om det er muligt at tilføje billeder i en tabel, så
> de bliver scalleret, når man ændrer på tekststørrelsen vha. browserens
> indbyggede scallering af text-size, og stadig følge HTML 4.01
> standarden.
Brug height og width defineret i måleenheden "em" (størrelsen af et
lille "m" i fonten).
<img src="..." style="height:3em;width:10em" alt="...">
(validerer som HTML 4.01 Strict).
....
> <TD background='my_image.gif'>
> Problemet med dette er blot, at det ikke er understøttet i HTML 4.01
> standarden, og jeg vil af moralske grunde og for størst mulig
> kompabilitet helst følge HTML 4.01 standarden.
Brug CSS:
<td style="background:url(my_image.gif)">
Håber det hjælper
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'
| |
Rune Glerup (26-10-2002)
| Kommentar Fra : Rune Glerup |
Dato : 26-10-02 13:52 |
|
Lasse Reichstein Nielsen skrev:
> Brug height og width defineret i måleenheden "em" (størrelsen af et
> lille "m" i fonten).
En em er ikke “størrelsen af et lille ‘m’ i fonten.” En em er højden på
typen.
I meget gamle dage var en em _bredden_ af et _stort_ M, men det er længe
siden.
--
/Rune
w| http://kaboom.dk/
Har du ikke adgang til SSI? Prøv
< http://kaboom.dk/works/wwwhitepapers/preuploadincluding/>
| |
Knud Gert Ellentoft (25-10-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 25-10-02 20:25 |
|
Fri, 25 Oct 2002 21:03:05 +0200, skrev Tonny Gregersen
<tonnyg@kom.auc.dk>:
>Jeg ved desuden godt, at det er muligt at løse problemet ved at sætte en
>baggrund i en TD:
><TD background='my_image.gif'>
>Problemet med dette er blot, at det ikke er understøttet i HTML 4.01
>standarden, og jeg vil af moralske grunde og for størst mulig
>kompabilitet helst følge HTML 4.01 standarden.
Fordi det er meningen, at man skal bruge css til baggrunde.
<td style="background url(bg.gif)">
Iøvrigt bør du bruge css til formatering, angivelse af fonte,
størrelse, farver osv.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Tonny Gregersen (25-10-2002)
| Kommentar Fra : Tonny Gregersen |
Dato : 25-10-02 23:33 |
|
Knud Gert Ellentoft wrote:
> Fordi det er meningen, at man skal bruge css til baggrunde.
>
> <td style="background url(bg.gif)">
>
> Iøvrigt bør du bruge css til formatering, angivelse af fonte,
> størrelse, farver osv.
Jeg har nu lavet en css-fil, hvor jeg har tilføjet de billeder som jeg
bruger til min menu, og det virker for så vidt fint. Jeg har dog et
problem med gentagen brug af id's.
Jeg anvender som sagt en tabel til at lave en menu i. Da der er flere
links til andre html-sider, så vil jeg gerne genbruge nogle af de
billeder, som jeg viser til højre og venstre for mine links. Jeg bruger
id til at referere til dem i en TD-tag.
Det virker fint i min browser, men w3c's html-validator brokker sig over
at jeg anvener de samme id's flere gange. Er det ikke tilladt? Hvis
ikke, hvad skal man så anvende istedet?
Med venlig hilsen
Tonny Gregersen
PS. Et udpluk af hvad jeg gør i min css-fil kan ses nedenunder og
hvordan jeg anvender det i en TD-tag:
BILLEDE INFO I CSS-FIL:
#top_right
{
background-image:
url("./gfx/top_right.gif")
}
INDSÆTTELSE AF BILLEDE VED BRUG AF TD-TAG
<TD height='15' width='18' id='top_right'></TD>
| |
Niels Andersen (25-10-2002)
| Kommentar Fra : Niels Andersen |
Dato : 25-10-02 23:48 |
|
Tonny Gregersen wrote in <3DB9C684.5050302@kom.auc.dk>:
> Det virker fint i min browser, men w3c's html-validator brokker sig over
> at jeg anvener de samme id's flere gange. Er det ikke tilladt?
Nej. En ID er til identifikation af et bestemt objekt.
> Hvis ikke, hvad skal man så anvende istedet?
class.
> BILLEDE INFO I CSS-FIL:
> #top_right
..top_right
> {
> background-image:
> url("./gfx/top_right.gif")
> }
> INDSÆTTELSE AF BILLEDE VED BRUG AF TD-TAG
> <TD height='15' width='18' id='top_right'></TD>
<TD height='15' width='18' class='top_right'></TD>
--
Mvh.
Niels Andersen
(la nels. anersyn.)
| |
Tonny Gregersen (26-10-2002)
| Kommentar Fra : Tonny Gregersen |
Dato : 26-10-02 00:01 |
|
Mange tak for det - Det virker perfekt.
Med venlig hilsen
Tonny Gregersen
Niels Andersen wrote:
> Tonny Gregersen wrote in <3DB9C684.5050302@kom.auc.dk>:
>
>>Det virker fint i min browser, men w3c's html-validator brokker sig over
>>at jeg anvener de samme id's flere gange. Er det ikke tilladt
>
> Nej. En ID er til identifikation af et bestemt objekt
>
>>Hvis ikke, hvad skal man så anvende istedet?
>
> class
>
>>BILLEDE INFO I CSS-FIL:
>>#top_right
>
> .top_right
>
>>{
>>background-image:
>>url("./gfx/top_right.gif")
>>}
>>INDSÆTTELSE AF BILLEDE VED BRUG AF TD-TAG
>><TD height='15' width='18' id='top_right'></TD>
>
> <TD height='15' width='18' class='top_right'></TD>
| |
Knud Gert Ellentoft (25-10-2002)
| Kommentar Fra : Knud Gert Ellentoft |
Dato : 25-10-02 23:58 |
|
Sat, 26 Oct 2002 00:32:36 +0200, skrev Tonny Gregersen
<tonnyg@kom.auc.dk>:
>Det virker fint i min browser, men w3c's html-validator brokker sig over
>at jeg anvener de samme id's flere gange. Er det ikke tilladt?
Nej, id må kun bruges en gang.
Brug class i stedet for.
..classnavn {....}
<td class="classnavn">
classnavn kan være hvad som helst i et ord.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.
| |
Tonny Gregersen (25-10-2002)
| Kommentar Fra : Tonny Gregersen |
Dato : 25-10-02 20:54 |
|
Jeg ville lige sige tak for hjælpen. Jeg har lige testet med en lille
inline style, ligesom den I har beskrevet, og det virker fint. Jeg må
nok også indrømme, at det nok vil være bedst at smide det i en css-fil,
da jeg skal bruge det en del gang.
Endnu en gang tak for hjælpen.
Med venlig hilsen
Tonny Gregersen
| |
|
|