Mail-form op site aanpassen

  • Onderwerp starter Onderwerp starter Mvnl
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
M

Mvnl

Gebruiker
Lid geworden
23 sep 2006
Berichten
100
popsessed.tumblr.com

Ik heb hier zojuist een mailformulier toegevoegd.
Nu ben ik er opzich tevreden over, alleen verschijn in IE een wit blok achter het gehele formulier (terwijl het in Firefox gewoon netjes transparant is).

Kan ik hier iets aan doen, en zo ja, wat?


<script type="text/javascript" charset="utf-8">

var greeting = '';
var pretty_name = 'castr';
var to = 'mijnemail';
var domain = 'hotmail.com'
var text_box_columns = '27';
var window_width = '268px';
var window_height = '268px';
var custom_style = "body{margin:15px;padding:0px;} #form_mail_widget{color:black; font-family: verdana; font-size: 12px;} p{margin-bottom:2px;padding-bottom:0px;} textarea,input{border:1px black solid;}";
draw_form_mail_widget(greeting, pretty_name, to, domain, text_box_columns, window_width, window_height, custom_style);
</script>
 
Dit is niet de volledige code, maarre... kun je het weer even ergens online zetten en de link posten?
 
Hij staat op de site die ik hierboven al meldde ;)

Het enige andere onderdeel van de code is dit (boven <header> in het scriptgedeelte)

<script src="http://castr.appspot.com/js/helpers/form_mail_helper.js" type="text/javascript"></script>
 
Voeg eens aan je CSS toe:

Code: 
#form_mail_form{
  background: none;
}
 
Nope, maakt geen verschil.
Ik zie nu overigens dat de site waarvan ik de code heb overgenomen het probleem ook heeft.. ik kan alleen totaal niet achterhalen waar IE het idee vandaan haalt dat de achtergrond wit moet zijn?
 
Je zou nog background-color: transparent; kunnen proberen, anders weet ik het ook niet. Wel vreemd dit ...
 
ErikBooy007 zei:
Je zou nog background-color: transparent; kunnen proberen, anders weet ik het ook niet. Wel vreemd dit ...
Klik om te vergroten...

Nee, doet 't m ook niet :(
Inderdaad typisch.. heb inmiddels mijn css/html-kennis al iets bijgewerkt, maar zie hier gewoon echt niet wat er gebeurt... tja, of het moet zijn dat IE bepaalde codes/elementen niet snapt en daardoor verkeerd afbeeldt?

Het wit is wel aan te zien, maar als het kan wil ik er toch liever vanaf...
 
En als je een andere kleur probeert te specifëren?

Dus als je:

Code: 
background: #f00;

gebruikt bijvoorbeeld?
 
Nee, er verandert helemaal niets.
Ook niet in Firefox overigens.
 
Oké, dan werken we aan het verkeerde element. Nu zou het namelijk fel-rood moeten worden :P

Wellicht helpt het als je van:

Code: 
#form_mail_widget{color:black; font-family: verdana; font-size: 12px;} p{margin-bottom:2px;padding-bottom:0px;} textarea,input{border:1px black solid;}"

dit maakt:

Code: 
#form_mail_widget{color:black; font-family: verdana; font-size: 12px; background: transparent;} p{margin-bottom:2px;padding-bottom:0px;} textarea,input{border:1px black solid;}"

(in het javascript)
 
In mijn html toch?
(de regel die je noemt staat namelijk niet in het .js-bestand)

Aanpassing in het html leverde helaas weer niets op.
 
Ik denk niet dat de style oplossingen zullen werken voor IE. De widget op die site zet een iframe neer met de code
HTML: 
<iframe src="knip" frameborder="0" height="268px" scrolling="no" width="268px"></iframe>
IE heeft zoals gebruikelijk wat eigenaardig gedrag en om transparency te forceren zou je ervan moeten maken
HTML: 
<iframe allowtransparency="true" src="knip" frameborder="0" height="268px" scrolling="no" width="268px"></iframe>
Het probleem is dat je niet rechtstreeks bij de source kunt komen dus je zult contact moeten opnemen met tumblr.

Dit is overigens geen geldige html maar een IE only tag, zie ook http://www.handleidinghtml.nl/html/elementen/iframe.html#ALLOWTRANSPARENCY
 
Dat ga ik zo eens proberen.
Ik kan de source wel editen en opnieuw uploaden en verwijzingen aanpassen namelijk..

Hmm, nee, dat was t optimistisch, zodra ik 'm aanpas en ergens anders upload werkt het hele mailformulier niet meer.
 
Laatst bewerkt:
Als je MS Internet Eplorer 8 gebruikt, moet je de Compatibiliteitsweergave aan zetten, dan worden alle kleine foutjes in je code automatisch veranderd door wat IE denkt dat je bedoelt
(bijv. <A herf="http://helpmij.nl/forum"target="_self"> dat herf moet dan href zijn, maar IE geeft het aslnog weer als herf) FireFox doet dat automatisch.

Mvnl zei:
popsessed.tumblr.com

Ik heb hier zojuist een mailformulier toegevoegd.
Nu ben ik er opzich tevreden over, alleen verschijn in IE een wit blok achter het gehele formulier (terwijl het in Firefox gewoon netjes transparant is).

Kan ik hier iets aan doen, en zo ja, wat?


<script type="text/javascript" charset="utf-8">

var greeting = '';
var pretty_name = 'castr';
var to = 'mijnemail';
var domain = 'hotmail.com'
var text_box_columns = '27';
var window_width = '268px';
var window_height = '268px';
var custom_style = "body{margin:15px;padding:0px;} #form_mail_widget{color:black; font-family: verdana; font-size: 12px;} p{margin-bottom:2px;padding-bottom:0px;} textarea,input{border:1px black solid;}";
draw_form_mail_widget(greeting, pretty_name, to, domain, text_box_columns, window_width, window_height, custom_style);
</script>
Klik om te vergroten...
 
Nope, in de compatibiliteitsmodus is het nog steeds wit.
Overigens snap ik niet helemaal wat die compatibiliteitsmodus doet.. die maakt bijv de tekstgrootte van mijn berichten ook ineens kleiner, en haalt de afstand tussen afbeeldingen weg?
 
Ik weet het ook niet precies, ik heb geleert dat het er voor zorgt dat kleine foutjes alsnog goed weergegeven wordt.
Bij IE 7 en lager was het automatisch aan, je kon het niet uitzetten.

Mvnl zei:
Nope, in de compatibiliteitsmodus is het nog steeds wit.
Overigens snap ik niet helemaal wat die compatibiliteitsmodus doet.. die maakt bijv de tekstgrootte van mijn berichten ook ineens kleiner, en haalt de afstand tussen afbeeldingen weg?
Klik om te vergroten...
 
(Als de text te klein is houd dan <left CTRL> ingedrukt en scroll of typ <-> of <+>, dan wordt alles groter of kleiner)

Mvnl zei:
Nope, in de compatibiliteitsmodus is het nog steeds wit.
Overigens snap ik niet helemaal wat die compatibiliteitsmodus doet.. die maakt bijv de tekstgrootte van mijn berichten ook ineens kleiner, en haalt de afstand tussen afbeeldingen weg?
Klik om te vergroten...
 
Ik zie nu overigens dat Opera het mailform helemaal niet weergeeft, dus er zit hoe dan ook iets niet helemaal lekker..
Suggesties voor een vergelijkbare (maar betrouwbaardere) mailform-code zijn uiteraard ook welkom. Als een ander scriptje hetzelfde kan en wél werkt gooi ik deze er met plezier uit!
 
Remi1995 zei:
Ik weet het ook niet precies, ik heb geleert dat het er voor zorgt dat kleine foutjes alsnog goed weergegeven wordt.
Bij IE 7 en lager was het automatisch aan, je kon het niet uitzetten.
Klik om te vergroten...

En we weten allemaal wat voor ´n succes de eerdere IE´s waren :rolleyes:

@flits, oh je hebt gelijk. Ik had het deel geselecteerd en met FireFox bron van selectie bekeken en dan kreeg ik gewoon de code te zien, dus had niet door dat 't in een iframe stond ;)
 
Trouwens, je moet er ook even op letten dat je een aantal afbeeldingen niet goed afsluit:

HTML: 
<img src="blabla" </>

Kijk voor een goed mailscript eens op Terradon.nl.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan