CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

lordhead Nybegynder

17. juni 2003 - 19:35 Der er 19 kommentarer og
1 løsning

Få indsat et billede, med bredden 100%

Hej alle eksperter!

Umiddelbart lydder det jo nemt nok, hvis man skulle gå efter hvad der står i overskriften - men det er det (måske?) ikke!

Det jeg gerne vil have i mit HTML dokument, er et billede, der fylder 100% af en table, men som skal kunne tilpasse sig, med det samme udseende, selvom man har forskællige opløsninger.

Et eksempel på sådan et billede, kan findes på www.battle.net/diablo2exp/
Hvis i konsentrere jer om dér hvor der står "news" vil i opdage, at den ser ens ud, selvom i gør jeres browser-vindue mindre.

Nogen forslag, på hvordan dette gøres? - jeg kan fortælle at jeg HAR prøvet - men det kommer bare ikke til at se rigtigt ud!

Der er 100 points for et godt svar - men hvis det er en meget svær opgave, vil det selvfølgelig blive forhøjet :o)

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 19:43 #1

Hvis du ser i kildekoden for den der side gør de jo faktisk ikke andet end at lave en tabel med 100% bredde og derefter en celle med 100% bredde med billedet centreret inde i. Så umiddelbart gør de jo ikke noget særligt. Kunne vi se hvordan du måske har tænkt dig at gøre, og som åbenbart ikke virker?

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 19:45 #2

Virker det ikke hvis du skriver:
<img src="billede.jpg" width="100%">?

Synes godt om

cdc Novice

17. juni 2003 - 19:59 #3

se her: http://www.eksperten.dk/spm/356665

Synes godt om

cdc Novice

17. juni 2003 - 20:00 #4

eller denne: http://www.eksperten.dk/spm/364533

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 20:07 #5

/cdc >> Det var da ikke baggrunden han spurgte efter, eller har jeg bare misforstået det fuldstændig? ;-)

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 20:14 #6

Jo forresten jeg tror du har ret /cdc. Der er jo kun et lille billede i midten og så er det kun baggrundsbilledet der rykker sig.

Synes godt om

cdc Novice

17. juni 2003 - 20:15 #7

det er nogle forskellige løsninger på dette i de to links som loardhead kan bruge

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 20:28 #8

Han behøver dog ikke ligefrem bruge javascript for at gøre det. På den der diablo2 side bruger de bare en tabel med tre celled med det samme baggrundsbillede. I den første celle har de så den venstre "stolpe", i midten har de billedet "news" og til sidst den højre "stolpe".

Synes godt om

wiegstar Nybegynder

17. juni 2003 - 21:14 #9

<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td background="/images/battle/diablo2exp/images/mid-textboxtop-back.gif" align=left width=50%><img src="/images/battle/diablo2exp/images/mid-textboxtop-left.gif" border=0 width=36 height=23></td>
<td background="/images/battle/diablo2exp/images/mid-textboxtop-back.gif" align=right width=50%><img src="/images/battle/diablo2exp/images/mid-textboxtop-right.gif" border=0 width=36 height=23></td>
</tr>
</table>

taget fra sitet

Synes godt om

skovenborg Nybegynder

17. juni 2003 - 23:09 #10

lordhead >> Kunne du ikke sige hvordan du vil have at din skal se ud og hvad for nogle billeder du har?

Synes godt om

lordhead Nybegynder

18. juni 2003 - 07:34 #11

det er lige præcis som wiegstar skriver - bare med andre billeder.

Men når jeg selv rodder med det og skifter billederne ud, kommer det bare ikke til at se rigtigt ud!

Synes godt om

lordhead Nybegynder

18. juni 2003 - 07:37 #12

.. bortset fra, at wiegstar, har fået kopieret det forkerte stykke kode :o)

Synes godt om

lordhead Nybegynder

18. juni 2003 - 07:43 #13

I eftermiddag oploader jeg mit HTML dokument på min server, så i kan hjælpe med at få det rettet!

Synes godt om

lordhead Nybegynder

18. juni 2003 - 13:16 #14

Okay, here we go:

http://home20.inet.tele.dk/runedjurhuusandersen/privat/

jeg vil gerne (som i kan se) have news billedet til at fylde hele den midterste TD

Synes godt om

lordhead Nybegynder

18. juni 2003 - 13:17 #15

rettelse:

http://home20.inet.tele.dk/runedjurhuusandersen/Privat

Synes godt om

skovenborg Nybegynder

18. juni 2003 - 13:42 #16

Du skal også have den anden tabel til 100%:
<table border="0" cellpadding="0" cellspacing="0" bgcolor="white" width="100%">
<tr>
<td>

<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>

<td background="http://www.battle.net/images/battle/diablo2exp/images/headers/header-back.gif"><img src="http://www.battle.net/images/battle/diablo2exp/images/headers/header-left.gif" border=0 width=80 height=60></td>
<td background="http://www.battle.net/images/battle/diablo2exp/images/headers/header-back.gif" align=center width=100%><img src="http://www.battle.net/images/battle/diablo2exp/images/headers/news-news.gif" alt="News" border=0 width=135 height=60></td>
<td background="http://www.battle.net/images/battle/diablo2exp/images/headers/header-back.gif"><img src="http://www.battle.net/images/battle/diablo2exp/images/headers/header-right.gif" border=0 width=80 height=60></td>
</tr>
</table>

</td>

Synes godt om

lordhead Nybegynder

18. juni 2003 - 13:46 #17

skovenborg:

Det virker desværre heller ikke - og ang. den anden tabel, skal du da lige vide at jeg har gjordt præcis ligesom de har gjordt inde på battle.net/diablo2exp

Synes godt om

lordhead Nybegynder

18. juni 2003 - 13:51 #18

hehe...

Har faktisk fået det til at virke, og du havde jo ret med den "anden" tabel...

Bare mig der havde misforstået det du sagde :o)

- Læg et svar, skovenborg

Synes godt om

skovenborg Nybegynder

18. juni 2003 - 14:02 #19

Jamen så gør jeg det :-)

Du skal bare huske at når du sætter bredden på 100% er det i dette tilfælde 100% af en anden tabel hvor bredden bliver automatisk. Derfor gør det ingen forskel hvis du ikke selv specificerer hvor bred den anden tabel skal være - hvis du forstår.

Synes godt om

lordhead Nybegynder

18. juni 2003 - 14:10 #20

Jeg forstår udmærket godt hvad du mener - hvis det altså er det jeg tænker på ;)

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS