INPUT STYLE

[Zenda]

Hallo,

Ik heb in de style= van <INPUT> een style: border-right: #color solid thin;

Is het mogelijk om van #color een image te maken??
dus dat de rightborder geen kleur krijgt maar een image..

Alvast bedankt,

- Zenda

[Thijsmans]

ja, een background-image: url('blaat.gif') ofzo.

[OkkE]

Op woensdag 14 november 2001 15:45 schreef Prammenhanger het volgende:
ja, een background-image: url('blaat.gif') ofzo.

Werkt dat ook met borders dan?

[Dark Blue]

Op woensdag 14 november 2001 15:43 schreef Zenda het volgende:
Hallo,

Ik heb in de style= van <INPUT> een style: border-right: #color solid thin;

Is het mogelijk om van #color een image te maken??
dus dat de rightborder geen kleur krijgt maar een image..

Alvast bedankt,

- Zenda

nee, dan moet je {background-image: url('plaatje_met_randje_op_die_plek.jpg');} gebruiken...

[Zenda]

Op woensdag 14 november 2001 15:46 schreef Toeter84 het volgende:

[..]

nee, dan moet je {background-image: url('plaatje_met_randje_op_die_plek.jpg');} gebruiken...

dus dan wordt het:

style="border-right: { background-image: url('images/right.gif'); }

Thnx dudes!

- Zenda

edit:

heb het nu zo:

border-right: { background-image: url('img/search.gif') };

maar het werkt niet

[OkkE]

Op woensdag 14 november 2001 15:49 schreef Zenda het volgende:

...
maar het werkt niet
[/edit]

Nee, dacht ik ook al. Je kunt geen plaatje als border gebruiken.

[Dark Blue]

Op woensdag 14 november 2001 15:49 schreef Zenda het volgende:

[..]

dus dan wordt het:

style="border-right: { background-image: url('images/right.gif'); }

Thnx dudes!

- Zenda

edit:

heb het nu zo:

border-right: { background-image: url('img/search.gif') };

maar het werkt niet

Nee... je moet de hele input dus die achtergrond geven!
Stel je voor je wilt aan de linkerkant een randje met texture, dan maak je een plaatje zo:

++--------
++--------

Met aan die kant dus al het randje 'ingetekend'. Nadeel is wel dat die input dan een vaste afmeting moet hebben (voor als je het voor meerderen wilt gebruiken) of dat je hem gewoon superbreed maakt, zodat ie zelfs voor de allergrootste input nog zou passen (denk aan laadtijd...)

Dit moet je dus gewoon instellen als achtergrond van de input, niet van de border!

[Zenda]

En background-image werkt niet..
dan komt de image in de input zelf te staan
ik wil hem ernaast hebben..

[Zenda]

Op woensdag 14 november 2001 15:56 schreef Toeter84 het volgende:

[..]

Nee... je moet de hele input dus die achtergrond geven!

Ik zal het proberen, thnx dude

- Zenda

[OkkE]

Op woensdag 14 november 2001 15:57 schreef Zenda het volgende:

[..]

Ik zal het proberen, thnx dude

- Zenda

girl in dit geval

[Dark Blue]

Op woensdag 14 november 2001 15:56 schreef Zenda het volgende:
En background-image werkt niet..
dan komt de image in de input zelf te staan
ik wil hem ernaast hebben..

Ik neem aan dat je het randje links wilt;
dan stel je toch een padding-left in? Dan begint de tekst gewoon ietsje verderop en heb je ge'faked' dat het randje buiten de input staat...
en anders gewoon een tabelletje ernaast zetten en daar een plaatje met het goede randje inzetten...

screenshotje?

[Zenda]

Maar dude..

Als ik die input groot maak, dan kan ik ook overal typen ..
en ik wil dat je alleen in een klein stukje kan typen..

Is daar ook iets voor?? dat je coordinaten geeft over het stukje waar getypt mag worden??

- Zenda

[DeFeCt]

Op woensdag 14 november 2001 16:00 schreef Zenda het volgende:
Maar dude..

zoals Okke al zei...

[Zenda]

Eej dudet ..

Screenshotje,



Zo wil ik het dus hebben ..

- Zenda

[OkkE]

De vraag vond ik al raar, maar het begint steeds maffer te worden. Volgens mij is het heel makkelijk op een andere manier op te lossen.
Geef is gewoon een plaatje als voorbeeld, van wat je wil. Gewoon ff snel in PS gemaakt ofzo. En post ook gelijk ff je eigen source.

[Zenda]

Screenshotje staat er hoor

2 posts naar boven..

- Zenda

[Dark Blue]

Op woensdag 14 november 2001 16:00 schreef Zenda het volgende:
Maar dude..

Als ik die input groot maak, dan kan ik ook overal typen ..
en ik wil dat je alleen in een klein stukje kan typen..

Is daar ook iets voor?? dat je coordinaten geeft over het stukje waar getypt mag worden??

- Zenda

Het is girl ... *proof*...

Ik denk dat jij eens goed moet lezen voordat je meteen gaat lopen gillen... ik heb het niet over inputs groot maken, k heb het over een plaatje groot maken.

Stel je voor, je neemt een plaatje met aan de linkerkant een 'randje'.
Dus wat zie je bij een input box waar hij precies inpast? Juist, hij past, en het plaatje repeat niet.

code:

_______________
#         |
#         |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

Maar, als je precies daaronder een langere textbox hebt staan, (meestal zo in forms) die het zelfde effect moet hebben, gebruik je hetzelfde plaatje graag nog een keer. Wat gebeurt er dan?

code:

______________________________
#         #       |
#         #       |
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯

Precies, hij repeat horizontaal.
Daar had ik het over.

Omdat bij jou het randje ín de textbox zal staan, is het natuurlijk niet leuk als de tekst al bovenop dat randje begint. Daarom, beste Zenda, zet je in de style ook 'padding-left: 5px;' al naar gelang hoe breed je ingebouwde randje is.

Je krijgt dan dus dit:

code:

<input style="background-image: url('jouwplaatje.jpg'); padding-left: 5px;" type="text" name="naam" size="30">

Zo zou het moeten werken. Zelf dus nog een beetje aanpassen. 'padding-right' bestaat ook

[Zenda]

hmm..

plaatje is dus niet even groot als de input zoals je ziet
check screenshot.. paar posts hierboven..

naja vooruit nog een keer



zo moet het dus komen zeg maar..

Alvast bedankt voor je hulp

- Zenda

[Vulpes_Vulpes]

Op woensdag 14 november 2001 16:04 schreef Zenda het volgende:
Eej dudet ..

Screenshotje,

[afbeelding]

Zo wil ik het dus hebben ..

- Zenda

Kan je dan niet beter aan de rechterkant van je input box dan geen border meegeven en dan aan het plaatje van je vergrootglas een getekend stukje box zetten. Die twee naaadloos tegen elkaar zetten en volgens mij heb je dan wat jij bedoeld!

[Zenda]

hm.. moek ze wel precies even hoog doen.. thnx

- Zenda

[OkkE]

En als je nu eens in de source kijkt van die site!
Daar staat precies hoe hun het gedaan hebben. En verder staan er al een aantal prima oplossingen hier boven.

[Zenda]

Mensen!

Hartelijk bedankt allemaal

Het is me eindelijk gelukt.. Ik met mijn kop
begreep er natuurlijk weer nix van ..

- Zenda

[Zenda]

Op woensdag 14 november 2001 16:23 schreef OkkE het volgende:
En als je nu eens in de source kijkt van die site!
Daar staat precies hoe hun het gedaan hebben. En verder staan er al een aantal prima oplossingen hier boven.

Dat was een screenshot van mij .. was plaatje in photoshop..
heb ik gemaakt zeg maar.. komt niet van het web af

[Dark Blue]

Op woensdag 14 november 2001 16:20 schreef Vulpes_Vulpes het volgende:

[..]

Kan je dan niet beter aan de rechterkant van je input box dan geen border meegeven en dan aan het plaatje van je vergrootglas een getekend stukje box zetten. Die twee naaadloos tegen elkaar zetten en volgens mij heb je dan wat jij bedoeld!

Dat was ik dus net aan het posten, vette uitleg erbij, stuurt Razor me een link die mn browser doet crashen... anders had je de code nog cadeau gekregen ook zenda...


Tenminste nog het plaatje dat volgens mij precies erachter past... maar dat zul jij wel niet gebruiken als dit alleen een voorbeeldje was...

_{razorblade, bedankt voor die crash}

[Pelle]

Op woensdag 14 november 2001 16:33 schreef Toeter84 het volgende:
_{razorblade, bedankt voor die crash}

_{koop dan ook es een normale computer}

[Dark Blue]

Op woensdag 14 november 2001 16:38 schreef Pelle het volgende:

[..]

_{koop dan ook es een normale computer}

nee, Win2k is zo aardig om als je in de tray rechtermuisklikt op een IE icoontje en dan zegt 'sluiten' ook meteen alle Iexplorers te killen. Win98se deed dat niet. Natuurlijk wel handig als je zo'n page als die van MREn voor je neus krijgt maar niet leuk als je nog 10 belangrijke schermen had openstaan

overigens neem ik het terug dat ik het Razor verweet... tis gewoon win2k

[Pelle]

Op woensdag 14 november 2001 16:46 schreef Toeter84 het volgende:
overigens neem ik het terug dat ik het Razor verweet...

Pfoei gelukkig.. begon al bang te worden voor de eerste tweaker-divorce