Punkt opstilling, virker ikke (nu gør det)

[kancaie]

Hej Jeg har et kæmpe problem.

Jeg kan ikke bruge punkt opstilling på i mit template. 
Hvis jeg bruge punktopstilling med tal så virker det fint, men hvis det er med prikker så vises prikkerne ikke 

Og jeg ander ikke hvor jeg skal kigge efter fejlen, da jeg ikke er så sa.... stærk i CSS/php
Min CSS kode ser sådan her ud.

Code: Select all

/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
	margin-bottom: 0px;
}

.clr {
	clear: both;
}

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

table.content_table td {
	padding: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	height: 210px;
    width: 980px;
    background: url(../images/Top.jpg) no-repeat;
}

#banner {
	float: left;
	padding-top: 20px;
	padding-left: 100px;
	height: 101px;
         width: 683px;
         background: url(../images/banner.jpg) no-repeat;
}

#leftbg {
	float: left;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 52px;
	width: 297px;
    background: url(../images/left.jpg) no-repeat;
}

#leftbottom {
	float: left;
	padding: 0px;
	height: 21px;
    width: 297px;
    background: url(../images/left_bottom.jpg) no-repeat;
}

#top {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 0px;
    width: 683px;
    background: url(../images/main.jpg) no-repeat;
}

#topbottom {
	float: left;
	padding: 0px;
	height: 20px;
         width: 683px;
         background: url(../images/top_bottom.jpg) no-repeat;
}

#maintop {
	float: left;
	height: 23px;
    width: 683px;
    background: url(../images/main_top.jpg) no-repeat;
}

#main {
	float: left;
	padding-left: 20px;
	padding-right: 50px;
    width: 683px;
    background: url(../images/main_background.jpg) repeat-y;
}

#mainbottom {
	float: left;
	padding: 0px;
	height: 20px;
	width: 683px;
    background: url(../images/main_bottom.jpg) no-repeat;
}

#bodytotal {
    border: 1px solid #000000;
	padding: 0px;
    width: 980px;
    background: #5E7FAC;
}

#user1 {
    border-right: 1px dashed #999999;	
	padding-right: 3px;
}

#user2 {
	padding-left: 3px;
}
.maintitle {
	color: #737272;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #66FF33;
  font-size: 14px;
  font-weight: bold;
}

.back_button {
	float: left;
  text-align: center;
  font-size: 10px;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 10px;
  width: auto;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

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

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


td {
	text-align: left;
	font-size: 11px;
}



body {
	margin: 0px;
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 10px;
	color: #737272;
	background: #4A6385;
}

/* Joomla core stuff */
a:link, a:visited {
	color: #000000; text-decoration: none;
	
}

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

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

table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



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

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #333333;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  width: auto;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 22px !important;
  height: 20px;
  margin: 1px;
}

.inputbox {
         color: #333333;	
         padding: 2px;
	border:solid 1px #666666;
	background-color: transparent;
}

.componentheading {
	/*background: url(../images/subhead_bg.png) repeat-x;*/
	color: #5F4C5F; /* Rex - MosMainTOp*/
         border-bottom: 1px dashed #999999;		
         text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-size: 11px;
	text-transform: uppercase;
}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 25px;
	color: #4A4968; /* Rex - Contains Title */
	font-size: 11px;
	white-space: nowrap;
}



.contentpagetitle {
	font-size: 13px;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 { /* Rex - Left panel*/
	color: #5F4C5F;
         border-bottom: 1px dashed #999999;		
         text-align: left;
	padding-left: 4px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
         font-weight: normal;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #000000;
}

.sectiontableentry2 {
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #D1D1D1;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #D1D1D1;
	font-size: 11px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
	border-bottom: 1px dashed #666666;	  
   	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-size: 11px;
	text-transform: uppercase;
}
/* ==> Module links */
a.mainlevel:link, a.mainlevel:visited {
	display: block;
         border-bottom: 1px solid #333333;	
	vertical-align: middle;
	font-size: 11px;
	color: #4A3192;
	
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 16px !important;
	height: 20px;
	width: 100%;
	text-decoration: none;
	
}

a.mainlevel:hover {
    border-bottom: 1px solid #666666;
	text-decoration: none;
	color: #4D3A82;
	font-weight: bold;
}

a.mainlevel#active_menu {
	color:#4E28BB;
         border-bottom: 1px solid #666666;
		 font-size: 12px;
		 font-weight: bold;
		 font-style: italic;
}

a.mainlevel#active_menu:hover {
	color: #5B546F;
         border-bottom: 1px solid #666666;
}
/* <== Module */
a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	color: #000000;
	text-align: left;
}

a.sublevel:hover {
	color: #330066;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #330066;
}

.highlight {
	background-color: Yellow;
	color: Blue;
	padding: 0;
}
.code {
	border: 1px solid #bbb;
}

form {
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}

Jeg har samme problemer med et andet template, der kan jeg heller ikke lige se hvorfor at prikkerne ikke komme med, men måske ikke at fejlen er den samme for begges vedkommen ?

/Rex

<-- mod note zimmik: Ikon rette til Solved ~ Løst -->

[carbonarm]

Du skal have fat i den den af dit css som følger:

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

du kan se at den prøver at hente et billede ind der hedder arrow.png og at det lille billede som udgør prikken ligger i mappen images. Prøv først at checkke at du har et billede i den mappe med det navn og filtype! Hvis ikke...så er det der fejlen ligger.

Til en anden god gang, så husk lige at sætte et link til din hjemmeside, med et hjælpeværktøj til FF browseren der hedder FireBug kan man nemlig spore sig frem til, css, html og alting, så behøver du ikke at indsætte så megen kode en anden gang...

[kancaie]

Du skal have fat i den den af dit css som følger:

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

du kan se at den prøver at hente et billede ind der hedder arrow.png og at det lille billede som udgør prikken ligger i mappen images. Prøv først at checkke at du har et billede i den mappe med det navn og filtype! Hvis ikke...så er det der fejlen ligger.

Til en anden god gang, så husk lige at sætte et link til din hjemmeside, med et hjælpeværktøj til FF browseren der hedder FireBug kan man nemlig spore sig frem til, css, html og alting, så behøver du ikke at indsætte så megen kode en anden gang...

Hmm det kan jeg ikke forst, for et andet template jeg har, hvor punktopstillingen virker der står under li

"LIST-STYLE-POSITION: inside;
LIST-STYLE-IMAGE: url"

Det har jeg prøvet at kopiere over i stedet for den tekst der stod i den css fil jeg havde postet, men det hjalp ikke, jeg har også prøvet at kommentere li helt ud, det virker heller ikke...

Grunden til at jeg ikke postede et link er at jeg pt. kun køre lokalt et link til localhost vil ikke hjælpe meget.
/Rex

[kancaie]

Er der slet ikke nogle der kan guide mig i den rigtige henretning

Det er øv irreterende at jeg ikke kan få min punkt opstilling med på sitet...

/Rex

[KimM]

Code: Select all

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

I ovenstående kan du prøve at udkommentere den sidste linie:

Code: Select all

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

[kancaie]

Code: Select all

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

I ovenstående kan du prøve at udkommentere den sidste linie:

Code: Select all

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

Nu fatter jeg slet intet, nu har jeg punkt opstilling i FF men stadig ikke i IE
/Rex

[KimM]

Prøv at se hvad der sker hvis du også udkommenterer margin og padding

[kancaie]

Prøv at se hvad der sker hvis du også udkommenterer margin og padding

Sorry for det sene svar..

Ved at udkommentere (slette alt under ul) fik jeg punktopstilling i IE & FF

Takker
/Rex

[kancaie]

Sidder lige og kigger gl. indlæg igennem...

Er der ikke en mod der vil sætte denne til solved ?

/Rex

[zimmik]

Jo da, det er hermed gjort

[kancaie]

Jo da, det er hermed gjort

Hej Zimmik
Jeg har lidt flere indlæg der oxe trænger til et solved icon vil du hjælpe med dem oxe?

/Rex