/ 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
<TD style="..." - flere parametre!!
Fra : Kasper


Dato : 07-07-04 21:04

Hej Alle,

Jeg har for efterhånden længe siden fundet en stump kode på nettet, så jeg
kunne sætte et baggrundsbillede ind på mine sider i enkelte celler af mine
tabeller.

Koden ser sådan ud:
<TD colspan="3" bgcolor="#FFFFFF" align="right" valign="bottom"
style="background-image:url(images/bundgrad.jpg)">
<CENTER><DIV class="footer">al min tekst står her</DIV></CENTER>

Det fungerer også som det skal. Cellen spænder over de tre kolonner, teksten
fanger den rigtige DIV i stylesheet'et og står centreret, baggrundsbilledet
bliver sat i og trykket ned i højre hjørne af cellen - men baggrundsbilledet
bliver gentaget ved siden af sig selv(!) mod venstre, så det altså bliver
vist tre gange i cellen!! Det er jo ikke meningen!!

Jeg har vist efterhånden opbrugt min kvote af google-søgninger for denne
måned, men kan simpelthen stadig ikke finde noget om parametrer jeg kan
skrive ind for at undgå gentagelsen.

Der skulle vel ikke være en her som kunne komme med det gyldne svar!!


Med venlig hilsen

Kasper



 
 
Ryan Kristensen (07-07-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 07-07-04 21:13

On Wed, 7 Jul 2004 22:03:57 +0200, Kasper
<bashful@dette-skal-slettes-wanadoo.dk> wrote:

> - men baggrundsbilledet
> bliver gentaget ved siden af sig selv(!) mod venstre, så det altså bliver
> vist tre gange i cellen!! Det er jo ikke meningen!!

Det hedder: background-repeat: no-repeat;

Prøv at skriv:
<TD colspan="3" align="right" valign="bottom"
style="background-image:url(images/bundgrad.jpg);background-repeat:no-repeat;background-color:#fff;">

--
Ryan Kristensen

Kasper (07-07-2004)
Kommentar
Fra : Kasper


Dato : 07-07-04 21:30

> > - men baggrundsbilledet
> > bliver gentaget ved siden af sig selv(!) mod venstre, så det altså
bliver
> > vist tre gange i cellen!! Det er jo ikke meningen!!
>
> Det hedder: background-repeat: no-repeat;
>
> Prøv at skriv:
> <TD colspan="3" align="right" valign="bottom"
>
style="background-image:url(images/bundgrad.jpg);background-repeat:no-repeat
;background-color:#fff;">


Jamen det er jo fantastisk... ... det gjorde udslaget... næsten ihvert
fald!!
Jeg troede ihvert fald før at billedet var placeret til højre og så gentaget
mod venstre, men det var altså omvendt!!
Det er somom align="right"-tag'et ignoreres, der sker heller ingen
forandring hvis jeg skriver align="center" istedet - bliver står stadig til
venstre.
Det var forresten også nødvendigt at skrive height="65" ind i cellen da
cellen ellers kun reagerede på tekstens højde og ikke billedet.

Du skal have tak for den hjælp du allerede har givet, jeg håber dog du lige
kan komme med endnu et guldkorn til!!

En anden ting: Mainemarks der også svarede på min post foreslog et link, da
jeg kiggede nærmere på dét er alle disse værdier sat ind i stylesheetet
fremfor i selve koden - er det at foretrække eller er det et
religionsspørgsmål??


Med venlig hilsen

Kasper



Erik Ginnerskov (07-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-04 21:53

Kasper wrote:

> Det var forresten også nødvendigt at skrive height="65" ind i cellen
> da cellen ellers kun reagerede på tekstens højde og ikke billedet.

I så fald skal højden også defineres i css:

<td colspan="3" style="height:65px;
background-image:url(images/bundgrad.jpg);
background-position: bottom right; background-repeat:no-repeat;
background-color:#fff;">

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Kasper (07-07-2004)
Kommentar
Fra : Kasper


Dato : 07-07-04 22:15

> I så fald skal højden også defineres i css:
>
> <td colspan="3" style="height:65px;
> background-image:url(images/bundgrad.jpg);
> background-position: bottom right; background-repeat:no-repeat;
> background-color:#fff;">

Hej Erik,

Hvad mener du med "også"? Resten af propperties'ne har jeg jo deffineret i
selve koden, også højden som virker som det skal - nu hvor det er blevet
deffineret altså...
Det fungerer også fint med no-repeat-funktionen nu, det eneste problem der
er tilbage er, at baggrundsbilledet ikke reagerer på align="right" men lader
billedet blive stående venstrestillet. Det gør heller ingen forskel om jeg
skriver align="center", da det virker somom align helt bliver ignoreret i
denne sammenhæng... !

Håber du kan komme med en forklaring - eller en løsning - på dette lille
problem.

En anden lille ting: Er der nogen speciel grund til hvorfor der står
background-color:#fff; med kun tre og ikke seks f'er??


Med venlig hilsen

Kasper



Erik Ginnerskov (07-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-04 22:53

Kasper wrote:
>> I så fald skal højden også defineres i css:
>>
>> <td colspan="3" style="height:65px;
>> background-image:url(images/bundgrad.jpg);
>> background-position: bottom right; background-repeat:no-repeat;
>> background-color:#fff;">
>
> Hej Erik,
>
> Hvad mener du med "også"?

Jeg havde et øjeblik før givet en rettelse til Ryans kode - uden højde
defineret på td. Højden på en td skal defineres i css, som jeg viste - ikke
i html, som du havde gjort.

> En anden lille ting: Er der nogen speciel grund til hvorfor der står
> background-color:#fff; med kun tre og ikke seks f'er??

Når alle tre farver hver for sig er defineret med to ens hexadecimale cifre,
er det lovligt at forkorte værdierne til enkeltnotation:

#3366ff er det samme som #36f

#3466ff lader sig ikke forkorte, da angivelsen for rød bestå at to
forskellige cifre.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (07-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-04 21:49

Ryan Kristensen wrote:

> Det hedder: background-repeat: no-repeat;
>
> Prøv at skriv:
> <TD colspan="3" align="right" valign="bottom"
>
style="background-image:url(images/bundgrad.jpg);background-repeat:no-repeat
;background-color:#fff;">

Når vi nu er i gang med css, skal vi så ikke lige få de sidste detaljer
klaret også:

<td colspan="3" style="background-image:url(images/bundgrad.jpg);
background-position: bottom right; background-repeat:no-repeat;
background-color:#fff;">

Egenskaberne align og valign er html 3.2, så det er der vel ikke nogen grund
til at lære fra sig. ;)

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Ryan Kristensen (07-07-2004)
Kommentar
Fra : Ryan Kristensen


Dato : 07-07-04 22:17

On Wed, 7 Jul 2004 22:49:16 +0200, Erik Ginnerskov
<erik@donotspammmeplease.invalid> wrote:

> Når vi nu er i gang med css, skal vi så ikke lige få de sidste detaljer
> klaret også:

Selvfølgelig, - min fejl.

--
Ryan Kristensen

Knud Gert Ellentoft (07-07-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 07-07-04 22:40

Erik Ginnerskov skrev:

><td colspan="3" style="background-image:url(images/bundgrad.jpg);
>background-position: bottom right; background-repeat:no-repeat;
>background-color:#fff;">

Og hvorfor nu så ikke gøre det mere enkelt ved at samle det i
background (og background skulle være bredere understøttet,
selvom man vist skal tilbage til ældre browsere for at det
betyder noget).

<td colspan="3" style="background: #fff url(images/bundgrad.jpg)
bottom right no-repeat">
--
Knud

Erik Ginnerskov (07-07-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 07-07-04 22:55

Knud Gert Ellentoft wrote:

> Og hvorfor nu så ikke gøre det mere enkelt ved at samle det i
> background (og background skulle være bredere understøttet,
> selvom man vist skal tilbage til ældre browsere for at det
> betyder noget).
>
> <td colspan="3" style="background: #fff url(images/bundgrad.jpg)
> bottom right no-repeat">

S'fø'lig

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Mainemarks (07-07-2004)
Kommentar
Fra : Mainemarks


Dato : 07-07-04 21:13

<snip>
- men baggrundsbilledet
> bliver gentaget ved siden af sig selv(!) mod venstre, så det altså bliver
> vist tre gange i cellen!! Det er jo ikke meningen!!

Du kan vist bruge det her:

http://www.html.dk/tutorials/css/lektion3.asp




Bertel Lund Hansen (07-07-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 07-07-04 21:16

Kasper skrev:

>Jeg har vist efterhånden opbrugt min kvote af google-søgninger for denne
>måned, men kan simpelthen stadig ikke finde noget om parametrer jeg kan
>skrive ind for at undgå gentagelsen.

background: no-repeat;

>Der skulle vel ikke være en her som kunne komme med det gyldne svar!!

Jeg har fundet ud af at Topstyle Lite er et suverænt godt program
til CSS. Det viser bl.a. en liste over parametre og de værdier
man kan bruge. Det gør det meget nemmere at skrive CSS-arket, og
det kan også bruges bare til inspiration.

Og så er det gratis.

http://www.bradsoft.com/index.asp

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Kasper (07-07-2004)
Kommentar
Fra : Kasper


Dato : 07-07-04 21:40

> Jeg har fundet ud af at Topstyle Lite er et suverænt godt program
> til CSS. Det viser bl.a. en liste over parametre og de værdier
> man kan bruge. Det gør det meget nemmere at skrive CSS-arket, og
> det kan også bruges bare til inspiration.
>
> Og så er det gratis.
>
> http://www.bradsoft.com/index.asp

det vil jeg da lige se nærmere på. Da jeg fik set nærmere på Mainemarks link
i denne tråd, så jeg også at værdierne her var skrevet ind i stylesheetet. I
det eksempel jeg kom med fra min egen kode har jeg skrevet
background-propperties'ne direkte i koden... hvad der så end skulle være at
foretrække... det må jeg vist få læst lidt mere på ...

Så lige for en sidebemærkning der ikke har noget med subject at gøre:
Med hensyn til meta-data som jeg synes er ganske omfattende har jeg fundet
www.metamaten.dk - en genial måde at få fremstillet sine meta-data på.


Med venlig hilsen

Kasper



Bertel Lund Hansen (07-07-2004)
Kommentar
Fra : Bertel Lund Hansen


Dato : 07-07-04 22:10

Kasper skrev:

>det eksempel jeg kom med fra min egen kode har jeg skrevet
>background-propperties'ne direkte i koden... hvad der så end skulle være at
>foretrække... det må jeg vist få læst lidt mere på ...

Hvis du skriver dine styles i HTML-filen, så kan de ikke bruges
af andre sider.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

Kasper (07-07-2004)
Kommentar
Fra : Kasper


Dato : 07-07-04 22:18

> Hvis du skriver dine styles i HTML-filen, så kan de ikke bruges
> af andre sider.

Ooh, okay... det tror jeg dog heller ikke bliver aktuelt da
baggrundsbilledet jeg her sætter ind skal bruges i en celle i bunden af
siden. Resten af hele sitets indhold loades i en celle ovenfor.
Du skal dog have tak for dit input, så har jeg da ihvert fald lært noget
nyt...


Med venlig hilsen

Kasper



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

Månedens bedste
Årets bedste
Sidste års bedste