/ 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
Bg img ?
Fra : Steen F.


Dato : 31-03-11 22:00

Hvordan sætter man et billede ind som baggrundsbillede i en celle i en
tabel?
Jeg mente man kunne bruge noget med <bg img=billednavn.jpg> inde i cellen.
Grunden til at det skal indsættes som baggrundsbillede er, at der skal
en anden tabel "ovenpå" så man kan skrive noget tekst hen over billedet.

Mvh
Steen F.

 
 
Leif Neland (31-03-2011)
Kommentar
Fra : Leif Neland


Dato : 31-03-11 23:08

Den 31-03-2011 23:00, Steen F. skrev:
> Hvordan sætter man et billede ind som baggrundsbillede i en celle i en
> tabel?
> Jeg mente man kunne bruge noget med <bg img=billednavn.jpg> inde i cellen.
> Grunden til at det skal indsættes som baggrundsbillede er, at der skal
> en anden tabel "ovenpå" så man kan skrive noget tekst hen over billedet.
>

Brug CSS, enten i cellen, hvis billedet skal være unikt, eller i stylesheet.

<td style="background-image:url('paper.gif');">

Eller

<td id="Celle75">
og i css
#Celle75 {background-image:url('paper.gif')}

Leif

--
Bevar P2, luk P3, der er nok P3'er i forvejen.

Birger Sørensen (01-04-2011)
Kommentar
Fra : Birger Sørensen


Dato : 01-04-11 04:53

Den 01-04-2011, skrev Leif Neland:
> Den 31-03-2011 23:00, Steen F. skrev:
>> Hvordan sætter man et billede ind som baggrundsbillede i en celle i en
>> tabel?
>> Jeg mente man kunne bruge noget med <bg img=billednavn.jpg> inde i cellen.
>> Grunden til at det skal indsættes som baggrundsbillede er, at der skal
>> en anden tabel "ovenpå" så man kan skrive noget tekst hen over billedet.
>>
>
> Brug CSS, enten i cellen, hvis billedet skal være unikt, eller i stylesheet.
>
> <td style="background-image:url('paper.gif');">
>
> Eller
>
> <td id="Celle75">
> og i css
> #Celle75 {background-image:url('paper.gif')}
>
> Leif

Aht. vedligeholdelse og overskuleighed, bør man undgå indlejring ("i
cellen").
Og af samme årsager, er tabeller til tabulære data - ikke design.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Leif Neland (01-04-2011)
Kommentar
Fra : Leif Neland


Dato : 01-04-11 12:47


"Birger Sørensen" <sdc@bbsorensen.com> skrev i en meddelelse
news:4d954c1a$0$23753$14726298@news.sunsite.dk...
> Den 01-04-2011, skrev Leif Neland:
>> Den 31-03-2011 23:00, Steen F. skrev:
>>> Hvordan sætter man et billede ind som baggrundsbillede i en celle i en
>>> tabel?
>>> Jeg mente man kunne bruge noget med <bg img=billednavn.jpg> inde i
>>> cellen.
>>> Grunden til at det skal indsættes som baggrundsbillede er, at der skal
>>> en anden tabel "ovenpå" så man kan skrive noget tekst hen over billedet.
>>>
>>
>> Brug CSS, enten i cellen, hvis billedet skal være unikt, eller i
>> stylesheet.
>>
>> <td style="background-image:url('paper.gif');">
>
> Aht. vedligeholdelse og overskuleighed, bør man undgå indlejring ("i
> cellen").

Det kommer jo an på...

Hvis det er meningen at der er et unikt billede i hver celle, med en
tilhørende tekst, så er det da både lettere at vedligeholde og mere
overskueligt at have det samlet:

<td style="background-image:url('anders_and.gif');">Anders And er en hidsig
and</td>

<td style="background-image:url('onkel_joakim.gif');">Onkel Joakim har mange
penge</td>

At det så kan laves i CSS og positionerede layers osv. er så noget helt
andet, og mere kompliceret.

Leif



Birger Sørensen (01-04-2011)
Kommentar
Fra : Birger Sørensen


Dato : 01-04-11 13:03

Leif Neland kom med denne ide:
> At det så kan laves i CSS og positionerede layers osv. er så noget helt
> andet, og mere kompliceret.

Indhold i HTML.
Formattering i CSS.
Funktionalitet i scripting.

Du gør begyndere en bjørnetjeneste, ved at foreslå andet.
Det kan være, at du har arbejdet med tabeller siden Gorm den Gamle var
en lille dreng. Det har spørgeren her tydeligvis ikke.
Tabeller i tabeller bliver aldrig overskueligt - slet ikke som et
design element. Og det er overhovedet ikke mere kompliceret at bruge
div og CSS - til gengæld er det væsentligt nemmer at vedligeholde.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Leif Neland (01-04-2011)
Kommentar
Fra : Leif Neland


Dato : 01-04-11 21:20

Den 01-04-2011 14:02, Birger Sørensen skrev:
> Leif Neland kom med denne ide:
>> At det så kan laves i CSS og positionerede layers osv. er så noget
>> helt andet, og mere kompliceret.
>
> Indhold i HTML.
> Formattering i CSS.
> Funktionalitet i scripting.

Både billede og tekst er i dette tilfælde indhold, og det vil være
ulogisk at kaste billederne over i et stylesheet.

Leif

--
Bevar P2, luk P3, der er nok P3'er i forvejen.

Birger Sørensen (01-04-2011)
Kommentar
Fra : Birger Sørensen


Dato : 01-04-11 21:30

Leif Neland har bragt dette til os:
> Den 01-04-2011 14:02, Birger Sørensen skrev:
>> Leif Neland kom med denne ide:
>>> At det så kan laves i CSS og positionerede layers osv. er så noget
>>> helt andet, og mere kompliceret.
>>
>> Indhold i HTML.
>> Formattering i CSS.
>> Funktionalitet i scripting.
>
> Både billede og tekst er i dette tilfælde indhold, og det vil være ulogisk at
> kaste billederne over i et stylesheet.
>
> Leif

Nu bliver der kun spurgt om et baggrundsbillede i en td. Kender hverken
billedet eller indholdet i øvrigt.
Men da du nu har vedtaget at billedet er indhold, vil det jo så skulle
sættes ind som html - altså et <img> - og ikke som en baggrund,
eftersom en baggrund ikke har sin egen udstræknng, men tilpasser sig
elementets *indhold*.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Allan Vebel (01-04-2011)
Kommentar
Fra : Allan Vebel


Dato : 01-04-11 21:46

Birger Sørensen skrev:

> Indhold i HTML.
> Formattering i CSS.
> Funktionalitet i scripting.
>
> Du gør begyndere en bjørnetjeneste, ved at
> foreslå andet. Det kan være, at du har arbejdet
> med tabeller siden Gorm den Gamle var en lille
> dreng. Det har spørgeren her tydeligvis ikke.
> Tabeller i tabeller bliver aldrig overskueligt - slet
> ikke som et design element. Og det er overhovedet ikke mere kompliceret at bruge
> div og CSS - til gengæld er det væsentligt
> nemmere at vedligeholde.

Birger, altså - lige de samme tanker jeg var i gang
med at skrive

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk


Birger Sørensen (01-04-2011)
Kommentar
Fra : Birger Sørensen


Dato : 01-04-11 21:53

Allan Vebel frembragte:

> Birger, altså - lige de samme tanker jeg var i gang
> med at skrive

Undskyld! :/

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Allan Vebel (01-04-2011)
Kommentar
Fra : Allan Vebel


Dato : 01-04-11 22:34

Birger Sørensen skrev:

>> Birger, altså - lige de samme tanker jeg var i gang
>> med at skrive
>
> Undskyld! :/

Det viser bare at vi har samme tankegang hvad den
slags angår - og det er jo godt - bliv ved på den måde,
det fremmer design der er fri for tabeller og frames

--
Allan Vebel
http://vebel.dk | http://dmwebdesign.dk


Steen F. (03-04-2011)
Kommentar
Fra : Steen F.


Dato : 03-04-11 19:39

Den 01-04-2011 00:07, Leif Neland skrev:
> Brug CSS, enten i cellen, hvis billedet skal være unikt, eller i
> stylesheet.
>
> <td style="background-image:url('paper.gif');">
>
> Eller
>
> <td id="Celle75">
> og i css
> #Celle75 {background-image:url('paper.gif')}

Tak, det vil jeg afprøve.

Mvh
Steen F.

Karl Erik Christense~ (01-04-2011)
Kommentar
Fra : Karl Erik Christense~


Dato : 01-04-11 07:37

On 31-03-2011 23:00, Steen F. wrote:
> Hvordan sætter man et billede ind som baggrundsbillede i en celle i en
> tabel?
> Jeg mente man kunne bruge noget med <bg img=billednavn.jpg> inde i cellen.
> Grunden til at det skal indsættes som baggrundsbillede er, at der skal
> en anden tabel "ovenpå" så man kan skrive noget tekst hen over billedet.
>
> Mvh
> Steen F.

Birger har gjort dig opmærksom på anvendelse af tabeller - de bruges
ikke længere til layout.

Når det så er sagt, kan du lære en masse om design af tabeller her:
http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://www.tyveri-check.dk - Snyd tyven før han snyder dig!
http://webdesign.ranunkelvej.com - Artikler om webdesign


Søg
Reklame
Statistik
Spørgsmål : 177428
Tips : 31962
Nyheder : 719565
Indlæg : 6407943
Brugere : 218877

Månedens bedste
Årets bedste
Sidste års bedste