Beste,
Ik ben bezig met het basen van een layout. Maar nu stuit ik op een klein probleempje.
Ik wil namelijk een list gebruiken voor Nieuws headlines. Hierbij worden dus de standaard rondjes voor een list vervangen door een afbeelding als icoon.
Hier het stukje code:
CSS CodeCode:<div class="headlines"> <ul> <li><a href="#">Nieuws bericht post 1</a></li> <li><a href="#">Nieuws bericht post 2</a></li> <li><a href="#">Nieuws bericht post 3</a></li> <li><a href="#">Nieuws bericht post 4</a></li> <li><a href="#">Nieuws bericht post 5</a></li> </ul> </div>
Het werkt wel in IE, maar niet in FireFox.Code:/* Nieuws headlines */ .headlines ul { list-style-type:none; line-height: normal; list-style-image: url(../images/newsicon.png);list-style-position: inside;} .headlines li {display: block; background-image: url(../images/newsicon.png) no-repeat; } .headlines a {font-family:Tahoma, Verdana, Arial; padding:8px 11px 0px 11px;font-size: 10px;color: #908A87; text-decoration:none;} .headlines a:hover {color: #726861; text-decoration: underline;}
Wie zou me hiermee kunnen helpen, wat doe ik verkeerd?
Alvast bedankt!
- [XHTML/ CSS] Lists afbeeldingen als icoon
-
01-11-2007, 16:18 #1Particulier
- Berichten
- 587
- Lid sinds
- 17 Jaar
[XHTML/ CSS] Lists afbeeldingen als icoon
-
In de schijnwerper
negen duitse modegerelateerde domeinnamen te koop hoge exacte zoekopdrachtenDomein te koopMuziek Lyrics Merk met 480.000 Volgers op YouTube + TikTokSocial mediaEen unieke kans, een account van startpagina.nl met 55 startpagina-dochters.Domein te koopdrie franse domeinnamen te koop met hoge mnd zoekopdr vakantie en sneakersDomein te koop -
01-11-2007, 16:36 #2gast153 GuestCode:
/* Nieuws headlines */ .headlines ul { list-style-type:none; line-height: normal; list-style-image: url(../images/newsicon.png);list-style-position: inside; display: block;} .headlines li { background-image: url(../images/newsicon.png) no-repeat; } .headlines a {font-family:Tahoma, Verdana, Arial; padding:8px 11px 0px 11px;font-size: 10px;color: #908A87; text-decoration:none;} .headlines a:hover {color: #726861; text-decoration: underline;}
-
01-11-2007, 16:41 #3Particulier
- Berichten
- 587
- Lid sinds
- 17 Jaar
Origineel gepost door gast153Code:/* Nieuws headlines */ .headlines ul { list-style-type:none; line-height: normal; list-style-image: url(../images/newsicon.png);list-style-position: inside; display: block;} .headlines li { background-image: url(../images/newsicon.png) no-repeat; } .headlines a {font-family:Tahoma, Verdana, Arial; padding:8px 11px 0px 11px;font-size: 10px;color: #908A87; text-decoration:none;} .headlines a:hover {color: #726861; text-decoration: underline;}
-
01-11-2007, 18:12 #4
- Berichten
- 625
- Lid sinds
- 18 Jaar
background-image: url(../images/newsicon.png) no-repeat;
Dit lijkt me ook niet te werken (of iig niet goed). Die no-repeat hoort bij een background-repeat
-
01-11-2007, 20:59 #5Particulier
- Berichten
- 587
- Lid sinds
- 17 Jaar
Origineel gepost door Dirk Bonhommebackground-image: url(../images/newsicon.png) no-repeat;
Dit lijkt me ook niet te werken (of iig niet goed). Die no-repeat hoort bij een background-repeat
-
01-11-2007, 21:59 #6
- Berichten
- 625
- Lid sinds
- 18 Jaar
Origineel gepost door Jeroen MarechalDit is het short-hand code schrijven. Hierbij kan je bijvoorbeeld meer functies bij een atribuut instellen.
(http://www.w3.org/TR/CSS21/colors.ht...und-properties)
-
02-11-2007, 14:58 #7
- Berichten
- 1.104
- Lid sinds
- 17 Jaar
Ik gebruik voor een achtergrond meestal gewoon het simpele :
background: #FFFFFF url(bg.jpg) no repeat;
1 regel ipv 3 :D Maakt alles wat netter weet je wel ;)
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic