Jump to content
  • 0

Вопрос-ответ


volkoff
 Share

Question

Итак, первый вопрос:

Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ?

padding 0px в свойстве дива не помогает

d6c94b72276b.png

хтмл

<div id="left">
<ul>
<li> one </li>
<li> two </li>
<li> three </li>
</ul>
</div>

<div> в css

#left
{
float:left;
width: 102px;
height:100px;
border:solid 1px #000;
}

<li> в css

li
{
list-style-image:url(img/li.jpg);
}

Спасибо !

Link to comment
Share on other sites

18 answers to this question

Recommended Posts

  • 0

не помогло

wsk4jn.gif

<div> и правда не виноват. если в него вместо

<ul>

<li> one </li>

<li> two </li>

<li> three </li>

</ul>

воткнуть любой текст - от красиво в верхний левый угол ложится.

Так что и правда надо вокруг списка с бубном плясать.

Еще идеи есть ? :)

Edited by volkoff
Link to comment
Share on other sites

  • 0

volkoff,

ul {margin: 0;}

А вообще, для таких случаев, рекомендую использовать firebag в FF, либо либо отладчик в любом другом браузере. В них можно посмотреть, какой из элементов дает отступ.

Edited by sigma77
Link to comment
Share on other sites

  • 0
А что зайти в раздел http://htmlbook.ru/faq и посмотреть там уже трудно?

Фигасе, я сначала подумал что это раздел какой то новый, где я не разу не был. Сайт не узнать. Форум тоже измениться?

Link to comment
Share on other sites

  • 0

о, спасибо !

7390bc1e8030.png

частично поргресс есть

А влево как присныковать ?

list-style-position:outside; (inside) hрезультатов не дали.

Картинка для списка - 16х16 так что это не из за нее

wsk4jn.gif

А что зайти в раздел http://htmlbook.ru/faq и посмотреть там уже трудно?

Инфа оттуда:

Как изменить отступ слева от маркеров списка?

Опубликовано: 23.09.2010

Влад Мержевич

Добавьте свойство margin-left

ну у меня общий margin - 0. и не работает ведь

wsk4jn.gif

Можно решить проблему, вогнав margin-left: в минуса.

Но разве это традиционынй способ ?

Edited by volkoff
Link to comment
Share on other sites

  • 0
Можно решить проблему, вогнав margin-left: в минуса.

Но разве это традиционынй способ ?

Еще можно поизвращаться и прописать в ul

text-indent: -20px

вместо

margin-left: -20px

Но мне почему то кажется что должен быть способ обойтись и без подобных мер

Link to comment
Share on other sites

  • 0

Есть .png для формы поиска.

search.png

Как сделать так, чтобы можно было вводить в неё запрос?

Я делал так: создавал форму <form><input type = "text"/></form>. позиционировал её так, чтобы она подпадала под картинку, а она не работает. Если вывести из под картинки, то работает.

Link to comment
Share on other sites

  • 0
Не превращай пост в помойку, есть вопрос, создай отдельную тему!

А лучше, прежде чем задавать вопрос за вопросом, пройдись вот сюда и изучи тут всё досконально http://htmlbook.ru/

Link to comment
Share on other sites

  • 0

Вопрос:

Есть блог на wp. На главную в сайдбар выводятся превьюшки видео-роликов с ютуба. Превьюшки размерами: 110*80

Как сделать так, чтобы при нажатии на превью, пользователь либо переходил на ютуб (на канал с роликом), либо на страницу на сайте, где и выложен сам ролик.

<object data="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" type="application/x-shockwave-flash" width="110" height="80" style="border: 2px solid gray;"><param name="movie" value="http://www.youtube.com/v/<?php echo stripcslashes($fvideo); ?>" /><param name="wmode" value="transparent"/><param name="width" value="400"/></object>

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy