[html / css] browse knop

[Verwijderd]

Ik ben een website aan het bouwen met daarin een pagina waar een browse knop zit. dit is dus een

code:

<INPUT name="bestand" type="file">

nu heb ik de send button onderaan mijn formulier heb ik kunnen stylen met een style erin

code:

<INPUT type="text" name="postcode" value="" size="7" 
maxlength="7" style="background: #ffffff; width:50;  border :
 1 solid #000000; border-bottom : 1 solid #000000; 
border-bottom-width : 1; border-top : 1 solid #000000;
 border-top-width : 1; border-left : 1 solid #000000;
 border-left-width : 1;border-right : 1 solid #000000; 
border-right-width : 1;">

nu werkt deze style niet voor die browse knop, en daarom valt die knop eigenlijk een beetje uit toon.

Is er een mogelijkheid om die knop te stylen of er wellicht anders een plaatje van te maken?

[Hangloozz]

ehm, een send-button?
je bedoelt waarschijnlijk een submit-button?

Als dat zo is dan is je voorbeeld niet juist want dat betreft de code voor een invoerveld.

Als je bovenstaande stylecode in een class mikt en aanroept als class lijkt me dat dat moet werken.

Wat ik nog wel ff zou doen is alle afmetingen in px opgeven:

code:

.submit {background: #ffffff; 
               width:50;  
               border : 1px solid #000000; border-bottom : 1px solid #000000; 
               border-bottom-width : 1px; border-top : 1px solid #000000;
               border-top-width : 1px; border-left : 1px solid #000000;
               border-left-width : 1px;border-right : 1px solid #000000; 
               border-right-width : 1px;
        }

[Willem]

Ik zou zowieso de style extern aanroepen met:

code:

<input type="file" class="pauper">

En dan een extern CSS file maken met

code:

.pauper {
  background-color: #ffffff;
  width: 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
}

Ik zou i.p.v. al die border-x dingen gewoon consistent 1 tag gebruiken. Je deed een border definieren voor eromheen, en ook nog eens voor alle zijden apart. Dat schiet niet op.

Ik vind het persoonlijk handig om de maten van de breedte van bepaalde elementen in px (pixels) op te geven, dan kun je op het scherm heel erg exact afmeten hoe groot iets moet zijn.


Zo zou het allemaal wel moeten werken.

_{/edit
En mr. Hanglooz was me weereens voor.
Met CSS 2 word dit trouwens zo makkelijk allemaal...}

[Pelle]

Nee, gaat niet werken. Helaas pindakaas.

[Willem]

Hangloozz:
ehm, een send-button?
je bedoelt waarschijnlijk een submit-button?

Als dat zo is dan is je voorbeeld niet juist want dat betreft de code voor een invoerveld.

Wat ik uit de topictitel opmaak is dat het om een browse-knop gaat...

[Verwijderd]

nee het gaat om de browse knop.
die send of submit button is het probleem niet, die kan ik dus wel stijlen met die style, maar bovenin mijn formulier zit een input veld met daaracther een browse knop, dat is dat input type"file" dingetje, en die kan ik niet stijlen als ik die style erin gooi, waardoor die lelijk 'standaard' grijs blijft.
die browse knop wil ik dus ook kunnen stijlen.

[Willem]

Pelle:
Nee, gaat niet werken. Helaas pindakaas.

Je hebt gelijk.
De background-color: #ffffff; werkt niet.
De rest wel.

[Hangloozz]

Op donderdag 21 februari 2002 00:09 schreef willem169 het volgende:


Wat ik uit de topictitel opmaak is dat het om een browse-knop gaat...

correct, en mijn opmerking was incorrect...
ik dacht dattie de submit wilde stylen

Maar, zoals Pelle al zei, dan wordt het moeilijk want een browse valt, net als de dropdownbox, onder de inputtypes die Windows rendered...

[Willem]

Hangloozz:
correct, en mijn opmerking was incorrect...
ik dacht dattie de submit wilde stylen

Maar, zoals Pelle al zei, dan wordt het moeilijk want een browse valt, net als de dropdownbox, onder de inputtypes die Windows rendered...

Inderdaad
Maar ik ging er ook gewoon vanuit dat het wel ging.
Dus allebei een klein flatertje geslagen...

[Verwijderd]

dus hij kan niet in het wit ofzo?
jammer, als ik de background color in die style aanpas, dan verander de kleur van die 'input' box, en ik wil de knop alleen van stijl veranderen.
jammer dan, maar in ieder geval bedankt jongens!!