Avatar billede N00b Novice
24. oktober 2007 - 17:44 Der er 12 kommentarer og
1 løsning

Mangler punktopstilling i template

Hej
Er der nogle der kan guide mig lidt her....

Jeg har dette CSSheet men punktopstillingen virker ikke.

Her med mener jeg hvis jeg prøver at bruge punktopstilling på min side så får jeg ikke den der sa... prik foran
Hvis jeg benytter tal så der ingen prob.

[code]
HTML {
  height: 100%;
  margin-bottom: 1px;
}

BODY {
    height: 100%;
    margin-top: 82px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-image: url(../images/page_background.png);
    background-repeat: repeat;
}

a:link, a:visited {
    color: #1C1C76; text-decoration: none;
    font-weight: bold;
}

a:hover {
    color: #333333;    text-decoration: none;
    font-weight: bold;
}

td,tr,p,div {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 140%;
    font-size: 11px;
    color: #333333;
    text-align: left;
}

h3, .componentheading {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 18px;
    color: #1C1C76;
    line-height: 18px;
    margin: 5px 0;
}

.componentheading {
  padding-top: 10px;
}

.contentheading {
    font-family: "Times New Roman", Times, serif;
  background: url(../images/hsep.png) bottom left repeat-x;
  padding: 0px 0px 5px 0px;
    font-size: 20px;
    font-weight: normal;
    height: 45px;
    vertical-align: bottom;
    color: #1C1C76;
    text-align: left;
    width: 100%;
}

ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li
{
    line-height: 15px;
    padding-left: 15px;
    padding-top: 0px;
    background-image: url(../images/bullet_red.png) ;
    background-repeat: no-repeat;
    background-position: 0px 3px;
}

.small {
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    text-align: left;
}

.modifydate {
  height: 30px;
  vertical-align: bottom;
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    text-align: left;
}

.createdate {
    height: 25px;
    vertical-align: top;
    font-size: 10px;
    color: #999999;
    font-weight: bold;
    vertical-align: top;
    padding-bottom: 10px;
    padding-top: 0px;

}

.clr {
    clear: both;
}

#main_bg {
    height: 100%;
    padding: 0;
    margin-bottom: 1px;
    background-color: #000066;
}

div.mosimage_caption {
  font-size: 10px;
  color: #666666;
}

div.center {
  text-align: center;
}

table#main {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

div.blog_more {
  margin-top: 30px;
}

div.syndicate div {
  text-align: center;
}

table.opentable  {
    border-collapse: collapse;
    margin-left: 5px;
}

table.opentable td {
  margin:0;
  padding: 0;
}

td.left_shadow {
    width: 13px;
    background-image: url(../images/bar_left.png);
    background-repeat: repeat-y;
}

td.right_shadow {
    width: 13px;
    background-image: url(../images/bar_right.png);
    background-repeat: repeat-y;
}

td.bottom {
    height: 29px;
    background-image: url(../images/bottom.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 732px;
}

td.wrapper {
  width: 706px;
}
#runner {
  float: right;
  padding-top: 7px;
}

#bottomnav_links ul {
  margin: 0;
  padding: 0;
}

#bottomnav_links li {
  background-image: none;
  list-style:none;
  float: left;
  margin: 0px;
  padding: 0px;
  font-size: 11px;
  line-height:17px;
  height: 17px;
  white-space: nowrap;
}

.topbar {
    width: 732px;
    height: 139px;
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
}


#contentarea {
  float: left;
  width: 706px !important;
  width: 706px;
    background: #eee;
}

table.contentarea {
  width: 706px;
  max-width: 706px;

}


td.sidenav {
}

div.forcewidth {
  width: 175px;
  overflow: hidden;
}

td.seperator {
    background: url(../images/vsep.png) top center repeat-y;
}

td.middle {
  width: 552px;
}
.designertoo{
display:block;
text-indent:-5000px;
text-decoration:none;
height:0;}


div.menuholder_m {
    float: left;
    width: 175px !important;
    width: 175px;
    background-image: url(../images/modbg.png);
    background-repeat: repeat-y;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

div.menuholder_m td {
    color: #ffffff;
}

div.menuholder_b {
    float: left;
    width: 175px;
    height: 10px;
    overflow: hidden;
    margin-bottom: 8px;
    background-image: url(../images/mod_b.png);
    background-repeat: no-repeat;
}

a.mainlevel:link, a.mainlevel:visited {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #13136E;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    height: 21px;
    line-height: 21px;
    text-indent: 14px;
    width: 156px;
    background-image: url(../images/button.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.mainlevel:hover {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: #13136E;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    height: 21px;
    line-height: 21px;
    text-indent: 14px;
    width: 156px;
    background-image: url(../images/button_over.png);
    background-position: left center;
    background-repeat: no-repeat;
}

a.mainlevel#active_menu {
}
a.mainlevel#active_menu:hover {
    color: #999999;
}
div#left div.moduletable {
    float:left;
    width: 175px;
    background: url(../images/hsep.png) repeat-x;
    padding-top: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
}
#flashbox {
    width: 520px;
    margin-top: 3px;
}
#flashbox td.topflash {
    background-image: url(../images/uf_t.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#flashbox td.midflash {
    padding: 8px;
    background-image: url(../images/uf_bg.png);
    background-repeat: repeat-y;
    background-position: center top;
}
#flashbox td.botflash {
    background-image: url(../images/uf_b.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.moduletable th {
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 18px;
    color: #1C1C76;
    line-height: 18px;
    margin: 5px 0;
    }

table#flashbox a:link, table#flashbox a:visited {
  color: #333333;
}
table#flashbox a:hover {
  color: #1C1C76;
}

div#mainbody {
    width: 510px;
    padding-left: 10px;
    padding-top: 0px;
}
input.button {
    border: 1px solid #003366;
    background: url(../images/butbg.png) repeat-x;
    height: 20px;
    padding: 2px 10px 4px 10px !important;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
    color: #003366;
    text-transform: uppercase;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.inputbox {
  font-size: 11px;

}
table.moduletable {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

table.moduletable td {
  padding: 4px;
}
#content-pane .tab-page {
   
}

table.contentpane {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
   
}

table.contentpaneopen {
    text-align: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
}


.contentpagetitle {
    font-size: 13px;
    font-weight: bold;
    color: #cccccc;
    text-align:left;
}

a.contentpagetitle:link, a.contentpagetitle:visited {
  padding: 0px;
    font-size: 17px;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    padding-top: 10px;
    color: #3838A0;
    text-align: left;
    width: 100%;
}

a.contentpagetitle:hover {
    color: #333393;
}

a.sublevel:link, a.sublevel:visited {
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    color: #00006F;
    text-align: left;
    line-height: 19px;
    padding-left: 3px;
}
a.sublevel:hover {
    color: #666666;
    font-weight: bold;
    text-decoration: none;
}
a.category:link, a.category:visited {
}
a.category:hover {
}
a.pagenav, a.pagenav:visited {
}
a.pagenav:hover {
}
.frontpageheader {
}
.newsfeedheading {
}
.newsfeeddate {
}
.fase4rdf a:link {
}
.fase4rdf a:hover {
}
div#mainbody td.sectiontableheader {
  font-weight: bold;
  background: #1C1C76;
  color: #ffffff;
  padding: 4px;
  border-left: 1px solid #eee;
}
td.smalldark {
  color: #666666;
  font-size: 11px;
  font-weight: bold;
}
table.pollstableborder {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  text-align: left;
}
table.pollstableborder td {
  padding: 5px 2px 0 0;
}
td.sectiontableentry1 {
  padding: 0px;
}
td.sectiontableentry2 {
  padding: 0px;
}
tr.sectiontableentry1 td {
  padding-left: 4px;
  padding-right: 4px;
}
tr.sectiontableentry2 td {
  padding-left: 4px;
  padding-right: 4px;
}
.ontab {
    background-color: #cccccc;
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
    border-top: solid 1px #666666;
    border-bottom: solid 0px #cccccc;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #cc0000;
}
.offtab {
    background-color: #BCBCBC;
    border-left: solid 1px #999999;
    border-right: solid 1px #bbbbbb;
    border-top: solid 1px #999999;
    border-bottom: solid 1px #666666;
    text-align: center;
    cursor: pointer;
    font-weight: normal;
    color: #666666;
}

.tabpadding {
}

.tabheading {
    background-color: #eeeeee;
    text-align: left;
}

.pagetext {
    visibility: hidden;
    display: none;
    position: relative;
    top: 0;
}

h4 {

}

h5 {

}

h6 {

}

hr {
    background: #999999; height:1px; border: 1px solid;
}

hr.separator {

}

td.buttonheading img{
padding-left: 5px;
}

span.highlight {
  background: #ffffcc;
}




table.contenttoc {
  margin: 3px;
    border:solid 1px #cccccc;
}

table.contenttoc th {
  font-size: 11px;
  text-transform: uppercase;
  color: #333333;
  background: #eeeeee;
  padding: 5px;
}


table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
    padding: 5px;
}

.contentdescription {
    text-align: left;
}

.category {

}



.poll {
    font-size: 11px;
    padding: 0px;
    margin: 0px
}

table.pollstableborder {
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.smalldark {
    font-size: 11px;
    color: #333333;
    text-decoration: none;
    font-weight: normal;
}

table.searchinto {
    width: 100%;
}

table.searchintro td {
    color: #000000;
    font-weight: bold;
}


.pagenav {
    font-weight: normal;
}

.pagenavbar {

}

.content_rating {
    font-weight: normal;
    font-size: 8pt;
}

.content_vote {
    font-weight: normal;
    font-size: 8pt;
}

.back_button {
    text-align: center;
    margin-top: 40px;
}

.readon {
  display: block;
   
}

strong {
    color: #441112;
}
#pathway {
    padding-left: 15px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.copy, .copy a:link, .copy a:visited, .copy a:hover {
    color: #fff;
    text-decoration: none;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}
.designer{color: #666;}
.designer a:link,.designer a:visited{color: #666;font-size: 0.8em;text-decoration: none;}
.designer a:hover{color: #666;}
div.designer {
    text-align: center;
}
[/code]
Håber at i kan hjælpe

/Rex
Avatar billede soerenlyn Nybegynder
24. oktober 2007 - 17:54 #1
Jeg vil tro problemet er at du flere gange i dine ul og li'er bruger list-style:none;, som gør at det ikke bliver "listet" som det plejer. Prøv at fjern det :)
Avatar billede N00b Novice
24. oktober 2007 - 18:16 #2
Hmm det var sjovt, det virker i FF men ikke i IE6
Hvordan kan det være ??

Jeg har et test site kørende http://rex.homeftp.org

/Rex
Avatar billede soerenlyn Nybegynder
24. oktober 2007 - 18:20 #3
Jeg forstår ikke helt problemet nu? Jeg kan ikke umiddelbart se nogen forskel på IE og FF, eller kigger jeg forkert?
Avatar billede soerenlyn Nybegynder
24. oktober 2007 - 18:20 #4
nåhh, du mener når man ruller i menuen, og menupunktet forsvinder i IE men ikke i FF?
Avatar billede N00b Novice
24. oktober 2007 - 21:51 #5
Nope jeg har punktopstilling i FF men ikke i IE6
/Rex
Avatar billede soerenlyn Nybegynder
24. oktober 2007 - 22:00 #6
nåh, IE6... Det har jeg ikke, så kan desværre ikke se det..
Avatar billede N00b Novice
25. oktober 2007 - 07:29 #7
:) Der er desvære mange der har ødelagt deres internet oplevelser ved at opgradere til IE7 !!
Værst er at IE7 ikke håndtere nogle af MS's egene CSS koder (www.carcleaning.dk) der nederst i H hjørne står der design by Rex-IT, den er lavet med embled font (oprettet i MS's get prog) virker i FF og IE6 men ikke i IE7...

FF rules :p
Nå tilbage til mit Q, hvordan kan det være at der ikke er punkt opstilling i IE6 når der er i FF? hmm måske at der skal rydes ekstremt op i koden, for at få det til at virke.
/Rex
Avatar billede soerenlyn Nybegynder
25. oktober 2007 - 11:30 #8
Det tror jeg .... Jeg tror at hvis du havde 100% "korrekt" kode, så ville det nok løse sig ..
Avatar billede olebole Juniormester
25. oktober 2007 - 11:44 #9
<ole>

Det burde næppe overrakse nogen, IE7 ikke understøtter embedded fonts - og slet ikke webudviklere, der naturligvis alle har fulgt IE7's udviklingsholds blog tæt. Det har MS i årevis talt om, var en døgnflue, som ikke havde lang levetid.

FF 'rules' ikke mere end IE for folk, der kender FF, alle dens fejl og proprietære features - men det synes desværre politisk ukorrekt at sætte sig ind i den slags ... og endnu mere at udtale sig om det  :)

Med denne kode er det jo et under, at nogen browser på kloden overhovedet er i stand til at vise noget somhelst af siden:

<html><?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Skriv valid kode. Så kan du måske begynde at vurdere mere realistisk på browsernes kvalitet  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
25. oktober 2007 - 11:51 #10
- og så er dine scripts forøvrigt komplet inkompatible med XHTML. Ikke at det betyder så meget, da du jo har valgt en XHTML-version, der ikke kan parses som XHTML - men altid parses som HTML.
Skulle du en dag vælge at skrive rigtig XHTML, vil du dog få problemer med dine scripts
Avatar billede olebole Juniormester
25. oktober 2007 - 11:54 #11
- og koden, jeg viste i (25/10-2007 11:44:54), gør, at du disabler CSS' vigtigste områder i IE6. Linjen <?xml version="1.0" encoding="iso-8859-1"?> før DTD'en disabler således CSS' box-model, som bl.a. omhandler, hvordan margin, border og padding skal fortolkes. I begyndelsen af dokumentet skal der blot stå:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Avatar billede N00b Novice
25. oktober 2007 - 12:54 #12
jeg fortrækker FF andre IE og igen andre noget helt andet...

Jegh ar faktisk valideret koden hos w3.org, og validatoren har godkendt den uden fejl, lidt warnings men intet andet.

Og det er xhtml eller andet tør jeg ikke svare jeg har ikke selv skrevet koden, det er et templet som jeg har fundet og er ved at rette til.

Jeg er selv en spasser til CSS, hvilket oxe er derfor jeg poster her inde.

At IE7 ikke understøtter embeddede fonts syntes jeg stinker, men oki hvis det er sådan udviklingen er så konvertere vi til gif, np der.

Jeg prøver at rette ind til højre på css'et og melder tilbage.

/Rex
Avatar billede N00b Novice
10. januar 2009 - 14:18 #13
hmm denne er aldrig blevet lukket :(
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