Beste phphulpers!

Ik zag op een site een quote met achtergrond enzo en wil dit ook doen voor m'n quotes (wel andere achtergrond natuurlijk)
Het ziet er zo uit:



Nou heb ik het gekopierd en is het zo:



Achtergrond bestaat uit 2 plaatjes.
Eerste heeft de aanhalingstekens links en een achtergrond die 440x500 is.
Het tweede plaatje zijn alleen de rechtse aanhalingstekens, transparant en is 100x50.
Nou zie je dus dat het plaatje al te klein is.
Mijn vraag: Kan het niet beter 2 transparante plaatjes voor aanhalings tekens en de achtergrond met een backgroundcolor vullen?
Waarom zou er voor deze manier met plaatjes zijn gekozen?

Bvd!
Kijk gewoon in de CSS van Gigadesign :c) Of stuur Mark (de persoon achter de website) een mailtje :c)
Ik heb het niet over de CSS. Je ziet de screenshot dat ik de css al heb gekopierd + plaatjes.
De vraag is: Waarom is hier gekozen voor die manier van plaatjes en niet 2 kleine transparante plaatjes en een backgroundcolor (dan maakt het niet uit hoe groot het venster is, nou mag ie niet groter zijn dan 440, zie 2e screenshot)
Omdat je met CSS niet twee afbeeldingen voor één element als achtergrond kunt gebruiken gok ik.

Maar stuur Mark even een mailtje, hij weet het waarschijnlijk beter dan ik :c)
er worden zowieso al 2 afbeeldingen gebruikt maar dan inderdaad niet in 1 element.
Maar als het eerste nou net zo'n plaatje zou zijn als het tweede (dus klein transparant plaatje) en dan een backgroundcolor dan is het toch makkelijker? Ik zal het maandag even uitproberen.

Trusten en fijn weekend!

CSS:
blockquote {
background : transparent url(img/quote_1.gif) no-repeat top left;
border : 1px solid;
border-color : #000000;
}

blockquote p {
padding : 8px 8px 1px 8px;
background : transparent url(img/quote_2.gif) no-repeat bottom right;
color : #000000;
font : normal normal 1.3em/18px "Trebuchet MS", Verdana, serif;
}

[edit]
Nog even geprobeert, en vind mijn optie toch het makkelijkst en laad sneller. Heb alleen quote_1.gif op zelfde manier als quote_2.gif gemaakt en background-color toegevoegd.
[/edit]
Zo kan het ook jah. . .

Edit: Maar als er nu geen <p> aanwezig is op de één of andere manier, dan heb je één dubbele quote te weinig. Daar moet je dan wel even op letten :c)
Het gaat ook fout als er meer dan 1 <p> in zit. Ik zou een div in een div stoppen, en daar dan de <p>'s in zetten.

Reageren