Welkom, Gast. Je bent niet ingelogd.

HTML Background maken

BaXiess
Geplaatst op: 16 Sep 2007, 00:25
PimpCoins: 0
💸+
Bewerken Quote

Als je in photoshop slicet krijg je zoiets als dit:

1
2
3
<td colspan=#>
    <img src="blaat.jpg">
</td>

nu las ik in een tutorial dat je er als achtergrond van moet maken en dat je dat met de style tag moet doen enzeuw maar ik vond die tutorial nogal vaag en ik snapte een aantal dingen er van niet en ik vroeg me af of iemand hier er een betere tutorial over heeft alvast bedankt

Sharp
:')
moderator
Geplaatst op: 16 Sep 2007, 07:27
PimpCoins: 0
💸+
Bewerken Quote

Wil je dat in css doen?
En wil je gewoon 1 image die de hele tijd herhaalt (x en y) of gewoon 1 plaatje die je 1x ziet?

BaXiess
Geplaatst op: 16 Sep 2007, 12:33
PimpCoins: 0
💸+
Bewerken Quote

uhm njah in css jah, dus zeuw:

1
2
3
4
5
<td style="
background image: url('blaat.jpg')
>
content
</td>

inplaats van wat ik bovenaan zei, dit dus:
1
2
3
<td colspan=#> 
    <img src="blaat.jpg"> 
</td>

en dat het plaatje herlaad ja maar dat is met repeat: repeat ofzeuw toch??

Basjee
Octo
Geplaatst op: 16 Sep 2007, 12:39
PimpCoins: 0
💸+
Bewerken Quote

Wil je dat plaatje herhalen in die tabel?

BaXiess
Geplaatst op: 16 Sep 2007, 12:57
PimpCoins: 0
💸+
Bewerken Quote

als de tabel groter is dan het plaatje wil ik dat ie herhaald jah maar het gaat me niet zozeer om het herhalen want daar kan ik wel achter komen maar meer om hoe ik nou er voor moet zorgen om alles als achtergrond te maken

Suma
heeft gelijk
Geplaatst op: 16 Sep 2007, 16:35
PimpCoins: 0
💸+
Bewerken Quote

repeat-x is horizontaal herhalen repeat-y is verticaal herhalen en repeat is gewoon herhalen

BaXiess
Geplaatst op: 16 Sep 2007, 18:11
PimpCoins: 0
💸+
Bewerken Quote

jah i know maar dat wil ik helemaal niet weten

Nanne
Doe een wens!
Geplaatst op: 16 Sep 2007, 19:13
PimpCoins: 0
💸+
Bewerken Quote

Als je het wilt hebben in een tabel:

1
2
3
<td style="background-image:url('blaat.jpg'); background-repeat:repeat"> 

</td>

En op de hele pagina: (tussen <head></head>

1
2
3
4
5
6
7
8
<style type="text/css">
<!--
body {
background-image:url('blaat.jpg'); 
background-repeat:repeat;
}
-->
</style>

[Laatst bewerkt door Nanne op zondag 16 september 2007, om 19:14]
BaXiess
Geplaatst op: 16 Sep 2007, 19:14
PimpCoins: 0
💸+
Bewerken Quote

en dat moet bij elke td?? want daar stond alleen td rowspan als voorbeeld maar nergens werd gemeld of je colspan en de gewone td's ook moest doen

Nanne
Doe een wens!
Geplaatst op: 16 Sep 2007, 19:24
PimpCoins: 0
💸+
Bewerken Quote

Het kan ook zo:
Dit moet dan <head></head>

1
2
3
4
5
6
7
8
<style type="text/css"> 
<!-- 
td.stijl1 { 
background-image:url('blaat.jpg');  
background-repeat:repeat; 
} 
--> 
</style>

En dan ziet een td erzo uit:

1
2
3
<td class="stijl1">
Tekst
</td>

BaXiess
Geplaatst op: 16 Sep 2007, 19:29
PimpCoins: 0
💸+
Bewerken Quote

njah maar ik heb verschillende td's met verschillende images, maar ik moet dus als ik het goed begrijp alle td's veranderen? dus de:

1
2
3
4
<td>
<td rowspan=#>
<td colspan=#>
<td rowspan=# colspan=#>

??

Saven
admin
Geplaatst op: 16 Sep 2007, 19:35
PimpCoins: 0
💸+
Bewerken Quote

Je moet niet in photoshop zelf slicen
Je moet alles met de hand uitsnijden zegmaar, die als plaatjes opslaan en zelf aan het divven gaan

Nanne
Doe een wens!
Geplaatst op: 16 Sep 2007, 19:40
PimpCoins: 0
💸+
Bewerken Quote

Saven schreef:

Je moet niet in photoshop zelf slicen
Je moet alles met de hand uitsnijden zegmaar, die als plaatjes opslaan en zelf aan het divven gaan

Jep anders krijg je van die KUT problemen dat ie het in firefox wel doet maar niet in internet explorer (of andersom) en daar word je echt GEK van.

BaXiess
Geplaatst op: 16 Sep 2007, 20:24
PimpCoins: 0
💸+
Bewerken Quote

en heb je daar een goede tutorial over??

Suma
heeft gelijk
Geplaatst op: 17 Sep 2007, 09:48
PimpCoins: 0
💸+
Bewerken Quote

Nanne schreef:

[...]

Jep anders krijg je van die KUT problemen dat ie het in firefox wel doet maar niet in internet explorer (of andersom) en daar word je echt GEK van.


ik ook.. en ik heb vooral dood haat aan IE 6

Rinaldo
Geplaatst op: 17 Sep 2007, 13:59
PimpCoins: 0
💸+
Bewerken Quote

Suma schreef:

[...]
ik ook.. en ik heb vooral dood haat aan IE 6

.

Basjee
Octo
Geplaatst op: 18 Sep 2007, 09:10
PimpCoins: 0
💸+
Bewerken Quote

Als je het gewoon goed begrijpt, lukt het in bijna elke browser.

📫

Nieuw privébericht

🔥

Registreren


Login