Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

[Bug] background optie in UBB tag table

Pagina: 1
Acties:
  • 47 views sinds 30-01-2008

Verwijderd

Topicstarter
Kom ik weer :P Ik wou het gister nog vermelden maar was het glad vergeten |:(

We nemen als voorbeeld:

inhoud 1.1inhoud 1.2
inhoud 2.1inhoud 2.2
inhoud 3.1inhoud 3.2


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
[table border=1 bordercolor=#000000 
background=http://www.bfmaps.nl/~lighteye/image_1.png]
[tr]
[td]inhoud 1.1[/td]
[td]inhoud 1.2[/td]
[/tr]

[tr]
[td]inhoud 2.1[/td]
[td]inhoud 2.2[/td]
[/tr]

[tr]
[td]inhoud 3.1[/td]
[td]inhoud 3.2[/td]
[/tr]
[/table]



De HTML code zoals gerenderd bij mij in oude template (geldt ook voor nieuwe template dacht ik, behalve dat cellpadding en/of spacing een andere waarde heeft):
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<table style=" background-color: #000000; background-image:
 url('http://www.bfmaps.nl/~lighteye/image_1.png');" 
cellspacing="1" cellpadding="2">
<tr>
<td  style="background-color:white;">inhoud 1.1</td>
<td  style="background-color:white;">inhoud 1.2</td>
</tr>
<tr>
<td  style="background-color:white;">inhoud 2.1</td>
<td  style="background-color:white;">inhoud 2.2</td>
</tr>
<tr>
<td  style="background-color:white;">inhoud 3.1</td>
<td  style="background-color:white;">inhoud 3.2</td>
</tr>
</table>


Naar mijn idee moet die style="background-color:white;" in de td tag er dus niet staan...

en hoe zit dat eigenlijk met de border (die zwart hoort te zijn in mijn voorbeeld) dan als die style="background-color:white;" wordt weggehaalt of zit dit in de css file?

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 10:27

crisp

Devver

Pixelated

De borders van de tabel zijn geen echte borders maar een visueel truukje door gebruik te maken van de achtergrondkleur op de tabel en cellspacing.
Dit heeft als reden dat dit de meest eenvoudige crossbrowser manier is om het voor elkaar te krijgen. Het kan ook met echte borders, maar dan moet je met een combinatie van border-collapse op de table en een borderdefinitie op elke cell gaan werken; niet elke browser ondersteund border-collapse (bv Safari en Konqueror), en je krijgt relatief erg veel gegenereerde code.
De background-image op de table is dus eigenlijk niet echt bruikbaar...

Intentionally left blank


Dit topic is gesloten.