Avatar billede t-hviid Nybegynder
19. februar 2004 - 12:38 Der er 14 kommentarer og
2 løsninger

CMS - template programering

LAd mig sige med det samme at jeg ikke ved om jeg er i den rigtige kategori.
Jeg sider og roder med programering af templates til brug i et cms-system. (Jeg er bruger af et cms system) Jeg har downloade et dokument fra systemet som jeg vil ændre. Det ser således ud:
<table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DWMain height=100%>
    <tr>
        <td valign=top>
            <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth-->>
                <tr>
                    <td valign=top>
                        <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DwTopGraphic>
                            <tr>
                                <td width=<!--@DwMenuWidth--> valign=top><!--@DwTopLogo--></td>
                                <td valign=top><!--@DwTopGraphic--></td>
                            </tr>
                            <tr>
                                <td colspan=2><!--@DwTopDropdown--></td>
                            </tr>
                        </table>
                        <Div ID=DwContentCell style="overflow:auto;">
                                    <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwContentWidth-->>
                                        <!--@DwContent-->
                                        <tr>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwLeftMargin-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                        </tr>
                                    </table>
                        </DIV>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr ID=DwFooter valign=bottom>
        <td><!--@DwFooter--></td>
    </tr>
</table>
<!--@DwSearchLayer-->

Det jeg i første omgang vil er blot at få det centeret i visningen i stedet for venstresltillet. Er der nogle der kan hjælpe?
Avatar billede schaefner Juniormester
19. februar 2004 - 12:43 #1
Prøv:

<table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DWMain height=100%>
    <tr>
        <td valign=top align=center>
            <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth-->>
                <tr>
                    <td valign=top>
                        <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DwTopGraphic>
                            <tr>
                                <td width=<!--@DwMenuWidth--> valign=top><!--@DwTopLogo--></td>
                                <td valign=top><!--@DwTopGraphic--></td>
                            </tr>
                            <tr>
                                <td colspan=2><!--@DwTopDropdown--></td>
                            </tr>
                        </table>
                        <Div ID=DwContentCell style="overflow:auto;">
                                    <table cellpadding=0 cellspacing=0 border=0 width=<!--@DwContentWidth-->>
                                        <!--@DwContent-->
                                        <tr>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwLeftMargin-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                        </tr>
                                    </table>
                        </DIV>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr ID=DwFooter valign=bottom>
        <td><!--@DwFooter--></td>
    </tr>
</table>
<!--@DwSearchLayer-->
Avatar billede t-hviid Nybegynder
19. februar 2004 - 12:52 #2
Nej den er stadig venstrestillet :-(
Avatar billede reimers Nybegynder
19. februar 2004 - 13:00 #3
Hvad med
<center>
<!--hele tabellen-->
</center>
Avatar billede t-hviid Nybegynder
19. februar 2004 - 13:06 #4
Det har jeg prøvet - uden held!
Avatar billede reimers Nybegynder
19. februar 2004 - 13:25 #5
hmm det er underligt. Er der mere html-kode end det du skrev i dit indlæg? Jeg prøvede lige at kopiere det ind i en fil og det virkede umiddelbart fint med <center>...

alternativt kan du prøve med <table style="align: center;"... måske det virker
Avatar billede avminarm Juniormester
19. februar 2004 - 13:52 #6
Prøv at sætte borders på - gerne i forskellige farver når du udvikler, så kan du altid se hvilken tabel der står hvordan og hvorfor f.eks: med border="1" bordercolor="#FF0000" i hvert table tag - det gør det lidt nemmere.

jeg ville bruge alidn="center" i hver table + i div's noget ala:

<table align="center" cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DWMain height=100%>
    <tr>
        <td valign=top>
            <table align="center" cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth-->>
                <tr>
                    <td valign=top>
                        <table align="center" cellpadding=0 cellspacing=0 border=0 width=<!--@DwPageWidth--> ID=DwTopGraphic>
                            <tr>
                                <td width=<!--@DwMenuWidth--> valign=top><!--@DwTopLogo--></td>
                                <td valign=top><!--@DwTopGraphic--></td>
                            </tr>
                            <tr>
                                <td colspan=2><!--@DwTopDropdown--></td>
                            </tr>
                        </table>
                        <Div align="center" ID=DwContentCell style="overflow:auto;">
                                    <table align="center" cellpadding=0 cellspacing=0 border=0 width=<!--@DwContentWidth-->>
                                        <!--@DwContent-->
                                        <tr>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwLeftMargin-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnSpace-->></td>
                                            <td><img src="Files/Nothing.gif" height=1 width=<!--@DwColoumnWidth-->></td>
                                        </tr>
                                    </table>
                        </DIV>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr ID=DwFooter valign=bottom>
        <td><!--@DwFooter--></td>
    </tr>
</table>
<!--@DwSearchLayer-->

Hvis du vil have de enkelte tabelceller centreret så brug <td align="center">
Avatar billede reimers Nybegynder
19. februar 2004 - 14:01 #7
Jeg tænkte lige på, hvilken værdi <!--@DwPageWidth--> har? Den er vel ikke 100%?
Avatar billede t-hviid Nybegynder
19. februar 2004 - 14:48 #8
Der er ikke mere kode end det jeg har med her.
Jeg tror ikke værdien på <!--@DwPageWidth--> er 100% for den fylder ikke hele skærmbreden.
Avatar billede t-hviid Nybegynder
19. februar 2004 - 14:56 #9
Jeg har nu prøvet at sætte alle til center men det gav ikke noget resultat!
Avatar billede t-hviid Nybegynder
19. februar 2004 - 15:23 #10
Avatar billede reimers Nybegynder
19. februar 2004 - 18:50 #11
Når jeg kigger på kildekoden i dokumentet, så ser det altså noget mere rodet ud. Der er f.eks. to gange header og body tags, og indtil flere style-sheets og styles bliver defineret.

Jeg vil gætte på, at problemet kan ligge mange steder. Mit bedste bud vil være at udkommentere en masse kode indtil det virker, og derefter begynde at tilføje de mange elementer et af gangen.

Bedste bud, sorry.
Avatar billede t-hviid Nybegynder
19. februar 2004 - 19:03 #12
Jeg har desværre ikke så meget magt over koderne andet end i det jeg her har vist, da det er dynamicweb a/s der står bag, som jeg så er bruger af.
Avatar billede reimers Nybegynder
19. februar 2004 - 19:17 #13
Ok, et sidste forsøg, så kan jeg heller ikke finde på mere. Ved ikke helt om det kan lade sig gøre, men noget i stil med:

<table style="position:absolute; alignment: center"...

ved ikke om position og alignment kan kombineres. Du skal i øvrigt lige kontrollere om det hedder "alignment" eller "vertical-alignment", noget i den stil...
Avatar billede avminarm Juniormester
19. februar 2004 - 21:28 #14
hmmm - den side ser meget underlig ud!!! - måske skulle du overveje noget andet.
Avatar billede t-hviid Nybegynder
19. februar 2004 - 21:36 #15
Det kan jeg desværre ikke da det en hjemmeside jeg skal vedligeholde og med tiden ændre design på som har købt dette system for mange penge - alt for mange! Og har ikke i hensigt at droppe det nu - desværre!
Avatar billede t-hviid Nybegynder
19. februar 2004 - 21:44 #16
Jeg har lige fundet ud af det. Det var den template jeg havde lavet til indholdet. Den var lavet i Dreamweaver som automatisk indsætter body mm. Da dette blev fjernet virkede det. :-) Endnu en gang tak for indsatsen!
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