bladeren knop problem

[Sam Mullins]

Hey,

ik zat net wat de rotzooien aan de template in de profile_add_body.tpl

alles ging goed, totdat ik mijn forum eens ging uittesten met mozilla i.p.v. IE, en toen zag ik een schoonheidsfoutje (voor mij een grote fout)

screenie:


nou wil ik óf:
rondom de bladeren knop, de kleur hebben van de template
óf
de bladeren knop veranderen in een zelfgemaakt plaatje

is 1 van de 2 mogelijk, of zijn ze misschien allebei mogelijk.
En hoe komt het dan het in IE wel goed uitziet en in Mozilla niet?

[mosymuis]

nou wil ik óf:
rondom de bladeren knop, de kleur hebben van de template

Dat kan zeker, maar dan moet ik wel je source kunnen zien.

óf

de bladeren knop veranderen in een zelfgemaakt plaatje

Dat is onmogelijk binnen HTML, die knop vormt 1 geheel met zijn input veld, dmv een "file" type input tag. Wellicht zou je zoiets kunnen doen in Flash, maar daar houden je mogelijkheden op.

En hoe komt het dan het in IE wel goed uitziet en in Mozilla niet?

Dat komt nou eenmaal door Microsoft's interpretatie van de W3 standaarden, het meerendeel van de webmasters is er inmiddels zo op gefixeerd dat alles mooi werkt in IE dat ze de andere browsers uit het oog verliezen. En dat terwijl die anderen zich wel aan de standaarden houden.

In principe zou het zo moeten zijn dat als je site goed werkt in Mozilla & Opera, oftewel valid (X)HTML/CSS is, ook goed werkt in IE. Andersom is dit zeer zeker niet het geval. Dat kun je wel bereiken met veel CSS tweaks en (X)HTML know-how, maar dat lukt je niet zomaar. Blijf dus proberen en lees de boekjes goed na, maar het zal niet makkelijk zijn.

[Sam Mullins]

nou wil ik óf:
rondom de bladeren knop, de kleur hebben van de template

Dat kan zeker, maar dan moet ik wel je source kunnen zien.

van welke file wil je de source dan weten???

P.S.
dit zijn de usercp_register en profile_add_body (als je die nodig hebt)

http://131.211.57.161/je/usercp_register.txt
http://131.211.57.161/je/profile_add_body.txt

[mosymuis]

profile_add_body.tpl:

Code: Selecteer alles

<td class="row2"><input type="hidden" name="MAX_FILE_SIZE" value="{SIG_IMAGE_SIZE}" /><input type="file" name="sig_image" class="post" style="width:200px" /></td>

Voeg eens

Code: Selecteer alles

style="background-color:#DEE3E7;"

toe aan de 2e input tag, that might work.

[Sam Mullins]

toe aan de 2e input tag, that might work.

well, not for me

ik heb namelijk dus de code toegevoegd, zodat ik dit kreeg (de 2e input):

Code: Selecteer alles

<input type="file" name="sig_image" class="post" style="background-color:#DEE3E7;" />

toen veranderde er niks, ik bleef het probleem houden.

ik heb toen de style code naar voren gebracht zodat ik dit kreeg:

Code: Selecteer alles

<input style="background-color:#DEE3E7;" type="file" name="sig_image" class="post" />

maar toen veranderde ook de kleur van het invulvakje in DEE3E7 wat ik liever nu nog niet wil.

misschien als ik alle kleuren ga verandere dat ik het wel zo ga doen, daar ben ik nog niet helemaal over uit

[mosymuis]

toe aan de 2e input tag, that might work.

well, not for me

Zou kunnen, heb het zelf niet uitgeprobeerd. Heb je zelf ook al gezocht naar je probleem? Ik kwam zo al een paar nuttige resultaten tegen:
http://www.google.com/search?q=mozilla+ ... d+color%22
http://archivist.incutio.com/viewlist/css-discuss/31458