|
Как убрать промежутки между контейнерами ?
|
|
| BUDARHANAT | Дата: Суббота, 10 Декабря 2011, 05:28 | Сообщение # 1 |
участник
Сейчас нет на сайте
| Не могу понять откуда беруться промежутки между контейнерами div или ячейками td.
Общий размер основного контейнера в CSS :
width: 1180px;
height: 700px;
В нём таблица состоящая из трёх ячеек.
Code <div class="monitor"> <table> <tr> <td><div class="menu"></div></td> <td><div class="game"></div></td> <td><div class="menu"></div></td> </tr> </table> </div>
В каждой ячейке помещён контейнер.
В CSS размеры контейнеров идеально влазят в основной контейнер.
Но в браузере появляются промежутки (((
Вот пример :
http://lastatlantida.ucoz.net/bags/skrine.png
В чём проблема ? Откуда они берутся ? И как их убрать ?
В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
Сообщение отредактировал BUDARHANAT - Суббота, 10 Декабря 2011, 05:30 |
|
|
| |
| Assasin | Дата: Суббота, 10 Декабря 2011, 15:54 | Сообщение # 2 |
web-coder
Сейчас нет на сайте
| Для таблицы
http://htmlbook.ru/html/table/cellpadding
http://htmlbook.ru/html/table/cellspacing
для div'ов в css пропиши
|
|
|
| |
| BUDARHANAT | Дата: Воскресенье, 25 Декабря 2011, 07:54 | Сообщение # 3 |
|
участник
Сейчас нет на сайте
| Спасибо. Помогло.
А я прописывал только:
border: 0px;
margin: 0px;
padding: 0px;
А оно вон оказывается что. Ещё оказывается есть такие тонкости.
Спасибо !Добавлено (25.12.2011, 07:54)
---------------------------------------------
Решил не создавать новую тему, дабы не засорять мелкими темами форум.
У меня такой вопрос, обычно во многих уроках и разных скриптах я вижу такой код.
Пример :
Code <img src="/images/1.jpg" alt="" title="" />
Но у меня он не работает. Хоть с обычной папки запускать, хоть через XAMPP.
В браузере этот контейнер пустой, где такой код.
Но если туда добавить полный путь к файлу, то всё работает.
Пример :
Code <img src="http://localhost/StG.ru/images/1.jpg" alt="" title="" />
То есть, как таково, проблемы у меня нет. Если прописывать полный путь, то всё нормально.
Но я засомневался в том, что такой подход правильный. Ну если пишут код, где путь к файлу начинается
с директории, то значить должно работать ? А почему у меня тогда не работает ?
В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
|
|
|
| |
| lvovand | Дата: Воскресенье, 25 Декабря 2011, 09:49 | Сообщение # 4 |
|
старожил
Сейчас нет на сайте
| попробуй написать src="images/1.jpg"
когда пишешь src="/images/1.jpg" он видимо ищет у тебя папку images в корне, куда ссылается localhost
либо виртуальный хост надо настроить
Разработка и продвижение сайтов. Дизайн
|
|
|
| |
| BUDARHANAT | Дата: Воскресенье, 18 Марта 2012, 13:42 | Сообщение # 5 |
|
участник
Сейчас нет на сайте
| Решил тут спросить, что бы не создавать новую тему.
Проблема такая :
Сделал меню из картинок.
Принцип простой :
Code <table><tr> <td class="knop"><a href="ссылка"><div class="portal" title="портал"></div></a></td> <td class="knop"><a href="ссылка"><div class="register" title="регистрация"></div></a></td> <td class="knop"><a href="ссылка"><div class="welcom" title="вход в игру"></div></a></td> </tr></table>
В теге ссылки помещён тег контейнера.
Для контейнера заданы свойства через css.
Code
div.portal {
background: url(ссылка на изображение кнопки/portal.png);
width: 50px;
height: 50px;
}
div.portal:hover{
background: url(ссылка на изображение/portal_active.png);
width: 50px;
height: 50px;
cursor: url(ссылка на избражение курсора/cursor_link.png);
}
Через title я задаю всплывающую подсказку.
Проблема в том, что курсор закрывает эту самую подсказку.
Не могу найти, как сделать, что бы то, что написано в title выводилось вверху, над кнопкой.
Может кто подскажет ? Пожалуйста !!!
В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
|
|
|
| |
|
| BUDARHANAT | Дата: Воскресенье, 18 Марта 2012, 18:12 | Сообщение # 7 |
|
участник
Сейчас нет на сайте
| Хм ... думаю, что это не выход.
Курсор, как бы, неотделимый элемент дизайна.
Если по всему телу (body) гуляет этот курсор :
То на ссылках обычный курсор из windows. И этот переход ... ну как бы сказать ... портит только весь вид и атмосферу.
Вот я и решил добавить для ссылок свой курсор.
Смотрится он великолепно. И не хотелось бы отказываться от него.
В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
|
|
|
| |
|
| romgerman | Дата: Воскресенье, 18 Марта 2012, 18:51 | Сообщение # 9 |
старожил
Сейчас нет на сайте
| Чтобы изменить позицию подсказок, нужно написать свой скрипт и добавить к нему стили, ну или задать свой курсор для страницы.
|
|
|
| |
| Assasin | Дата: Воскресенье, 18 Марта 2012, 20:11 | Сообщение # 10 |
|
web-coder
Сейчас нет на сайте
| Измени позицию подсказки, правее курсора, или ниже/выше через css
|
|
|
| |
| romgerman | Дата: Воскресенье, 18 Марта 2012, 21:19 | Сообщение # 11 |
|
старожил
Сейчас нет на сайте
| Если подсказка не системная, то можно, а если да, то нельзя.
|
|
|
| |
|
| romgerman | Дата: Воскресенье, 18 Марта 2012, 23:06 | Сообщение # 13 |
|
старожил
Сейчас нет на сайте
| Можешь посмотреть скрипты на ruseller.com.
|
|
|
| |
| BUDARHANAT | Дата: Воскресенье, 18 Марта 2012, 23:53 | Сообщение # 14 |
|
участник
Сейчас нет на сайте
| Как задать свойства элементу title, так и не нашёл, и не понял.
Уроков есть конечно много разных и интересных в интернете, но ни один не получилось
адаптировать под свой код.
Придётся наверно код переделывать.
В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
|
|
|
| |
| Assasin | Дата: Понедельник, 19 Марта 2012, 03:04 | Сообщение # 15 |
|
web-coder
Сейчас нет на сайте
| Вот набросок кода на jquery, осталось только оформить стиль подсказки
Code <script> $(function(){ $(".knop a").mouseover(function(e){ var t = e.pageY+10; var l = e.pageX+5; $("body").append('<div style="position:absolute;top:'+t+'px;left:'+l+'px;display:block;" id="tooltip">'+$(this).children().eq(0).attr('title')+'</div>'); }).mouseout(function(){ $("#tooltip").remove(); }) }) </script> |
|
|
| |
| ElDarco | Дата: Понедельник, 19 Марта 2012, 09:36 | Сообщение # 16 |
почетный гость
Сейчас нет на сайте
| ТС!
Вот ссылко:
http://habrahabr.ru/post/137412/
Если влом читать то смотри примеры:
http://tympanus.net/TipsTricks/CSS3Tooltips/index.html
С лично советую Demo 4.
Очень хорошее меню получиться если помучатся.
Скачать эти демо можно тут -> Готовые меню
Спасибо не нужно. Даже если и помог то лучше напиши спасибо автору на Хабре.
Assasin, я ничего не имею против jquery.
Но имхо не нужно грузить страницу тем с чем прекрасно может справиться CSS.
Сообщение отредактировал ElDarco - Понедельник, 19 Марта 2012, 09:56 |
|
|
| |
| romgerman | Дата: Понедельник, 19 Марта 2012, 10:32 | Сообщение # 17 |
|
старожил
Сейчас нет на сайте
| Через ксс нельзя задать стили подсказкам из тега title, а в ксс3 они задаются через псевдо-элементы типа span'a.
|
|
|
| |
| ElDarco | Дата: Понедельник, 19 Марта 2012, 12:07 | Сообщение # 18 |
|
почетный гость
Сейчас нет на сайте
| Да в принципе мне то все равно.
Ссылку дал - полезно - круто. Нет - так нет.
|
|
|
| |
| Assasin | Дата: Понедельник, 19 Марта 2012, 14:37 | Сообщение # 19 |
|
web-coder
Сейчас нет на сайте
| ElDarco, Согласен, но я показал пример что бы он не переписывал структуру своего меню, а только js код вставил и вперед.
|
|
|
| |
| ElDarco | Дата: Понедельник, 19 Марта 2012, 15:38 | Сообщение # 20 |
|
почетный гость
Сейчас нет на сайте
| Ну и ладно. Я все равно останусь верен этому меню 
Наверное ТС лучше переписать, но решать ему
|
|
|
| |
