Суббота, 14 Декабря 2024, 07:57

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 2
  • 1
  • 2
  • »
Как убрать промежутки между контейнерами ?
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 пропиши
Code
margin: 0;
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 выводилось вверху, над кнопкой.

Может кто подскажет ? Пожалуйста !!!


В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
anton-garДата: Воскресенье, 18 Марта 2012, 15:11 | Сообщение # 6
WEBmaster
Сейчас нет на сайте
Может сделать при наведении курсор текстовым?
Что-то вроде - cursor: text;

Добавлено (18.03.2012, 15:11)
---------------------------------------------
У меня, например, вспомогательные окна автоматом ниже курсора появляются.


BUDARHANATДата: Воскресенье, 18 Марта 2012, 18:12 | Сообщение # 7
участник
Сейчас нет на сайте
Хм ... думаю, что это не выход.
Курсор, как бы, неотделимый элемент дизайна.

Если по всему телу (body) гуляет этот курсор :



То на ссылках обычный курсор из windows. И этот переход ... ну как бы сказать ... портит только весь вид и атмосферу.
Вот я и решил добавить для ссылок свой курсор.



Смотрится он великолепно. И не хотелось бы отказываться от него.


В этой жизни тот добивается чего-то, кто смог победить в себе свою лень, свои страхи, свою неуверенность, свои слабости и недостатки.
anton-garДата: Воскресенье, 18 Марта 2012, 18:36 | Сообщение # 8
WEBmaster
Сейчас нет на сайте
BUDARHANAT, ах, да, если же на сайте свои курсоры, то это не выход.

romgermanДата: Воскресенье, 18 Марта 2012, 18:51 | Сообщение # 9
старожил
Сейчас нет на сайте
Чтобы изменить позицию подсказок, нужно написать свой скрипт и добавить к нему стили, ну или задать свой курсор для страницы.
AssasinДата: Воскресенье, 18 Марта 2012, 20:11 | Сообщение # 10
web-coder
Сейчас нет на сайте
Измени позицию подсказки, правее курсора, или ниже/выше через css
romgermanДата: Воскресенье, 18 Марта 2012, 21:19 | Сообщение # 11
старожил
Сейчас нет на сайте
Если подсказка не системная, то можно, а если да, то нельзя.
anton-garДата: Воскресенье, 18 Марта 2012, 21:51 | Сообщение # 12
WEBmaster
Сейчас нет на сайте
Да, тут уж только свою подсказку писать.

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
почетный гость
Сейчас нет на сайте
Ну и ладно. Я все равно останусь верен этому меню smile

Наверное ТС лучше переписать, но решать ему
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг