CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede 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)
Avatar billede 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?
Avatar billede skovenborg Nybegynder
17. juni 2003 - 19:45 #2
Virker det ikke hvis du skriver:
<img src="billede.jpg" width="100%">?
Avatar billede cdc Novice
17. juni 2003 - 19:59 #3
se her: http://www.eksperten.dk/spm/356665
Avatar billede cdc Novice
17. juni 2003 - 20:00 #4
eller denne: http://www.eksperten.dk/spm/364533
Avatar billede 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? ;-)
Avatar billede 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.
Avatar billede cdc Novice
17. juni 2003 - 20:15 #7
det er nogle forskellige løsninger på dette i de to links som loardhead kan bruge
Avatar billede 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".
Avatar billede 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
Avatar billede 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?
Avatar billede 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!
Avatar billede lordhead Nybegynder
18. juni 2003 - 07:37 #12
.. bortset fra, at wiegstar, har fået kopieret det forkerte stykke kode :o)
Avatar billede 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!
Avatar billede 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
Avatar billede lordhead Nybegynder
18. juni 2003 - 13:17 #15
rettelse:

http://home20.inet.tele.dk/runedjurhuusandersen/Privat
Avatar billede 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>
Avatar billede 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
Avatar billede 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
Avatar billede 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.
Avatar billede 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å ;)
Avatar billede 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.

Loading billede Opret Preview
Kategori
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
Variabler som ikke virker Af Frits Jensen i HTML 2 30/10/202409:37 30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML 2 29/09/202410:58 30/09/202412:04
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 22:30 Underlig meddelelse på skærmen Af Jordegern i E-mail programmer
I går 15:56 Navigation i Peugeot 3-2008 fra 2017 Af arnepedersen i Andet software
I går 14:10 Outlook henter ikke mails Af TTA i Office & Kontorpakker
I går 13:58 vise billeder i kartotek med store ikoner inklusive optagelsesdato Af Malm i Billedbehandling
I går 13:35 Adobe Elements 2019, Organizer Crasher Af mort1 i Billedbehandling
White papers
Flere white papers »


Premium
Teaser billede
Vil købe tele-løsninger til det offentlige for 370 millioner kroner
Læs mere »
Efterspørgslen på AI-regnekraft er enorm - og det smitter af på priserne: "Vi kan sælge næsten alt, hvad vi får ind"
Nyt værtøj fra Microsoft: Snart kan du reparere nedbrudte Windows-enheder på distancen
Politiet skriver kontrakt på 75 millioner kroner med dansk it-firma: Medarbejdere skal flytte ind hos politiet
Se alle »
Computerworld
Teaser billede
Microsofts nye pc er ekstrem billig – men kan blive ekstrem sikker og fleksibel
Læs mere »
Test: Prøv kun disse B&O-hovedtelefoner, hvis du har råd
Kæmpe datalæk på hospital: 750.000 patienters fortrolige data lækket
Telegigant klar med AI-baseret mormor: Holder telefon-svindlere fast i røret med sniksnak og dumme spørgsmål
Se alle »
CIO
Teaser billede
Konsulenthus vil rulle Microsoft 365 Copilot ud til 200.000 ansatte
Læs mere »
Kæmpe-opgave for Danske Bank har banet vej for fuldautomatiseret migrering til cloud: Nu udbredes metoden i hele AWS
Microsofts store årlige event: De tre vigtigste nøglebudskaber fra Satya Nadella om Microsofts fremtid
Tre vigtige erkendelser, som Computerworld tog med hjem fra Gartners store topmøde i Barcelona
Se alle »
Job & Karriere
Teaser billede
Microsoft klar med ny direktion for den danske forretning: Her er de nye direktører
Læs mere »
Efter skelsættende møde med sportscoach: Stor dansk it-arbejdsplads indfører fredags-fri og isbade i arbejdstiden
Linus Torvalds giver russiske Linux-udviklere sparket: Vil ikke have noget med dem at gøre
Topchef Sara Green mener, at der er brug for et radikalt nyt syn på it-ledelse - særligt én ny trend hader hun som pesten
Se alle »
White paper
Teaser billede
Sådan får du overblik og beskytter dine cloudapplikationer
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
Vær proaktiv og prioritér IT-sikkerheden – før det er for sent
MDR: Transparent sikkerhed og overvågning i realtid
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »