Avatar billede sapworld Nybegynder
03. maj 2005 - 21:01 Der er 16 kommentarer og
1 løsning

Hjælp til ren en template

Hej

Jeg kunne godt bruge hjælp til en template. Ikke et design, men en "ren" kode, der ikke laver knuder i f.eks. Opera eller Firefox.

Det skal være en tabel, men når jeg laver det i Frontpage går der ged i den. Den skal i princippet være magen til denne:
http://hjem.get2net.dk/arntsen/eksperten/web/skabelon/index.htm

Den skal fungere lige som denne, så der kommer scroll barer frem når man gør browser vinduet mindre end content feltet. Se bort fra menu og farver, da jeg laver mit egen design.

Ejeren til denne template har givet lov til at bruge denne:
http://eksperten.dk/spm/276705

Håber nogen kan hjælpe

/Kim
Avatar billede miss-g Seniormester
03. maj 2005 - 23:19 #1
Er det så ikke bare noget med at køre det igennem W3C (valideringen) og rette fejlene = et ´rent´ resultat?
Avatar billede sapworld Nybegynder
04. maj 2005 - 14:53 #2
Sikkert, men jeg kender ikke værktøjet.

Jeg har selv forsøgt at rense ud. Jeg fjernede bl.a. nogle class="HEADLINE" som jeg ikke lige vidst hvad gjorde (håber det var rigtigt). Er der noget overflødigt tilbage:
<html>

<head>
<title>..: skabelon :..</title>

</head>

<body topmargin="0" leftmargin="0" bgcolor="#B4B7A6">

<table border="0" width="100%" height="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td width="100%" valign="top" align="center">
      <table border="4" width="760" cellpadding="0" height="100%" bordercolor="#B4B7A6" cellspacing="4">
        <tr>
          <td width="100%" bordercolor="#F1F2EA" bordercolorlight="#F1F2EA" bordercolordark="#F1F2EA" height="100" background="bg_01.jpg">&nbsp;</td>
        </tr>
        <tr>
          <td width="100%" bordercolor="#F1F2EA" bordercolorlight="#F1F2EA" bordercolordark="#F1F2EA" valign="top">
            <table border="3" width="100%" cellspacing="4" cellpadding="0" bordercolor="#B4B7A6" height="100%">
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="1" width="100%" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p>NAVIGATION</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"></td>
                    </tr>
                    <tr>
                      <td width="100%" valign="top"><br>
                      <br>
                      <br>
                      <br>
                        &nbsp;</td>
                    </tr>
                  </table>
                </td>
                <td width="410" bordercolor="#F1F2EA" rowspan="3" valign="top">
                  <table border="0" width="100%" cellspacing="3">
                    <tr>
                      <td width="100%">CAPUT 1
                        <p>Magnus es, domine, et laudabilis valde: magna virtus
                        tua, et sapientiae tuae non est numerus. et laudare te
                        vult homo, aliqua portio cre quaerentes enim
                        inveniunt eum et invenientes laudabunt eum. quaeram te,
                        domine, invocans te, et invocem te credens in te:
                        praedicatus enim es nobis. invocat te, domine, fides mea,
                        quam dedisti mihi, quam inspirasti mihi per humanitatem
                        filii tui, per ministerium praedicatoris tui.
                        <p>CAPUT 2
                        <p>Et quomodo invocabo deum meum, deum et dominum meum,
                        quoniam utique inme ipsum eum invocabo, cum invocabo eum?
                        et quis locus est in me, quoveniat in me deus meus? quo
                        deus veniat in me, deus, qui fecit caelum et terram?
                        itane, domine deus meus, est quiquam in me, quod capiat
                        te?an vero caelum et terra, quae fecisti et in quibus me
                        fecisti, capiuntte? an quia sine te non esset quidquid
                        est, fit, ut quidquid est capiat te? quoniam itaque et
                        ego sum, quid peto, ut venias in me, quinon essem, nisi
                        esses in me? non enim ego iam in inferis, et tamen etiam
                        ibi es. nam etsi descendero in infernum, ades. non ergo
                        essem, deus meus, non omnino essem, nisi esses in me. an
                        potius non essem, nisi essem in te, ex quo omnia, per
                        quem omnia, in quo omnia? etiam sic, domine, etiam sic.
                        quo te invoco, cum in te sim? aut unde venias in me? quo
                        enim recedam extra caelum et terram, ut inde in me
                        veniat deus meus, qui dixit: caelum et terram ego impleo</td>
                    </tr>
                  </table>
                </td>
                <td width="150" bordercolor="#F1F2EA" rowspan="2" valign="top" bgcolor="#D7D9CE">
                  <table border="1" width="100%" height="100" cellpadding="2" bordercolor="#D7D9CE">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="100%" height="75"></td>
                    </tr>
                  </table>
</td>
              </tr>
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="1" width="100%" height="100" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p>LINKS</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" height="75" valign="top"></td>
                    </tr>
                  </table>
</td>
              </tr>
              <tr>
                <td width="150" bordercolor="#F1F2EA" bgcolor="#D7D9CE" valign="top">
                  <table border="3" width="100%" height="100" cellpadding="0" bordercolor="#D7D9CE" cellspacing="0">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">
                        <p>HEADLINES</p>
                      </td>
                    </tr>
                    <tr>
                      <td width="100%" height="75" valign="top">-&nbsp; Her har
                        du så en celle til at indsætte nyheder.
                        <hr size="1" color="#B4B7A6">-&nbsp; Brug denne skabelon
                        som et udgangspunkt på dit rammedesign.</td>
                    </tr>
                  </table>
</td>
                <td width="150" bordercolor="#F1F2EA" valign="top" bgcolor="#D7D9CE">
                  <table border="1" width="100%" height="100" cellpadding="2" bordercolor="#D7D9CE">
                    <tr>
                      <td width="100" height="25" bgcolor="#B4B7A6" bordercolor="#F1F2EA">&nbsp;</td>
                    </tr>
                    <tr>
                      <td width="100%" height="75"></td>
                    </tr>
                  </table>
</td>
              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td width="100%" bordercolor="#B4B7A6" height="25">
            <p align="center" class="COPYRIGHT">&nbsp;copyright © 2002.&nbsp;
            All rights belong to you | /cdc - eksperten.</p>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

</body>

</html>
Avatar billede miss-g Seniormester
04. maj 2005 - 18:16 #3
Der er nogle ting - såfremt du vil have at siden skal kunne ses i så mange browsere som muligt. Se resultatet her:

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.nicolin.dk%2Fdiv%2Fskabelon.htm&charset=%28detect+automatically%29
Avatar billede miss-g Seniormester
04. maj 2005 - 18:45 #4
Er i gang med at rette, men det er lidt omstændigt. Vil gerne lave en ny kode for dig senere i aften.

Alle dine borders og baggrundsfarver skal defineres i CSS + nogle andre ting.
Avatar billede sapworld Nybegynder
04. maj 2005 - 19:07 #5
Det lyder rigtig godt - jeg venter med spænding :)

/Kim
Avatar billede miss-g Seniormester
04. maj 2005 - 21:34 #6
http://www.nicolin.dk/div/test/skabelon.htm

Ser det ok ud? (inden du får filerne)...
Avatar billede sapworld Nybegynder
04. maj 2005 - 23:29 #7
Ja for den da. Nu ser den ikke mystisk ud i opera mere.
/kim
Avatar billede miss-g Seniormester
04. maj 2005 - 23:55 #8
Dejligt *S*

På siden har jeg lavet et link - tryk på CAPUT 1 for at hente din skabelon og stylesheet ;-)
Avatar billede sapworld Nybegynder
05. maj 2005 - 00:14 #9
Kanon tak for hjælpen. Det er stort du har taget tiden til at hjælpe mig med at få lavet en flot og funktionel skabelon.

Jeg har 2 websider (www.hapkido-arkivet.dk / www.svinget.com), og funderer lige nu over hvilken der passer bedst ind i det nye design.

Fortsat god weekend.

/Kim

PS. Flotte banner du laver.
Avatar billede miss-g Seniormester
05. maj 2005 - 00:17 #10
Stemmer på den her www.hapkido-arkivet.dk

Farverne er naturlige og neutrale - passer vist godt til sådan noget ´karate´, kinesiske tegn osv.

Svinget.com skal have en lidt mere power side - stærkere farver, mere spræld *S*

Tak for ros og point ;-)
Avatar billede sapworld Nybegynder
05. maj 2005 - 00:35 #11
Jeg hælder også til www.hapkido-arkivet.dk. Jeg vender sikkert tilbage på et senere tidspunkt for at høre om du har tid til at lave en top banner.

Svinget.com er mest min "private" links samling pga. jeg har mistet mine links så mange gange efterhånden, når jeg har formatteret min maskine, manglet dem når jeg har siddet ved en "fremmed" maskine osv. Nu er de altid "lige ved hånden"

Hygge

/Kim
Avatar billede miss-g Seniormester
05. maj 2005 - 00:44 #12
Ja - det har jeg også overvejet  - det med min egen linksamling. Foretrukne er ved at være fyldt op *G*
Avatar billede sapworld Nybegynder
12. juli 2005 - 22:39 #13
Hej Miss-g
Nu er jeg ved at lægge min homepage om til det layout du lavede til mig :)

Kender du tilfældigvis en menu der er nem at sætte ind vha. include. Det skal være en simpel menu i 2 neveau'er?
/Kim
Avatar billede miss-g Seniormester
12. juli 2005 - 23:18 #14
Hej Kim.

Ved ikke om du bruger Dreamweaver - men med programmet kan man nemt lave en menu - se en video her. http://www.nicolin.dk/multimedia/dream-videoside.htm

Hvis du laver din menu i din template, og laver en redigerbar zone der hvor indholdet skifter - så er det nemt at rette i menuen, og den bliver automatisk opdateret på alle de andre sider (Dreamweaver tips).

Ellers er det ikke noget jeg gør det store i. Der findes mange scripts til dette, og programmer som kun laver menuer...
Avatar billede sapworld Nybegynder
13. juli 2005 - 11:16 #15
hej Miss-g
Takker for tipsene
/Kim
Avatar billede sapworld Nybegynder
14. juli 2005 - 10:55 #16
Hej Miss-g

Jeg har lige et spørgsmål til :) - håber at det er ok jeg trækker p din viden. Jeg skal nok poste et spørgsmål så du kan får nogle point for din hjælp.

Jeg kunne godt tænke mig at lave en tabel (box) i "main" vinduet magen til dem der er i siden, men vil ikke lave rod i koden.

Er dette helt galt:
<div align="center">
                <center>
                <table border="0" width="80" id="AutoNumber1" cellpadding="0">     
            <tr>
                    <td valign="top" class="menu">
                    <table width="80" border="0" cellpadding="0">
                        <tr>
                          <td class="headlines" width="80">5 Overskrift her </td>
                        </tr>
                        <tr>
                          <td height="80" valign="top" class="menutext"> tekst her </td>
                        </tr>
                      </table>
                    </td>
                  </tr>
                  </tr>


                </table>
                </center>
              </div>
/Kim
Avatar billede miss-g Seniormester
15. juli 2005 - 11:23 #17
Du kan vel bare kopiere koden (tabellen) fra menuen og sætte ind i cellen i main.

Har lidt svært ved at se om du har gjort det rigtigt, uden at kunne se hele koden/siden.

Der må jo bare ikke være nogle åbne tags.
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