Avatar billede mlunde Nybegynder
24. april 2011 - 16:53 Der er 2 kommentarer og
1 løsning

Div--tags i html-emails?

Hej.
Jeg har lavet et html-nyhedsbrev, som jeg vil sende ud fra Outlook. Men det ser ikke ud i outlook, som det gør i min html-editor og det virker til, at den ignorerer mine div-tags.
Nogle der kan hjælpe ved at kigge på nedenstående kode?



<html>
<head>
    <title>HIC Nyhedsbrev - april 2011</title>
    <style type="text/css">
    body
    {
        background-color: white;
        font-family: Verdana, "Arial", "Serif", "Lucida Grande", "Trebuchet MS";
        font-size: 12px;
    }
    div.wrapper
    {
        width: 800px;
            height: 646px;
        }
    div.header
    {
        background-color: Yellow;
       
    }
    div.content
    {
        float: left;
        width: 500px;
        height: 369px;
        background-color: White;
    }
   
    div.newsbox
    {
        width: 485px;
        background-color: White;       
    }
   
    div.right
    {
        background-color: Yellow;
        height: 367px;
    }
    div.infobox
    {
       
        background-color: Yellow;
        float: left;
        width: 280px;
    }
   
        .style1
        {
            text-indent: 0px;
            text-align: left;
            line-height: 100%;
            float: left;
            position: relative;
            margin-top: 0;
            margin-bottom: 0px;
        }
   
        .style2
        {
            text-decoration: none;
        }
        .style3
        {
            color: #000000;
        }
   
        .style4
        {
            font-size: large;
        }
   
    </style>


</head>
<body>

<div class="wrapper">
<div class="header">
    <img alt="HIC Basketball" height="272" src="http://hicbasket.dk/images/stories/hiclogony.png" width="795" /></div>

<div class="content">
<br />
    <div class="newsbox">
        <strong><span class="style4">Bronze til HIC</span></strong><br />
        <br />
        HIC vandt bronzemedaljen i Canal Digitalligaen efter en intens bronzekamp mod
        Næstved.
        <a href="http://hicbasket.dk/index.php?option=com_content&amp;view=article&amp;id=257:hic-vandt-bronzemedaljen&amp;catid=1:nyheder-forside">
        Læs meget mere ved klikke her.</a></div>

<br />
<br />

    <div class="newsbox">
        <strong><span class="style4">Nu starter Final Four</span></strong><br />
        <br />
        Ungdomsslutspillet starter i den kommende weekend. Kom og støt drengeholdet og juniorholdet, som har kvalificeret sig.
        <a href="http://hicbasket.dk/index.php?option=com_content&view=article&id=259:ungdomsslutspillet-starter-i-weekenden&catid=1:nyheder-forside">
        Læs mere ved klikke her.</a></div>
<br />
<br />
    <div class="newsbox">
        <strong><span class="style4">Har du lyst til at være ungdomstræner?</span></strong><br />
        <br />
        Forberedelserne til den kommende sæson er allerede i fuld gang og HIC Bredde søger ungdomstrænere.
        <a href="http://hicbasket.dk/index.php?option=com_content&view=article&id=260:har-du-lyst-til-at-vaere-ungdomstraener-i-hic&catid=1:nyheder-forside">
        Læs mere ved klikke her.</a></div>


<br />
<br />
    <div class="newsbox">
        <strong><span class="style4">Tak for hjælpen til Spar Nord Cup</span></strong><br />
        <br />
        HIC Bredde vil gerne takke ALLE for den store hjælp til vores årlige ungdomsstævne.
        <a href="http://hicbasket.dk/index.php?option=com_content&view=article&id=256:tak&catid=1:nyheder-forside">
        Læs mere ved klikke her.</a></div>

</div>





<div class="right">

<div class="infobox">
<p class="style1">
    <a href="http://hicbasket.dk/index.php?option=com_content&amp;view=article&amp;id=21&amp;Itemid=69"
        class="style2">
<img alt="Aflysninger"
        src="http://hicbredde.dk/components/com_fpss/images/forumhorsens.jpg"
        style="height: 41px; width: 78px" hspace="5" vspace="5" /><span
        class="style3">Se denne måneds aflysninger</span></a></p>
&nbsp;</div>
<br />
<div class="infobox">

    <a class="style2"
        href="http://hicbasket.dk/index.php?option=com_content&amp;view=article&amp;id=237:hic-camp-2011&amp;catid=9:aktuel-info">

    <img alt="" hspace="5"
        src="http://hicbasket.dk/components/com_fpss/images/thumbs/11453_178535034328_829379328_2585361_5931177_n_1.jpg"
        style="height: 41px; width: 78px" vspace="5" class="style3" /><span
        class="style3">HIC Camp 2011</span></a></div>

   
    <br />
    <div class="infobox">

    <a class="style2"
        href="http://hicbasket.dk/index.php?option=com_content&view=article&id=15&Itemid=25">

    <img alt="" hspace="5"
        src="http://hicbasket.dk/components/com_fpss/images/thumbs/basketkurv.jpg"
        style="height: 52px; width: 78px" vspace="5" class="style3" /><span
        class="style3">Træningstider og trænere</span></a></div>
        <br />


        <div class="infobox">

    <a class="style2"
        href="http://www.infosport.dk/cgi-bin/MMS.dbbf/klubsoeg.hms?fb=DBBF&id=0&kna=horsens">

    <img alt="" hspace="5"
        src="http://www.infosport.dk/images/infosportLogo.gif"
        style="height: 54px; width: 78px" vspace="5" class="style3" /><span
        class="style3">HIC på Infosport</span></a></div>
        <br />
        <br />

    <div class="infobox">

        <a class="style2"
            href="http://hicbasket.dk/index.php?option=com_content&amp;view=article&amp;id=194&amp;Itemid=23">
        <span class="style3">Kontaktpersoner i HIC Bredde</span></a></div>
        <br />
        <br />
   

    <div class="infobox">
        <a class="style2"
            href="http://hicbasket.dk/index.php?option=com_content&amp;view=article&amp;id=130&amp;Itemid=91">
        <span class="style3">Kontaktpersoner i HIC Elite
   
    </span></a>
   
    </div>
</div>

</div>






</body>
</html>
Avatar billede The_Buzz Novice
24. april 2011 - 18:33 #1
Prøv at køre outputtet igennem http://validator.w3.org/check

Errors found while checking this document as HTML 4.01 Transitional!

Result:     35 Errors, 20 warning(s)

Du skal have de errors trimmet væk - prøv med den "Clean up Markup with HTML-Tidy" mulighed
Avatar billede welcor Nybegynder
24. april 2011 - 20:34 #2
meget af problemet er at eksperten spiser tekst på linier med http://
Post gerne html igen, med alle links ændret til htt p://...
Avatar billede welcor Nybegynder
24. april 2011 - 20:34 #3
http:lenke
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester