Archief - CSS van HTML email tast CSS van webpagina aan

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
D

Dreetn

Legacy Member
Hallo,

Ik heb een webpagina waar ik enkele HTML emails in weergeef (deze bevatten dus ook CSS).
Het probleem is nu dat mijn volledige pagina soms van lettertype,... veranderd afhankelijk van de CSS in een van de emails.

Ik zoek dus iets zodanig dat de css van de emails enkel maar tussen bepaalde tags (div ofzo),... wordt uitgevoerd.

Heeft iemand hier een oplossing voor?

Dank bij voorbaat.
F

Fr3aK

Legacy Member
Waarschijnlijk zijn er nog een paar tags niet gesloten bij het kopiëren van uw mails in uw html-pagina, als je de bron paste weten we het meteen ;)
d

dJeez

Legacy Member
In plaats van u daarmee bezig te houden kan je ook voor de makkelijkheidsoplossing kiezen, met name een iframe voor de content gebruiken (al dan niet dynamisch toegevoegd), dan zal er geen enkele impact zijn op je pagina en wordt de mail ook gerendered zoals het hoort (want daar kan je problemen creëren als je die begint aan te passen).

Potentieel nadeel is uiteraard wel dat je de inhoud dan nit deftog kan indexeren via search engines als Google (maar aangezien het over mail gaat denk ik niet dat dat een probleem is).
D

Dreetn

Legacy Member
Fr3aK zei:
Waarschijnlijk zijn er nog een paar tags niet gesloten bij het kopiëren van uw mails in uw html-pagina, als je de bron paste weten we het meteen ;)
Klik om te vergroten...

Ik zet die emails daar niet in, die worden uit een mailbox gehaald en kunnen van overal komen. Het is voor een email ticket support systeem.

dJeez zei:
In plaats van u daarmee bezig te houden kan je ook voor de makkelijkheidsoplossing kiezen, met name een iframe voor de content gebruiken (al dan niet dynamisch toegevoegd), dan zal er geen enkele impact zijn op je pagina en wordt de mail ook gerendered zoals het hoort (want daar kan je problemen creëren als je die begint aan te passen).

Potentieel nadeel is uiteraard wel dat je de inhoud dan nit deftog kan indexeren via search engines als Google (maar aangezien het over mail gaat denk ik niet dat dat een probleem is).
Klik om te vergroten...

Heb ik ook al over nagedacht, maar dan past die Iframe zich wel niet aan aan de grootte van de email, of kan dat via javascript?
De applicatie is voor binnen een bedrijf die niet toegankelijk is via het internet, dus dat van die search engines is geen probleem.



Alvast bedankt voor het snelle antwoord.
d

dJeez

Legacy Member
Dreetn zei:
Heb ik ook al over nagedacht, maar dan past die Iframe zich wel niet aan aan de grootte van de email, of kan dat via javascript?
Klik om te vergroten...
Mits je wat creatief bent kan je via JS de iframe aanpassen aan de grootte van de mail, maar zorgt dat dan niet voor problemen met de layout van je pagina? Ikzelf zou eerder opteren voor een iframe met vaste breedte/hoogte en scrollbars voor de inhoud, zodat de layout van je eigen pagina's niet breekt door absurde HTML mails...

Op SO vond ik alvast een mogelijke oplossing :
javascript - Resizing an iframe based on content - Stack Overflow
D

Dastardly

Legacy Member
alternatief is de !important tag gebruiken bij een aantal van uw originele css tags.

dus gewoon:

Code: 
body { font-size:1em !important; }

maar een iframe lijkt mij wel handiger werken dan. mails zijn meestal toch gebaseerd op een max. breedte van 600-800px. zou zowel de hoogte als breedte van een iframe vastleggen zodat ge het wat mooi kunt positioneren. gewoon zien dat alles zichtbaar is op die ene met zijn oeroud crt scherm ergens in de kelder :p
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan