Меню для доски объявлений

Меню для доски объявлений из html кода

 
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 36
Всем привет!

Хочу сделать меню для доски объявлений, html кодом для вывода виджетом на странице просмотра списком:

Меню для доски объявлений

имею такой код:
Спойлер
Вопрос заключается в:

1. почему в пункте 2 и 3 нет отступа от картинки как в пункте 1?
2. Как правильнее оформить данный код?

Целью такого меню является, вставка ссылок пунктов меню, для замены такого меню:
Меню для доски объявлений

или может есть другое решение?

Помогите пожалуйста, всем добра:)
Редактировалось: 2 раз (Последний: 8 мая 2019 в 18:12)
Посетитель
small user social cms
Медаль
Сообщений: 346
MrDinesh:
1. почему в пункте 2 и 3 нет отступа от картинки как в пункте 1?
наверно потому что..
Код PHP:
  1.  
  2. <a title="------" href="ссылка">
  3. <span>
  4. <div style="float:left; margin-right:10px;">
  5. <img title="------" style="vertical-align: middle;" src="cats.png" alt="описание" height="60" width="60" />
  6. </div>
  7. <b>Пункт 1</b>
  8. </span>
  9. </a>
  10.  
в первом пункте вы завернули картинку в div и задали margin-right:10px; а в последующих нет
MrDinesh:
2. Как правильнее оформить данный код?
На этот вопрос вам могут ответить сотни человек, и каждый будет считать свой вариант правильным)))
Редактировалось: 3 раз (Последний: 8 мая 2019 в 18:21)
Реклама
cms
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 36
Killer's dream:
На этот вопрос вам могут ответить сотни человек, и каждый будет считать свой вариант правильным)))
Подскажите как бы Вы сделали этот код?)
Посетитель
small user social cms
Медаль
Сообщений: 346
MrDinesh:
Подскажите как бы Вы сделали этот код?)
Даже не знаю ))) как бы я сделал)))
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 36
Спойлер
Получаем такой вид:
Меню для доски объявлений

scratch
Посетитель
small user social cms
Медаль
Сообщений: 346
Вот так попробуйте
Спойлер
Редактировалось: 1 раз (Последний: 8 мая 2019 в 19:02)
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 36
Killer's dream:
Вот так попробуйте
Спойлер
Спасибо большое,с меня плюс v
еще добавил 2 строки для отступов, и класс))

а можно как нибудь добавить цвет этих ссылок?
Посетитель
small user social cms
Медаль
Сообщений: 346
MrDinesh:
а можно как нибудь добавить цвет этих ссылок?
<a title="------" href="ссылка" style="margin-right:10px;"> вот в этих строках добавьте еще color: #999; перед или после margin-right:10px;
а вообще не по царски так стили прописывать) создайте файл css и там всё с чувством с толком с расстановкой пропишите.
Редактировалось: 1 раз (Последний: 8 мая 2019 в 19:33)
Посетитель
small user social cms
Почетный донор проекта
Сообщений: 36
Killer's dream:
<a title="------" href="ссылка" style="margin-right:10px;"> вот в этих строках добавьте еще color: #999; перед или после margin-right:10px;
То что доктор прописал, спасибо Вам большое:)

Тему закрываю, проблема была решена:)

Вывод:
Спойлер
В начало страницы
Предыдущая темаСледующая тема Перейти на форум: