Toon posts:

[CSS] Background image stretch

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hoi. Ik ben m'n knoppies voor http://www.nvlf.nl een beetje aan't aanpassen op toeter's advies.

test: http://www.nvlf.nl/test/

het probleem komt tevoorschijn bij 'multi line' menu items:

http://www.nvlf.nl/test/index.php3?cat=%2FLogopedie%2FPatientenklachtregeling%2F

Is er een CSS property die de background image kan stretchen :?

Ik kan nix vinden hierover op w3schools.com namelijk :{

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 20:06

RM-rf

1 2 3 4 5 7 6 8 9

nee background stretching is onmogelijk
dit aangezien stretching lelijke effecten opleverd: een button die opeens uitgerekt is, is niet bepaald 'mooi'

wat hooguit in de buurt komt is background-repeat (om te voorkomen dat je image gaat tilen)
of anders een structuur te maken waar je de top en/of bottom van je afbeelding apart houdt van de herhalende achtergrond, bv een 'harde' image boven en onder de tekst plaatsen over de volle breedte van de td, de td kan dan gewoon een herhalende structuur als achtergrond hebben (de button)

eventueel kan je ook een script maken dat de hoogte van de Td checked (onload, of zodra de content veranderd) en als die hoogte groter is een andere afbeelding als achtergrond zet (wordt wel lstig voor ns4x, maar moz en msie doen dat uitstekend)

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<table>

  <tr>

    <td>[img]"bovenste[/img]</td>
 
    <td background="midden van knop"> Logopedische stoornissen</td>
 
    <td>[img]"onderste[/img]</td>
 
  </tr>

</table>

Verwijderd

Topicstarter
Op woensdag 07 november 2001 12:34 schreef 2 het volgende:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
<table>

  <tr>

    <td>[img]"bovenste[/img]</td>
 
    <td background="midden van knop"> Logopedische stoornissen</td>
 
    <td>[img]"onderste[/img]</td>
 
  </tr>

</table>
Zo moet het inderdaad maar ja... dat was dus de optie die ik gelijk al in m'n hoofd had, maar als het makkelijker kán... ;)

niet dus :(

/me gaat ff klussen.

bedankt! :)

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 21:19

Pelle

🚴‍♂️

Aaaaargh! Please, do me a favor en laat die images zoals ze nu zijn!

Wat een ontzettend foute bevel is dit zeg.. valt me een beetje tegen van je (en van toeter) :)

No offence, maar doe mij een plezier, en laat 'm zoals hij nu is ;)

  • oh,when?
  • Registratie: April 2000
  • Niet online

oh,when?

...

Op woensdag 07 november 2001 12:43 schreef Pelle het volgende:
Aaaaargh! Please, do me a favor en laat die images zoals ze nu zijn!

Wat een ontzettend foute bevel is dit zeg.. valt me een beetje tegen van je (en van toeter) :)
:D

* oh,when? wilde net hetzelfde zeggen..

en we zijn weer terug in 1998 met zulke mooie Eyecandy bevels :+ ;)

"You're only as good, as what you did last week."


Verwijderd

Topicstarter
Op woensdag 07 november 2001 12:47 schreef oh,when? het volgende:

[..]

:D

* oh,when? wilde net hetzelfde zeggen..

en we zijn weer terug in 1998 met zulke mooie Eyecandy bevels :+ ;)
tis geen eyecandy :P
en k laat ze er lekker in zitten.
Bevels zijn nu wel genoeg 'uit' om ze weer eens te gebruiken vind ik.

  • MAZZA
  • Registratie: Januari 2000
  • Laatst online: 09-09 15:29

MAZZA

Barbie is er weer!

Op woensdag 07 november 2001 12:47 schreef oh,when? het volgende:

[..]

:D

* oh,when? wilde net hetzelfde zeggen..

en we zijn weer terug in 1998 met zulke mooie Eyecandy bevels :+ ;)
Maak je me toch benieuwd naar een bevel van Q3 2001 ? :)

  • 2
  • Registratie: November 2000
  • Laatst online: 31-03 13:52

2

Op woensdag 07 november 2001 12:51 schreef Razor_Blade het volgende:

[..]

tis geen eyecandy :P
en k laat ze er lekker in zitten.
Bevels zijn nu wel genoeg 'uit' om ze weer eens te gebruiken vind ik.
onder

de

plak

;)

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 21:19

Pelle

🚴‍♂️

Op woensdag 07 november 2001 13:44 schreef 2 het volgende:
onder

de

plak

;)
Whaaaa lol @ 2 :)
Pagina: 1