UL en LI tonen geen disc

cokie · 1 december 2008 om 16:01

Hoi, ben bezig met het maken van een website.

mijn menu bovenaan bestaat uit een UL, dus in mijn css zit <li> met de gewenste opmaak.

ik ben nu bezig met het inbrengen van content. Ik wil graag een lijstje met disc symbool, maar krijg het niet weergegeven. ik heb gewooneen class gegeven aan de LI, hij springt wel in maar type disc werkt niet. bij ul werkt de type disc ook niet. ??

Geeft dit misschien een conflict met mijn li dat ik gebruik in mijn menu.

Hoe los ik dit op.

Dus in het kort:
Li en UL gebruik ik voor mijn menu (Li gebruik ik in mijn css voor opmaak)
Li en UL wil ik ook gebruiken voor een lijstje in mijn content met het disc symbool, maar die toont hij niet. (ik geef een class aan mijn Li, maar niets gebeurt)

macjk · 1 december 2008 om 16:09

misschien handig om je code te posten dan zien we snel genoeg wat je fout doet.

ijoost · 1 december 2008 om 16:11

Class op de UL misschien?

Maar ook voor jou het advies: Installeer Firebug even. Want daarmee kun je gemakkelijk zelf zien wat het effect van de diverse CSS-regels is voor een bepaald element in je webpagina. Warm aanbevolen.

cokie · 3 december 2008 om 09:20

Hoi, hier mijn css. LI gebruik ik voor mijn links (header) en dus .lijst, gebruik ik bij mijn ul als class , heb ook al bij mijn li geprobeerd maard geen effect. De insprong van een lijst is er wel, maar het disc symbooltje wordt niet weergegeven.

body { margin: 0px; background-color: #12436b;}

#wrapper { background: url(…/images/oranje.jpg) repeat-x; background-color: #ffffff;}

#container {
margin: 0 auto;
width: 899px;
background: url(’…/images/top.jpg’) no-repeat;

}

#logo {
padding-top: 40px;
float: left;

li {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #1663a0;
margin-top: 60px;
text-transform: uppercase;
font-size: 8pt;
padding-left: 19px;
float: left;
overflow: auto;
}

#nav {
float: left;
margin-left: 35px;
margin-top: 5px;

#header {
padding-top: 120px;

#links {
float: left;
width: 221px;
border-right: 1px solid #e2e4e5;
margin-top: 30px;

#content {
width: 605px;
font-family: Lucida Sans, Trebuchet MS, arial;
color: #1663a0;
text-transform: uppercase;
font-size: 12pt;
padding-left: 60px;
padding-top: 32px;
overflow: hidden;

#klaar {
clear: left;
}

.sublinks {

padding-left: 35px;
font-family: Lucida Sans, Trebuchet MS, arial;
text-transform: uppercase;
font-size: 8pt;
color: #1663a0;
line-height: 15px;
margin-top: 8px;

}

a {
font-family: Lucida Sans, Trebuchet MS, arial;
text-transform: uppercase;
font-size: 8pt;
color: #1663a0;

}

a:hover {
font-family: Lucida Sans, Trebuchet MS, arial;
text-transform: uppercase;
font-size: 8pt;
color: #7ba4c6;
text-decoration: none;

}

.hoofdlinks {
font-family: Lucida Sans, Trebuchet MS, arial;
text-transform: uppercase;
font-size: 8pt;
color: #1663a0;

}

.hoofdlinks:hover {
font-family: Lucida Sans, Trebuchet MS, arial;
text-transform: uppercase;
font-size: 8pt;
color: #ff9000;
text-decoration: none;

}

.nieuws {
padding-left: 30px;
border: 0;
}

.openingsuren {
padding-left: 35px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #1663a0;
font-weight: bold;

}

.dagen {
padding-left: 35px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #f19412;

}

.uren {
padding-left: 35px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #7d7d7d;

}

#footer {
height: 96px;
background-image: url(…/images/footer.jpg);
background-repeat: repeat-x;
clear: both;

}

.footertekst {
padding-top: 45px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #FFFFFF;
padding-left: 25px;

}

.hormann {
padding-top: 45px;
float: left;
border: none;

}

.lijnoranje {
color: #f19412;

}

.inhoudcontent {
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #676767;
text-transform: none;
padding-right: 30px;
line-height: 16pt;
margin-top: 15px;
}

#foot {
margin: 0 auto;
width: 899px;

}

.horlogo{
padding-left: 40px;
padding-right: 80px;
float: left;

}

.mailto {
padding-top: 45px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #f19412;
text-transform: none;
}

.mailto:hover {
padding-top: 45px;
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #FFFFFF;
text-transform: none;

}

#meerveldlinks {
background: url(…/images/bg_meer.jpg) no-repeat;
height: 180px;
width: 257px;
padding-left: 25px;
padding-top: 25px;
float: left;
text-transform: none;

}

#meerveldrechts {
background: url(…/images/bg_meer.jpg) no-repeat;
height: 180px;
width: 257px;
padding-left: 25px;
padding-top: 25px;
overflow: auto;
text-transform: none;

.titelmeerveld {
font-family: arial;
font-size: 12pt;
color: #ea8f0d;
text-transform: none;
}

.tekstmeerveld {
font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #7fa6c5;
text-transform: none;
line-height: 14pt;

}

.meerknoppen {

	margin-left: -3px;
	border: none;

}

.hoofdlinksbg {

	background-color: #FFFFFF;

}

#map {
style: width: 600px; height: 300px;
color:#7fa6c5;
}

h4 {
font-family: Lucida Sans, Trebuchet MS, arial;
color:#5782a6;
text-transform: none;
font-weight: 300;

.form {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #1663a0;
text-transform: none;
font-size: 8pt;
line-height: 16pt;

.naartoe {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #ff9000;
text-transform: none;
font-weight: bold;
font-size: 9pt;

.naartoe:hover {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #7ba4c6;
text-transform: none;
font-size: 9pt;

.route {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #1663a0;
text-transform: none;
font-weight: bold;
font-size: 9pt;

.stippellijn {
padding-top: 20px;

#hidden {
scrolling: no;
border: none;
width: 600px;
height: 100%;

.paddinglinkscontact {
padding-bottom: 230px;

.paddinglinksligging {
padding-bottom: 330px;

.infowindow {
font-family: Lucida Sans, Trebuchet MS, arial;
color: #12436b;
text-transform: none;
padding-right: 30px;
line-height: 16pt;
font-size: 8pt;
font-weight: 100;

h1 {
font-family: arial, Lucida Sans, Trebuchet MS;
color: #1663a0;
text-transform: none;
font-weight: 200;
font-size: 15pt;
line-height: 20pt;

h2 {
font-family: arial, Lucida Sans, Trebuchet MS;
color: #e38804;
text-transform: none;
font-weight: 200;
font-size: 12pt;
line-height: 20pt;

h3 {
font-family: arial, Lucida Sans, Trebuchet MS;
color: #424242;
text-transform: none;
font-weight: 200;
font-size: 12pt;

.titelsinteksten {
font-family: arial, Lucida Sans, Trebuchet MS;
color: #424242;
text-transform: none;
font-weight: 200;
font-size: 10,5pt;
margin-top: 5px;

embed {
float: left;
margin-left: -25px;
margin-top: 10px;
}

.space { margin-top: 5px;
}

.quote {font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #1663a0;;
text-transform: none;
padding-right: 30px;
line-height: 16pt;
margin-top: 15px;
}

.quote2 {font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #1663a0;;
text-transform: none;
padding-right: 30px;
line-height: 5pt;
margin-top: 15px;
}

h5 {
color: #424242;
font-size: 8pt;
}

#vetgrijs { color:#424242; font-weight:bold; }

#vetblauw { color:#12578e; font-weight:bold; }

#vetoranje { font-weight: bold; color:#ea8f0d; }

#vettiteloranje { color:#ea8f0d;
font-family: arial, Lucida Sans, Trebuchet MS;
text-transform: none;
font-weight: 200;
font-size: 12pt;
margin-top: 5px;

.indent {
margin-left: 20px;
margin-top:10px;

.lijst { font-family: Lucida Sans, Trebuchet MS, arial;
font-size: 8pt;
color: #676767;
text-transform: none;
type: disc;
margin-top: 10px;
clear: both;

.imgcontent { margin-right: 10px;
margin-top: 10px;
border: 1;
border-color: #666666;

#player {
padding-left: 30px;
margin-right: 20px;
margin-top: 10px;
float: left;
}

ijoost · 3 december 2008 om 10:31

http://jigsaw.w3.org/css-validator/validator

[quote:a33f5aef15]
Sorry! We vonden de volgende fouten (5)
URI : file://localhost/TextArea
285 #map poging een puntkomma te vinden voor de eigenschapnaam: voeg deze toe
349 #hidden Eigenschap scrolling bestaat niet : no
416 .titelsinteksten Ongeldig getal : font-size Te veel waarden of teveel onbekende waarden : 10,5pt
480 .lijst Eigenschap type bestaat niet : disc
488 .imgcontent Ongeldig getal : border 1 geen border-color waarde : 1

↑ Top
Waarschuwingen (34)
URI : file://localhost/TextArea
24 li Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
60 #content Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
79 .sublinks Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
89 a Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
99 a:hover Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
108 .hoofdlinks Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
116 .hoofdlinks:hover Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
132 .openingsuren Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
141 .dagen Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
149 .uren Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
167 .footertekst Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
169 Dezelfde kleur en achtergrondkleur in twee contexten #wrapper en .footertekst
169 Dezelfde kleur en achtergrondkleur in twee contexten .hoofdlinksbg en .footertekst
189 .inhoudcontent Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
215 .mailto Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
223 .mailto:hover Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
225 Dezelfde kleur en achtergrondkleur in twee contexten .hoofdlinksbg en .mailto:hover
225 Dezelfde kleur en achtergrondkleur in twee contexten #wrapper en .mailto:hover
262 .tekstmeerveld Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
294 h4 Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
303 .form Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
313 .naartoe Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
324 .naartoe:hover Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
334 .route Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
368 .infowindow Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
369 Dezelfde kleur en achtergrondkleur in twee contexten body en .infowindow
379 h1 Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
390 h2 Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
402 h3 Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
412 .titelsinteksten Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
431 .quote Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
440 .quote2 Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
461 #vettiteloranje Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.
476 .lijst Familienamen die spaties bevatten moeten tussen aanhalingstekens worden geplaatst. Als quotes worden weggelaten wordt elke tussenruimte voor en achter de naam genegeerd en elke groep whitespace-tekens in de naam wordt omgezet naar een spatie.

[/quote:a33f5aef15]

hansenonline · 3 december 2008 om 12:58

vind het een behoorlijke brij aan css en zonder html bestand is het nog steeds lastig om de overerving te vinden. wat ik in ieder geval niet tegenkom is ul{list-style-type: disc;}. ik raad je aan om de theorie over css beter te bestuderen, bijvoorbeeld door de boeken/websites te lezen die over webstandaarden en css gaan. ik zie dat je bijna overal je font declareert en dat is niet nodig als je voor de body je standaard font declareert. verder is het voor het overzicht m.i.

cokie · 4 december 2008 om 09:22

[quote:2c4f4f2310="hansenonline"]vind het een behoorlijke brij aan css en zonder html bestand is het nog steeds lastig om de overerving te vinden. wat ik in ieder geval niet tegenkom is ul{list-style-type: disc;}. ik raad je aan om de theorie over css beter te bestuderen, bijvoorbeeld door de boeken/websites te lezen die over webstandaarden en css gaan. ik zie dat je bijna overal je font declareert en dat is niet nodig als je voor de body je standaard font declareert. verder is het voor het overzicht m.i.[/quote:2c4f4f2310]

I know. Ik ben een grafisch vormgever en heb html/css via zelfstudie gedaan.
Thx voor de reacties

ijoost · 4 december 2008 om 10:36

Gebruik dan vooral de twee links die ik je gaf. Dan leer je het het snelst goed doen.