You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
Newbie
Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер?
создал Вот такой список:
сss-код:
#menu {
/** background: #333333; **/
float: left;
width: 250px;
height: 624px;
margin-top: 10px;
margin-right: 10px;
border: 1 solid black;
padding-right: 20px;
}
/* =-=-=-=-=-=-=-[Menu]-=-=-=-=-=-=-=- */
#menu a { clear:both;
}
#menu li a {
text-decoration: none;
}
#menu li a:link, #menu8 li a:visited {
color: #777;
display: block;
padding: 17px 0 0 20px;
margin: 0px 0px 10px 0px;
}
#menu li a:hover {
padding: 17px 0 0 20px;
margin: 0px 0px 10px 0px;
}
#menu li a:active {
color: #777;
padding: 17px 0 0 20px;
margin: 0px 0px 10px 0px;
}
#menu ul {
list-style-type: none;
border : 1px solid yellow;
}
#menu li {
border : 0px solid yellow;
}
/** добавление маленьких иконок возле элементов списка-меню **/
#one {
background: url(img/yelowflower.png) no-repeat;
border : 1px solid black;
padding: 10px 10px 10px 30px;
text-align : center;
}
#two {
background: url(img/redflower.png) no-repeat;
border : 1px solid black;
padding: 10px 10px 10px 30px;
}
#three {
background: url(img/blueflower.png) no-repeat;
border : 1px solid black;
padding: 10px 10px 10px 30px;
}
но почему-то при нажатии на эти ссылки-элементы списка они смещаются таким образом:
даже добавил #menu a { clear:both; } все равно элементы наезжают друг на друга
Подскажите, пожалуйста, может что-нибудь надо подправить, где может быть ошибка. и как её исправить.
Link to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.