login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Afbeelding laten stretchen met tekst

Offline Jeroenla - 17/06/2009 17:49
Avatar van JeroenlaNieuw lid Hallo,
ik heb op dit moment een link die gevuld wordt met tekst uit een Variabele.
Deze tekst is soms kort, soms lang. Waarbij de tekst soms ook over twee regels wordt verdeeld.

Is het mogelijk om een afbeelding te gebruiken, bijvoorbeeld een grote rode knop, die automatisch meeschaalt met de grootte van de tekst (dus een grotere knop bij meer tekst)?

5 antwoorden

Gesponsorde links
Offline Rik - 17/06/2009 18:20
Avatar van Rik Gouden medailleGouden medaille

Crew algemeen		 Met CSS kun je een plaatje uitrekken, maar niet afhankelijk van de inhoud van een object (div bijvoorbeeld). Ook al zet je het als achtergrondafbeelding, het kan niet uitrekken.

Als je een knop hebt waarvan een deel (het midden bijvoorbeeld) horizontaal of verticaal kan worden uitgerekt (een van beiden) zou je met wat html een constructie kunnen maken dat het wel uitrekt.

Dat is echt afhankelijk van het plaatje, dus als je denkt dat het kan: post hem en dan kan ik een voorbeeldje maken.
Offline Jeroenla - 17/06/2009 18:37
Avatar van Jeroenla Nieuw lid [img]http://www.buttongenerator.com/temp/temp655890up.png[/img]

Iets van deze soort.
Offline Martijn - 17/06/2009 19:10 (laatste wijziging 17/06/2009 19:39)
Avatar van Martijn Crew PHP
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div>
  2.    <div style="width:10px;heigth:10px;background: url('begin.jpg');"></div>
  3.    <div style="heigth:10px;background: url('midden.jpg');">tekst</div>
  4.    <div style="width:10px;heigth:10px;background: url('eind.jpg');"</div>
  5. </div>


edit: als het niet naast elkaar staat moet je even wat spelen met float enzo Dit wekrt niet 100%, maar geeft je een duw in de richting
Offline Jeroenla - 17/06/2009 20:01
Avatar van Jeroenla Nieuw lid op zich een idee, maar dan heb je nog een probleem als de tekst over twee regels gaat.
Offline Martijn - 18/06/2009 13:11
Avatar van Martijn Crew PHP dan moet je een linkerbovenhoek maken, bovenmid en boven rechts, dan alles voor het midden en dan alles voor onder....

optie 2 is een div met daarin je plaatje width en heigth 100%, en dan met absolute er een div overheen zetten met tekst.

Maar als het plaatje dan groter word, word het niet mooier
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.169s