/ 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
Baggrund i en <td>
Fra : Claus Marcussen


Dato : 12-05-06 00:02

Hej.

Findes der en attribut, som sætter baggrund på en enkelt celle
<td> ??

Hilsen Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Per Rasmussen (12-05-2006)
Kommentar
Fra : Per Rasmussen


Dato : 12-05-06 00:10

Claus Marcussen wrote in dk.edb.internet.webdesign.html:
> Hej.
>
> Findes der en attribut, som sætter baggrund på en enkelt celle
> <td> ??
>
> Hilsen Claus
>

Jeg har på et tidspunkt gjort det ved at lægge en div ind i
tabelcellen:
<td'><div id='gul'>tekst</div></td>
I det her tilfælde havde jeg så sat divs baggrundsfarve til at
være gul i CSS.

PerR


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Bertel Lund Hansen (12-05-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 12-05-06 00:19

Per Rasmussen skrev:

> Jeg har på et tidspunkt gjort det ved at lægge en div ind i
> tabelcellen:
> <td'><div id='gul'>tekst</div></td>
> I det her tilfælde havde jeg så sat divs baggrundsfarve til at
> være gul i CSS.

Jeg slår lige et slag for class frem for id:

Hvis man pludselig kommer i tanker om at et tabelfelt mere skal
være gult, så skal man hen og rette i koden, både CSS og HTML.

Hvis man fra starten havde lavet en klasse, kunne man blot skrive
lige ud ad landevejen:

<th><div class='gul'>Mere tekst</div></th>

Id bør kun bruges hvis der er en tvingende grund til det.


En anden ting:
Med div får man ikke farvet en eventuel padding. Hvis man vil
sikre sig at hele feltet får baggrunden gul, skal man skrive:

<tr><td class='gul'>Gul baggrund?</td></tr>

Det er endda nemmere.

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

Claus Marcussen (12-05-2006)
Kommentar
Fra : Claus Marcussen


Dato : 12-05-06 09:29

Hej.

> Med div får man ikke farvet en eventuel padding. Hvis man vil
> sikre sig at hele feltet får baggrunden gul, skal man skrive:
>
> <tr><td class='gul'>Gul baggrund?</td></tr>

Og det afgør sagen - det bliver en class. Det jeg skal anvende det
til er en form for "barometer". På skakklubbens hjemmeside vil jeg
farve med grøn for vundne og rød for tabte point, således at farven
altid viser hvad man har og hvad man kan nå. Eksempel på skema er
http://www.erritsoe-skakklub.dk/resultat/resultat.asp?TurnID=9.

Vil forsøge mig med det i dag og vender tilbage NÅR jeg har
problemer.

Forløbig tak - Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Claus Marcussen (12-05-2006)
Kommentar
Fra : Claus Marcussen


Dato : 12-05-06 10:26

Hej

> Vil forsøge mig med det i dag og vender tilbage NÅR jeg har
> problemer.

Som lovet fik jeg problemer.

Jeg bruger en 2 pixel GIF som baggrund - jeg skal jo kunne lave halve
point. Det ser godt ud med hele point, men med halve så er det ikke
godt. Hvordan "strækker" man en grafik i CSS til at fylde det hele i
stedet for at repeate ??

Atter en gang tak - Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kerim Ellentoft (12-05-2006)
Kommentar
Fra : Kerim Ellentoft


Dato : 12-05-06 14:50

Claus Marcussen skrev:

>Jeg bruger en 2 pixel GIF som baggrund - jeg skal jo kunne lave halve
>point. Det ser godt ud med hele point, men med halve så er det ikke
>godt. Hvordan "strækker" man en grafik i CSS til at fylde det hele i
>stedet for at repeate ?

Man kan ikke ændre størrelsen på baggrundsbilleder.
--
Kerim - tidl. kendt som Knud Gert Ellentoft
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.

Claus Marcussen (12-05-2006)
Kommentar
Fra : Claus Marcussen


Dato : 12-05-06 15:52

Hej
>
> Man kan ikke ændre størrelsen på baggrundsbilleder.

Træls - nogen gode forslag til at få det til at se fornuftig ud ??
http://www.erritsoe-skakklub.dk/resultat/resultat.asp?TurnID=9

Hilsen Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Bertel Lund Hansen (12-05-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 12-05-06 21:47

Claus Marcussen skrev:

>> Med div får man ikke farvet en eventuel padding. Hvis man vil
>> sikre sig at hele feltet får baggrunden gul, skal man skrive:

>> <tr><td class='gul'>Gul baggrund?</td></tr>

> Og det afgør sagen - det bliver en class.

Det ser ud som om du misforstår. Det er ikke class der gør at
hele feltet farves. Men når du har mange felter der skal have
samme farve, vil det være idiotisk ikke at lave en klasse. En id
må kun bruges ét eneste sted på samme side.

Jeg har kikket på din side og har nogle kommentarer.

1. Giv klasserne mere meningsfulde navne. Om 6 måneder kan du
ikke huske hvad "Gg" er for noget.
2. Alle parametre skal stå i anførselstegn - enkelte eller
dobbelte.
3. Hvorfor bruger du giffer? Du kan bare sætte baggrundsfarven i
CSS.
4. Definer en klasse der hedder f.eks. 'green' til grøn og en
anden 'lightgreen' til de halve point.
5. Det baggrundsbillede der ligger bag hele siden, virker
forvirrende når man skal læse tabellen, bl.a. fordi den lyserøde
farve ligner et felt med et halvt point i.

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

Claus Marcussen (13-05-2006)
Kommentar
Fra : Claus Marcussen


Dato : 13-05-06 00:42

> 1. Giv klasserne mere meningsfulde navne. Om 6 måneder kan du
> ikke huske hvad "Gg" er for noget.

G er Grøn, R er Rød og b er blank (gennemsigtig)

> 5. Det baggrundsbillede der ligger bag hele siden, virker
> forvirrende når man skal læse tabellen, bl.a. fordi den lyserøde
> farve ligner et felt med et halvt point i.

Men den lyserøde er en gif med på 2 pixel - en gennemsigtig og en
rød. Det er jo mit problem - den skal ikke repeate og se lyderød ud
- den skal strækkes så der er 50% blank og 50 % rød - altså dele et
felt i farver.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Kim Ludvigsen (13-05-2006)
Kommentar
Fra : Kim Ludvigsen


Dato : 13-05-06 09:00

Den 13-05-06 01.42 skrev Claus Marcussen følgende:

> - den skal strækkes så der er 50% blank og 50 % rød - altså dele et
> felt i farver.

Så laver du en to-farvet gif med 1 pixels bredde og feltets højde (eller
omvendt), og så gentager du giffen på den anden led.

--
Mvh. Kim Ludvigsen
Gem internettet på din computer med Net Snippets.
http://kimludvigsen.dk

Claus Marcussen (13-05-2006)
Kommentar
Fra : Claus Marcussen


Dato : 13-05-06 11:12

Hej.

> Så laver du en to-farvet gif med 1 pixels bredde og feltets højde (eller
> omvendt), og så gentager du giffen på den anden led.

Men det kan jeg ikke - bredden er ikke fast, afhænger af antal runder, som
er forskellig fra turnering til turnering. Så det tyder næsten på, at jeg må
droppe ideen. Øv.

Hilsen Claus

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (13-05-2006)
Kommentar
Fra : Erik Ginnerskov


Dato : 13-05-06 22:50

Claus Marcussen wrote:

> Men det kan jeg ikke - bredden er ikke fast, afhænger af antal
> runder, som er forskellig fra turnering til turnering. Så det tyder
> næsten på, at jeg må droppe ideen. Øv.

Lav en gif 1 px bred og en tabelcelle høj. Giv giffen den ønskede farve på
den øverste halvdel og gør den gennemsigtig på resten.

Eller lav den bare ca. halv tabelcelle høj og ensfarvet. Indsæt den med
repeat-x.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk/ - http://ginnerskov.dk/
http://html-faq.dk/



Claus Marcussen - LØ~ (15-05-2006)
Kommentar
Fra : Claus Marcussen - LØ~


Dato : 15-05-06 18:24

Hej til alle der var indover.

Tak for mange gode råd - som desværre ikke var løsningen. De fleste gik på af
lave GIF i celle størrelse, men det er jo ikke nemt når man ikke kender
størrelsen på den i pixel, men kun i %.

Løsningen som jeg ønskede ses her :
http://erritsoe-skakklub.dk/resultat/resultat.asp?TurnID=9

Fidusen er en baggrundsfil, som under alleomstændigheder er større end feltet
- og så center på den. Håber andre kan bruge ideen.

Men tak for forsøgene - de var med til at hjælpe på "sporet". Fandt løsning
under en 2 timers DSB tur.

Hilsen Claus.

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ukendt (13-05-2006)
Kommentar
Fra : Ukendt


Dato : 13-05-06 05:09

On Fri, 12 May 2006 22:46:47 +0200, Bertel Lund Hansen wrote:

> Claus Marcussen skrev:
>
>>> Med div får man ikke farvet en eventuel padding. Hvis man vil
>>> sikre sig at hele feltet får baggrunden gul, skal man skrive:
>
>>> <tr><td class='gul'>Gul baggrund?</td></tr>
>
>> Og det afgør sagen - det bliver en class.
>
> Det ser ud som om du misforstår. Det er ikke class der gør at
> hele feltet farves. Men når du har mange felter der skal have
> samme farve, vil det være idiotisk ikke at lave en klasse. En id
> må kun bruges ét eneste sted på samme side.

Tillægsspørgsmå fra sidelinien: Hvornår og hvorfor bruger man så ID?
--
Venlig hilsen
Kurt Hansen

Bertel Lund Hansen (13-05-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 13-05-06 07:11

Kurt Hansen skrev:

> Tillægsspørgsmå fra sidelinien: Hvornår og hvorfor bruger man så ID?

Jeg bruger det kun til 'interne' links - altså når jeg laver
links til afsnit inden for siden selv. Der er det jo nødvendigt
at der kun er ét sted som linket kan føre til, så id er oplagt
til det.

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

Lasse Reichstein Nie~ (13-05-2006)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 13-05-06 11:02

Bertel Lund Hansen <nospamfilius@lundhansen.dk> writes:

> 4. Definer en klasse der hedder f.eks. 'green' til grøn og en
> anden 'lightgreen' til de halve point.

Det vil jeg så gerne lige advare mod.

En af fordelene ved at holde HTML og CSS adskilt er at man holder
indholdet i HTML'en og udseendet i CSS'en. Hvis man senere beslutter
af skifte udseendet af sit site, så er det nok at skifte CSS'en.

Den fordel forsvinder hvis man bruger inline CSS. Men den forsvinder
også næsten lige så meget hvis de "class"-attributter man putter ind
i sit HTML er rene forkortelser for inline CSS.

Prøv at bruge klassenavne der fortæller *hvad* elementet er, ikke
hvordan det skal se ud. Fx. class="evenTableLine" og class="oddTableLine"
i stedet for class="green". Så kan du om tre måneder beslutte at bruge
blå baggrund på dine tabeller uden at ændre HTML'en, og uden at skulle
huske at class="green" betyder blå (ej godt for vedligeholdelse).

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Bertel Lund Hansen (14-05-2006)
Kommentar
Fra : Bertel Lund Hansen


Dato : 14-05-06 11:22

Lasse Reichstein Nielsen skrev:

> Prøv at bruge klassenavne der fortæller *hvad* elementet er, ikke
> hvordan det skal se ud. Fx. class="evenTableLine" og class="oddTableLine"
> i stedet for class="green". Så kan du om tre måneder beslutte at bruge
> blå baggrund på dine tabeller uden at ændre HTML'en, og uden at skulle
> huske at class="green" betyder blå (ej godt for vedligeholdelse).

Fin pointe.

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

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

Månedens bedste
Årets bedste
Sidste års bedste