- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi all,i am new member and newbie at web design. I want to code this http://www.dodaj.rs/f/1m/yf/3gnw9VCY/lista.
but i don’t know how,all day i search at google and i didn’t find answer.
I wrote this in my css
#one img {width: 26px;height: 26px;}
.a{list-style-image: url(1.png);}
.b{list-style-image: url(2.png);}
.v{list-style-image: url(3.png);}
.g{list-style-image: url(4.png);}
.d{list-style-image: url(5.png);}
.e{list-style-image: url(6.png);}
.z{list-style-image: url(7.png);}
and in HTML
and got this
http://www.dodaj.rs/f/2Z/et/b2QKvlk/mojalista.png
Do i need to make so much class?
For modern browsers you can use pseudo class selectors like nth-of-type
or nth-child
When you want more control over spacing, then you can use background-images on the list-items, instead of list-style-image
.
(Initial reaction got stuck in the filter – probably because of too many links).
And how to change the image size? where to type and what?
i tryed
.a img{width=”100px”} and that didnt work
thank you :)