Avatar billede IrisLF Juniormester
20. april 2013 - 18:20 Der er 3 kommentarer

problemer med en div

HJÆLP! :)(jeg er amatør - beklager meget rodet)

Jeg er ved at lave en nyhedsbrevs template og forsøger I den sammenhæng at tilpasse en div så jeg får en margen rundt om en tekstboks der matcher ovenstående billede.

<html>
    <body>
Begin Sidebar \\ -->
                                            <td valign="top" width="200" id="templateSidebar" style="border-collapse: collapse;background-color: #FFFFFF;">
                                                <table border="0" cellpadding="0" cellspacing="0" width="200">
                                                    <tr>
                                                        <td valign="top" class="sidebarContent" style="border-collapse: collapse;">
                                                       
                                                            <!-- // Begin Module: Social Block with Icons \\ -->
                                                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                                                <tr>
                                                                    <td valign="top" style="padding-top: 10px;padding-right: 20px;padding-left: 20px;border-collapse: collapse;"><img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_160.gif" style="max-width:160px;"" id="headerImage campaign-icon2" mc:label="sidecolumn" mc:edit="sidebar" mc:allowtext="" /></td>
                                                                </tr>
                                                            </table>
                                                            <!-- // End Module: Social Block with Icons \\ -->

                                                            <!-- // Begin Module: Top Image with Content \\ -->
                                                            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                                                          </table>
                                                            <div mc:edit="repeat_3:0:tiwc200_content00" style="color: #505050;font-family: Arial;font-size: 12px;line-height: 150%;text-align: left;" mcedit="repeat_3:0:tiwc200_content00">
                                                              <div class="edit-content"><span class="tpl-content" id="tpl-content-repeat_3:0:tiwc200_content00">
                                                                <h4 class="h4" style="color: #202020;display: block;font-family: Arial;font-size: 22px;font-weight: bold;line-height: 100%;margin-top: 0;margin-right: 0;margin-bottom: 10px;margin-left: 0;text-align: left;">Heading 4</h4>
                                                                <strong>Repeatable content blocks:</strong>test </span>
                                                                <ul class="edit-content-links" id="edit-links-repeat_3:0:tiwc200_content00">
                                                                  <li><a class="edit-content-link tpl-link" id="edit-content-repeat_3:0:tiwc200_content00" href="#">edit</a></li>
                                                                </ul>
                                                              </div>
                                                          </div></td><td valign="top" style="border-collapse: collapse;"> </td>
                                                  </tr>
                                                            </table>
                                                            <!-- // End Module: Top Image with Content \\ -->
                                                       
                                                        </td>
                                      </tr>
                                                </table>
                                            </td>
                                            <!-- // End Sidebar \\ -->
    </body>
</html>

Jeg ved ikke helt hvad der er der skal til for at få teksten til at flugte med billedet?

Er der nogen der kan hjælpe mig?

på forhånd tak...
Avatar billede olebole Juniormester
20. april 2013 - 22:00 #1
<ole>

Jeg ville nok begynde med at få koden til at opfylde de mest basale krav til valid HTML. Det skal være en overordentlig tilgivende browser til, hvis siden skal vises

/mvh
</bole>
Avatar billede htx98i17 Professor
21. april 2013 - 19:54 #2
aaaaahhh ole, der er vel ikke noget IE ikke kan klare...
hvis man tænker på hvad publisher får præsteret at få IE til at tygge sig igennem...
Avatar billede olebole Juniormester
21. april 2013 - 20:06 #3
#2: Jeg beundrer din tillid til IE, men her tror jeg, at selv IE må overgive sig  =)
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