Avatar billede zerrvox Nybegynder
11. juni 2004 - 21:56 Der er 9 kommentarer og
1 løsning

Tjek af css kode og div-tag spørgsmål

Ja, nu er jeg her ski igen :D

Det går fremad med at konvertere min side til css, jeg har nu flere problemer.

Jeg kan ikke åbne de dynamiske tabelegemskaber, hvor designet størrelse flyder ud/ind alt afhængigt af vinduets størrelse, hvis nogen lige ville kigge koden igennem og se om de kunne spotte hvorfor, ville jeg blive meget glad :D

eller bare give nogle indikationer på hvorfor dette ikke vil virke :D

Den skal kun være dynamisk i højden

Så er der oppe i højrehjørne af min side et lille box kaldet næste kamp, hvor IE helt ignorerede alle mine css tags, der er et baggrundbillede i den div, men eller kan jeg ikke helt fange, hvorfor den gør sådan. Det ser nemlig ud som det skal i mozilla :/

og så lige et link til siden: http://www.chelski.dk/test/

På forhånd tak og en lille note, der er stadig et par smating, der skal korrigeres, eller for IE er der :D
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:02 #1
W3C siger:



W3C CSS Validator Results for http://www.chelski.dk/test/

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Errors
URI : http://www.chelski.dk/test/styles.css

    * Line: 0 Context : hr

      Invalid number : colorParse Error - color="#c0c0c0"
    * Line: 0 Context : div.navtext

      Parse Error - ;' }
    * Line: 0 Context : #nextmatch

      Parse Error - ;' vertical-align: top;
    * Line: 0

      Parse Error - : block; } font

URI : http://www.chelski.dk/test/

    * Line: 312

      Invalid number : fonttoo few values for the property font : bold
    * Line: 334

      Invalid number : fonttoo few values for the property font : bold

Warnings
URI : http://www.chelski.dk/test/styles.css

    * Line : 0 font-family: You are encouraged to offer a generic family as a last alternative

Valid CSS information

    * a {
          o color : #fff;
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 10px;
          o text-decoration : none;
      }
    * a:hover {
          o color : #ff9900;
      }
    * a:active {
          o color : #fff;
      }
    * a.bluelink {
          o color : #000066;
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 10px;
          o text-decoration : none;
      }
    * a.bluelink:visited {
          o color : #000066;
      }
    * a.bluelink:hover {
          o color : #666666;
      }
    * a.contact:link {
          o color : #000066;
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 10px;
          o text-decoration : none;
      }
    * a.contact:hover {
          o text-decoration : underline;
      }
    * a.menu {
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o color : #fff;
          o display : block;
          o width : 100%;
          o font-size : 10px;
          o text-decoration : none;
          o margin : 0;
          o padding : 0;
      }
    * a.menu:hover {
          o background-color : #fff;
          o color : #000066;
      }
    * a.menu:active {
          o color : #ff9900;
      }
    * body {
          o padding : 0;
          o margin : 2% 10px;
          o background-image : url(/images/lick.jpg);
          o background-color : white;
          o background-repeat : repeat;
      }
    * #copyright {
          o position : relative;
          o margin : 10px 0;
          o border-style : solid;
          o border-color : #000;
          o border-width : 0;
          o background-color : transparent;
          o text-align : center;
          o color : #000066;
          o width : 750px;
          o left : 50%;
          o margin-left : -375px;
      }
    * #reklame {
          o width : 100%;
          o text-align : center;
          o position : absolute;
          o bottom : 5px;
      }
    * #holder {
          o margin : 0;
          o border : 1px solid #000;
          o width : 749px;
          o border : 2px solid #ffffff;
          o background-color : #fff;
      }
    * div.navheadlines {
          o position : relative;
          o background : #b4d2f1;
          o width : 100%;
          o border-bottom : 1px solid #ffffff;
          o border-left : 0 solid #000066;
          o border-right : 0 solid #000066;
          o border-top : 1px solid #ffffff;
          o text-align : center;
          o color : #000066;
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 12px;
          o font-weight : bold;
          o vertical-align : top;
          o padding : 0;
          o margin : 0;
          o height : auto;
      }
    * div.navlinks {
          o position : relative;
          o vertical-align : top;
          o border : 0 none white;
          o border-spacing : 0;
          o width : 100%;
          o height : auto;
          o padding : 0;
          o margin : 2px 0;
      }
    * div.reklame {
          o vertical-align : top;
          o text-align : center;
          o color : white;
          o font-size : 7pt;
          o border : 0 none inherit;
          o border-spacing : 0;
          o width : 100%;
          o padding : 0;
          o margin : 8px 0;
      }
    * {
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 9pt;
      }
    * font.contact {
          o color : #000066;
          o font-family : "Verdana, Arial, Helvetica, sans-serif";
          o font-size : 10px;
          o font-weight : bold;
          o text-align : center;
      }
    * table.spacer {
          o height : 0;
          o width : 0;
          o background-color : white;
      }
    * table.mainframe {
          o overflow : auto;
          o table-layout : auto;
      }
    * table.menu {
          o border : 0 none inherit;
          o border-spacing : 0;
          o width : 100%;
          o padding : 0;
          o margin : 2px 0;
      }
    * td.reklame {
          o vertical-align : bottom;
          o text-align : center;
          o table-layout : auto;
          o overflow : auto;
      }
    * img {
          o border : 0 none inherit;
      }
    * td.logo {
          o background : #000066;
          o vertical-align : top;
      }
    * td.leftnav {
          o background : #000066;
          o border : 0 none inherit;
          o vertical-align : top;
          o width : 147px;
          o background-image : url(/images/blue.jpg);
          o background-repeat : repeat-y;
      }
    * td.main {
          o background : #ffffff;
          o border : 0 none inherit;
          o vertical-align : top;
          o width : 434px;
          o table-layout : auto;
      }
    * td.rightnav {
          o background : #000066;
          o border : 0 none inherit;
          o vertical-align : top;
          o width : 164px;
          o background-image : url(/images/blue.jpg);
          o background-repeat : repeat-y;
      }
    * .headlines {
          o font-family : Arial, Helvetica, sans-serif;
          o font-size : 10px;
      }
    * .nav {
          o color : #ffffff;
          o font-family : Arial, Helvetica, sans-serif;
          o font-size : 10px;
      }
    * .navheadlines {
          o color : #000066;
          o font-family : Verdana, Arial, Helvetica, sans-serif;
          o font-size : 12px;
          o font-weight : bold;
      }
    * .text {
          o font-family : Arial, Helvetica, sans-serif;
          o font-size : 12px;
      }
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:02 #2
og til html-delen:

No Character Encoding Found! Falling back to UTF-8
Avatar billede zerrvox Nybegynder
11. juni 2004 - 22:14 #3
det med html delen ved jeg godt, men hvorn giver jeg den en character encoding?

Den kører fint igennem iso 8859-4 klarer jobet med kun 3 fejl, som stammer fra 3 counter-scripts jeg har på siden :D

og havde da helt glemt at validate min css.. det løste nogle af IE problemerne, så er der kun det men den flydende tabel tilbage?

tak for hjælpen :D
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:18 #4
forresten.. skal din side ikke være centeret i mozilla ?

mht. den flydende tabel, så kan du måske bruge procenter..
Avatar billede zerrvox Nybegynder
11. juni 2004 - 22:19 #5
jow, men det var lige en af de mindre detaljer, som lige manger, det kan jeg godt klare :D

hvad er procenter? det lyder ikke som noget jeg kender :D
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:22 #6
<content-Type="text/html" charset="iso-8859-1">
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:23 #7
procenter ? 50% ...

bruges i width og height

f.eks.

<table width="30%" height="90%">
Avatar billede zerrvox Nybegynder
11. juni 2004 - 22:28 #8
ja, det kan gøres sådan i en tabel, men height er ikke længere en valid tabelegenskab, spørg mig ikke hvorfor, så ville prøve at lave det i css.. men det vil ski heller ik, men prøver mig lidt frem og tilbage, så skal det nok lykkes til sidst :D
Avatar billede thedeathart Nybegynder
11. juni 2004 - 22:34 #9
okay... :) lægger lige et svar.. (giv point hvis du synes)
Avatar billede zerrvox Nybegynder
11. juni 2004 - 22:35 #10
selvfølgelig ska du ha nogle point :D

Tak for hjælpen
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