login  Naam:   Wachtwoord: 
Registreer je!
 Forum

1 malig een plaatje als achtergrond gevolgd door een gewone kleur! (Opgelost)

Offline Black_Mamba - 21/02/2008 22:23 (laatste wijziging 21/02/2008 22:27)
Avatar van Black_MambaNieuw lid Mijn layout heeft als achtergrond van de layout dus niet de background van de site maar van de layout een plaatje die zich verlengt naarmate de tekst groter word..

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <td background="images/website/indexbg.png" height="502"><table width="800" border="0" cellspacing="0" cellpadding="0" >


Die bevat dus een achtergrond met een gebaksoort in mijn geval maar ik wil dat die maar 1x komt en niet zich herhaalt dus 1x daarna verder gaat met een kleur is dit mogelijk met css of html of zeggen jullie van zorg gewoon dat de afbeelding indexbg.png lekker lang word gemaakt en dan op die manier doen 

Dus me afbeelding en dan 1000px een kleur bijv 

4 antwoorden

Gesponsorde links
Offline elecomte - 21/02/2008 22:30 (laatste wijziging 21/02/2008 22:35)
Avatar van elecomte Grafische interesse Gebruik geen tabbel, maar bijvoorbeeld een div.

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="gebak">
  2.  
  3. Hier komt de tekst, waarachter het gebak plaatje zit
  4.  
  5. </div>


In je CSS plaats je het volgende:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #gebak {
  2. background-image:images/gebakje.jpg;
  3. background-repeat:no-repeat;
  4. }


Indien je je gebakjes plaatje wel wil herhalen, maar enkel horizontaal (x)of vertikaal (y) kan je volgende code gebruiken:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. background-repeat:repeat-x;
  2. background-repeat:repeat-y;



En om de div op de gewenste breedte te krijgen, voeg je width toe!;
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #gebak {
  2. background-image:images/gebakje.jpg;
  3. background-repeat:no-repeat;
  4. width:800px;
  5. }


Om, waar de afbeelding stopt, een achtergrond kleurtje toe te voegen, moet je ook nog het volgende lijntje, background-color, toevoegen;

css code - Bekijk de code zonder highlighting - Klap code in 
  1. #gebak {
  2. background-image:images/gebakje.jpg;
  3. background-repeat:no-repeat;
  4. background-color:#00CC00;
  5. width:800px;
  6. }
Offline Black_Mamba - 21/02/2008 22:44
Avatar van Black_Mamba Nieuw lid Ik ga aan de slag zal er denk ik wel uitkomen na zo'n mooie uitleg bedankt alvast 
Offline Dark_Paul - 21/02/2008 22:49
Avatar van Dark_Paul PHP ver gevorderde En dat kan allemaal ook nog in 1 regel zelfs!
css code - Bekijk de code zonder highlighting - Klap code in 
  1. background: #00cc00 url('images/gebakje.jpg') center no-repeat;
Offline Black_Mamba - 21/02/2008 22:56
Avatar van Black_Mamba Nieuw lid Ik ga morgen er wel even mee aanklooien  
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.175s