volkoff Posted September 26, 2010 Report Share Posted September 26, 2010 Итак, первый вопрос:Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ?padding 0px в свойстве дива не помогаетхтмл<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 More sharing options...
0 rediskavet Posted September 26, 2010 Report Share Posted September 26, 2010 (edited) margin: 0;только не диву а списку. Edited September 26, 2010 by rediskavet Link to comment Share on other sites More sharing options...
0 volkoff Posted September 26, 2010 Author Report Share Posted September 26, 2010 (edited) не помогло<div> и правда не виноват. если в него вместо <ul> <li> one </li> <li> two </li> <li> three </li></ul>воткнуть любой текст - от красиво в верхний левый угол ложится.Так что и правда надо вокруг списка с бубном плясать. Еще идеи есть ? Edited September 26, 2010 by volkoff Link to comment Share on other sites More sharing options...
0 sigma77 Posted September 26, 2010 Report Share Posted September 26, 2010 (edited) volkoff,ul {margin: 0;}А вообще, для таких случаев, рекомендую использовать firebag в FF, либо либо отладчик в любом другом браузере. В них можно посмотреть, какой из элементов дает отступ. Edited September 26, 2010 by sigma77 Link to comment Share on other sites More sharing options...
0 Vlad Posted September 26, 2010 Report Share Posted September 26, 2010 А что зайти в раздел http://htmlbook.ru/faq и посмотреть там уже трудно? Link to comment Share on other sites More sharing options...
0 rediskavet Posted September 26, 2010 Report Share Posted September 26, 2010 А что зайти в раздел http://htmlbook.ru/faq и посмотреть там уже трудно?Фигасе, я сначала подумал что это раздел какой то новый, где я не разу не был. Сайт не узнать. Форум тоже измениться? Link to comment Share on other sites More sharing options...
0 volkoff Posted September 26, 2010 Author Report Share Posted September 26, 2010 (edited) о, спасибо !частично поргресс естьА влево как присныковать ? list-style-position:outside; (inside) hрезультатов не дали.Картинка для списка - 16х16 так что это не из за нееА что зайти в раздел http://htmlbook.ru/faq и посмотреть там уже трудно?Инфа оттуда:Как изменить отступ слева от маркеров списка?Опубликовано: 23.09.2010Влад МержевичДобавьте свойство margin-leftну у меня общий margin - 0. и не работает ведьМожно решить проблему, вогнав margin-left: в минуса.Но разве это традиционынй способ ? Edited September 26, 2010 by volkoff Link to comment Share on other sites More sharing options...
0 Vlad Posted September 26, 2010 Report Share Posted September 26, 2010 Фигасе, я сначала подумал что это раздел какой то новый, где я не разу не был. Сайт не узнать. Форум тоже измениться?Не в ближайшее время. Link to comment Share on other sites More sharing options...
0 volkoff Posted September 26, 2010 Author Report Share Posted September 26, 2010 Можно решить проблему, вогнав margin-left: в минуса.Но разве это традиционынй способ ?Еще можно поизвращаться и прописать в ultext-indent: -20pxвместо margin-left: -20pxНо мне почему то кажется что должен быть способ обойтись и без подобных мер Link to comment Share on other sites More sharing options...
0 sigma77 Posted September 26, 2010 Report Share Posted September 26, 2010 volkoff,Обнули еще и padding. Link to comment Share on other sites More sharing options...
0 volkoff Posted September 26, 2010 Author Report Share Posted September 26, 2010 volkoff,Обнули еще и padding.Забавный получается результат:Потом через padding-left: тоже можно попристреливаться и сделать как надо Link to comment Share on other sites More sharing options...
0 botyaslonim Posted September 27, 2010 Report Share Posted September 27, 2010 Есть .png для формы поиска.Как сделать так, чтобы можно было вводить в неё запрос? Я делал так: создавал форму <form><input type = "text"/></form>. позиционировал её так, чтобы она подпадала под картинку, а она не работает. Если вывести из под картинки, то работает. Link to comment Share on other sites More sharing options...
0 Vlad Posted September 27, 2010 Report Share Posted September 27, 2010 Не превращай пост в помойку, есть вопрос, создай отдельную тему! Link to comment Share on other sites More sharing options...
0 psywalker Posted September 27, 2010 Report Share Posted September 27, 2010 Не превращай пост в помойку, есть вопрос, создай отдельную тему!А лучше, прежде чем задавать вопрос за вопросом, пройдись вот сюда и изучи тут всё досконально http://htmlbook.ru/ Link to comment Share on other sites More sharing options...
0 rediskavet Posted September 27, 2010 Report Share Posted September 27, 2010 Забавный получается результат:Если в начале CSS сделать глобальное обнуление вот так:*{margin: 0;padding: 0;}Можно после выставлять всем элементам свои поля и отступы. Link to comment Share on other sites More sharing options...
0 YaD Posted September 28, 2010 Report Share Posted September 28, 2010 Вопрос:Есть блог на 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 More sharing options...
0 YaD Posted September 29, 2010 Report Share Posted September 29, 2010 Сожалею, что не создал тему отдельно, но удалять отсюда сообщения не могу, так что жду вашего совета. Link to comment Share on other sites More sharing options...
0 rus Posted September 29, 2010 Report Share Posted September 29, 2010 Сожалею, что не создал тему отдельно, но удалять отсюда сообщения не могу, так что жду вашего совета.создай отдельную тему - это мой совет! Link to comment Share on other sites More sharing options...
0 YaD Posted September 29, 2010 Report Share Posted September 29, 2010 Спасибо Создал. Link to comment Share on other sites More sharing options...
Question
volkoff
Итак, первый вопрос:
Как сделать так, чтоб в <div>е список не оступал от верхнего и левого краев ?
padding 0px в свойстве дива не помогает
хтмл
<div> в css
<li> в css
Спасибо !
Link to comment
Share on other sites
18 answers to this question
Recommended Posts