The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> "list-style-type: none;" en "list-style: none;" werken niet
Drareg
post Jan 25 2025, 01:50 PM
Post #1





Group: Members
Posts: 1
Joined: 25-January 25
Member No.: 29,356



Ik heb een .html-bestand en een .css-bestand die aan elkaar ge'linkt' zijn.

In het html-bestand heb ik ergens staan:
<div id="sponsors">
<h3>Sponsors</h3>
<p>
<ul>
<li>
<img src="Afbeeldingen/directvpslogo_0.png" max width="100px">
</li>
<li>
<img src="Afbeeldingen/transip-logo.svg" max width="100px">
</li>
<li>
<img src="Afbeeldingen/E-boekhouden.jpg" max width="100px">
</li>
</ul>
</p>
</div>

In het css-bestand heb ik staan:
#sponsors {
line-height: 1.5em;
list-style: none;
padding: 1em 0; /* Afstand van de tekst vanaf de bovenkant */
position: fixed; /* Houdt dit blok op een vaste plaats */
right: 0; /* Houdt het blok helemaal rechts */
top: 0; /* Houdt de bovenkant op deze vaste plaats vanaf boven */
width: 8em; /* Breedte van het blok */
}

Toch krijg ik die stippen niet weg. Ik heb i.p.v. "list-style" ook al "list-style-type" geprobeerd, maar met net zo weinig effect, namelijk geen.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Jan 25 2025, 03:05 PM
Post #2


Advanced Member
****

Group: Members
Posts: 247
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743



Hoi Drareg,

Probeer het zo...

HTML
CODE

<div id="sponsors">
<h3>Sponsors</h3>
<ul>
  <li>
   <img src="Afbeeldingen/directvpslogo_0.png" alt="">
  </li>
  <li>
   <img src="Afbeeldingen/transip-logo.svg" alt="">
  </li>
  <li>
   <img src="Afbeeldingen/E-boekhouden.jpg" alt="">
  </li>
</ul>
</div>


CSS
CODE

body {
   font: normal 1em / 1.5  arial, helvetica, sans-serif;
}
#sponsors {
   width: 8em;
}
#sponsors ul {
   list-style: none;
}
#sponsors img {
   display: block;
   width: 100%;
   max-width: 6.25em;
   height: auto;
   margin: 0.25em 0;
}



coothead

This post has been edited by coothead: Jan 25 2025, 03:13 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 25 2025, 06:51 PM
Post #3


.
********

Group: WDG Moderators
Posts: 9,776
Joined: 10-August 06
Member No.: 7



The #sponsors CSS rule in the thread start is specified for the DIV element. But CSS list-style properties don't apply to DIV elements, and are not inherited by the DIV's child UL.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Jan 25 2025, 07:26 PM
Post #4


Advanced Member
****

Group: Members
Posts: 247
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743




Vertaling

De #sponsors CSS regel in de start van de thread is
gespecificeerd voor het DIV element.

Maar CSS list-style eigenschappen zijn niet van
toepassing op DIV elementen en worden niet geërfd
door de child UL van de DIV.

coothead
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 25 2025, 09:48 PM
Post #5


.
********

Group: WDG Moderators
Posts: 9,776
Joined: 10-August 06
Member No.: 7



Mijn hemel. tongue.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
coothead
post Jan 26 2025, 05:54 AM
Post #6


Advanced Member
****

Group: Members
Posts: 247
Joined: 12-January 23
From: chertsey, a small town 25 miles south west of london, england
Member No.: 28,743




Excuses daarvoor, ik verveelde me. IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 26 2025, 02:12 PM
Post #7


.
********

Group: WDG Moderators
Posts: 9,776
Joined: 10-August 06
Member No.: 7



That's the only Dutch phrase I know. I learned it from the Itchy Boots Youtube-channel. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
4 User(s) are reading this topic (4 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 18th February 2025 - 06:57 PM