Style uten bruk av <style> eller css fil? Hvordan?

[Lurifaksen]

Prosjekt: HTML e-post med utseende (dvs f.eks. ikke "Times new roman" )

Problem: Strenge restriksjoner til HTML i web-mail

Løsning: Inline css?

 

Noen som har tips til hvordan dette kan løses?

 

Hotmail har støtte for <style> dersom den ikke er i header taggen.

Men stylen jeg definerer i body {} fungerer f.eks ikke, antagelig fordi det ville ødelegge resten av utseendet.

 

Gmail støtter overhode ikke <style>, så eneste håpet der er inline styling.

 

Noen som har tips til hvordan jeg kan få laget en simpel html-side med en "standard" skrifttype, en stylet overskrift, og stylede linker MED hover?

 

Aller helst burde det være inline, dvs style="blabla", men hvordan skal jeg da få med hover på en link? Og hvordan skal jeg da få stylet det som ikke er inni en tag? bruke <span> rundt alt?

Endret 22. september 2006 av Lurifaksen

[834HF42F242]

Det var et snedig spørsmål. Trodde hovern skulle gå, men ble sittende fast nå. Tror jeg kan konstatere med at det ikke går å putte inn i <tag style="">

[qualbeen]

Hvis meningen er at det skal fungere uavhengig av epostleser/homtail/gmail/yahoo osv, så kan du gi opp med en gang! html er ikke standard i mail, så noen velger å støtte det - andre ikke. Egentilg veldig drit, for det hadde vært fint med en felles standard basert på "rik tekst" eller noe i den duren (altså mulighet til å legge til farger/skriftstørrelse, men ikke normal html-kode).

 

Bruker man Outlook tror jeg det meste av html-koder slipper gjennom iallefall... Så det blir altså helt opp til mottaker om det funker eller ei.

[834HF42F242]

Det er utrolig mange som ikke bruker lokal klient til å lese mail. De som logger på webmail får som regel HTML-presentasjon.

 

Nå er jeg enig med deg da. HTML bør ikke sendes på mail. Synes ikke det skal formateres i det hele tatt jeg. Vil man presentere ting i formater, kan man bruke RSS, websider osv. La oss holde mail på det enkle nivået, akkkurat som sms. Tenk med grøss og gru på hvordan det ville vært hvis sms var rte eller enda værre: html.

 

De som ønsker å sende ut mail til mange mottakere med flott presentasjon av innhold, har mottakere som stoler på en. Da kan man like godt legge nyhetsbrevet ved som et tekstdokument i rikt format, eller pdf. Pdf er jo laget for akkurat dette formålet.

[Lurifaksen]

Hvis meningen er at det skal fungere uavhengig av epostleser/homtail/gmail/yahoo osv

6914984[/snapback]

Det er ikke meningen, fordi det skjønner at ikke går- men det skal fungere LITT i alle webmails, og det går.

 

Dvs, det er jo ingen krise om f.eks. en sær webmail ikke bruker farger på teksten. Det verste som skjer er jo at webmailen stripper bort styling den ikke støtter - selve teksten vil jo uansett være der.

 

Og ja, HTML-versjonen av mailen er selvfølgelig bare et tillegg som kun vises dersom HTML er støttet.

 

Men får jeg det til å fungere i hotmail, yahoo, gmail, så fungerer jo det for de aller fleste...

Endret 22. september 2006 av Lurifaksen

[Vindstille]

Syns html er greit så lenge man bare bruker html strict tagger. Det er fint å kunne definere elementer som skal være bold, italic, quotes eller være en overskrift.

 

Men jeg er enig i at eposter bør formateres minst mulig og ikke se ut som websider. Derfor er jeg motstander av CSS i epostmeldinger (og html-tagger som kan erstatte CSS).

Endret 22. september 2006 av JonT

[Lurifaksen]

Det er fint å kunne definere elementer som skal være bold, italic, quotes eller være en overskrift.

6919561[/snapback]

 

Ja, og det er det jeg ønsker - kun bruk av de aller mest elementære taggene - men jeg ønsker også at teksten skal ha samme utseende (skrifttype/farge) som jeg har på nettstedet hvor mailen kom fra - slik at de "kjenner seg litt igjen"

 

Jeg skal naturligvis ikke blande inn menyer, bokser, skjemaer eller andre elementer fra nettsiden.

 

Er det ingen som har et tips til hvordan dette bør formateres:

 

<h1>Her er overskriften</h1>
<p>Litt tekst her. Litt tekst her. Litt tekst her. Litt tekst her.Litt tekst her.</p>

<h2>Underoverskrift</h2>
<p>Litt tekst her. Litt tekst her. Litt tekst her. Litt tekst her.
<a href="">Lenke her</a>

<h2>Underoverskrift 2</h2>
<p>Her er resten av teksten. Her er resten av teksten.</p>

 

Skal jeg putte alt inni en <span style="skrifttype/størrelse/farge/etc her"> ?

 

Og er det umulig å få byttet hover-effekten på lenken?

Endret 22. september 2006 av Lurifaksen

[834HF42F242]

Dette er nok eneste måte å få hover-formateringen på:

 

<html>

<head>

<style>

p{}

a{color:#397bad}

a:hover{color:#255079;}

h1{}

h2{}

</style>

</head>

<img src="http://www.unlock.no/themes/Unlock/images/logo.gif" alt="Logo" />

<h1>Her er overskriften</h1>

<p>Litt tekst her. Litt tekst her. Litt tekst her. Litt tekst her.Litt tekst her.</p>

 

<h2>Underoverskrift</h2>

<p>Litt tekst her. Litt tekst her. Litt tekst her. Litt tekst her.

<a href="">Lenke her</a>

 

<h2>Underoverskrift 2</h2>

<p>Her er resten av teksten. Her er resten av teksten.</p>

Endret 23. september 2006 av neitakk

[Lurifaksen]

Resulterte i at jeg fjernet <p> og <hx> tags, og i stedet kun brukte <font> taggen aktivt, med "style" attributten der det var behov for litt "ekstra" (overskrifter). Og <br> som "luft" mellom overskrifter

 

Inkluderte også <style> med a og a:hover{}, slik at webmailene med støtte for det fikk riktig utseende på lenkene.

 

Resultatet ble veldig bra - det ser nesten perfekt ut i alle webmailene jeg har prøvd. Koden validerer, og vises likt i IE/FF/Opera.

 

Ble for øvrig positivt overasket over hvor bra webmail Yahoo har. Etter min mening langt flottere og bedre enn Gmail. I tillegg støtter yahoo full html. Gmail har den desidert dårligste støtten for html av de jeg har prøvd.

 

Når det er sagt skjønner jeg ikke helt hvorfor så mange bruker webmail - også når de er på jobb/hjemme

 

Edit: Ok, Yahoo var kanskje ikke så bra likevel, når jeg så den svære banneren som Opera hadde blokkert Uten den var det jo mye mindre reklame enn gmail.

Endret 23. september 2006 av Lurifaksen

[834HF42F242]

Du kan bruker

<p><font style="font:sucks;">Innhold</font></p>

Dog er det bedre å bruke

<p><span style="span:sucks-to;">Innhold</span></p>

Endret 24. september 2006 av neitakk