АРМАДА
Технические вопросы по HTML
На страницу 1, 2  След.
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Ср Май 01, 2013 2:20 pmДобавить в избранноеОтветить с цитатой
Как задать div'у позицию чтобы он во всех браузерах был на одном и том же месте?

есть место на экране куда хочу поместить див, в инете нашел вариант, все разместил, радуюсь.......в лисе, лан хоть проверил в разных браузерах - во всех браузер он отличался, особенно в осле.

<DIV style="position: absolute; top: 100px; left: 330px;">

почему так то? как сделать чтобы он во всех браузерах занимал одно и тоже место.

В лисе например изза плагинов увеличилась верхнее меню, и паходу он считает от него...

bl0geps +
Свой
Зарегистрирован: 30.03.2013
Сообщений: 4
Обратиться по нику
# Добавлено:Вт Июн 11, 2013 10:32 pmОтветить с цитатой
Хорошее решение использования тэгов div, с отображением шаблона сайта в виде блоков и с устойчивостью отображения во всех открытых браузерах для просмотра, тоесть все будет стоять на месте и не разбегается по сторонам. Это скрипт последней версии букса mfs 2.2, где также сделано хорошее решение для отображения вида сайта в разных минимальных и максимальных по ширине разрешениях монитора при 17-22 диагонали.
Это в стиле:
.wrapper {
margin: auto;
width: 100%;
text-align: left;
min-width: 994px;
max-width: 1600px;}

.wrapper {width: expression(((document.body.clientWidth)) < 994? "994px": ((document.body.clientWidth)) > 1400? "1400px": "92%" );}


Но чтобы изменять шаблон нужно удалить строку ява скрипта в файле head.php:

<script language="JavaScript" type="text/javascript">
date = new Date();
a = date.getHours();
if (a > 7 && a < 20) {
document.write("<link rel='stylesheet' href=' /style/althead.css' type='text/css'>");
}
</script>

И только теперь можете изменять блоки по длине, высоте, цвету и всему, что пожелаете сделать. Самое главное понимать в этом думаю - позиционирование.

xmod
Свой
Зарегистрирован: 26.12.2012
Сообщений: 28
Обратиться по нику
# Добавлено:Ср Июн 12, 2013 10:45 amОтветить с цитатой
Вот это да , вообще ничего не понял
SeoDor - нормальный дорген. -20% , в личку.
SEO-хостинг, VPS, выделенные сервера для SeoDora и других

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Вс Июн 16, 2013 5:48 pmОтветить с цитатой
border-right: 1px solid #A6AAA1; вот это делает | херню справа от элемента, а как сделать чтобы у последнего элемента меню такая палка не прибавлялась?

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Вс Июн 16, 2013 9:00 pmОтветить с цитатой
Попробуй поколдовать с
http://htmlbook.ru/css/outline
http://htmlbook.ru/css/outline-width
http://htmlbook.ru/css/outline-style
Oscar the grouch Здесь могла быть ваша реклама

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Вс Июн 16, 2013 9:44 pmОтветить с цитатой
Спасибо, нихера в этом я ессесно не понимаю!, но ура у меня получилось style="border-right-style: none;" - так надо сделать у последней ссылки, терь буду знать )))

Taburetkin
Гуру
Зарегистрирован: 25.02.2007
Сообщений: 1426
Star (Сумма: 1)
Обратиться по нику
# Добавлено:Пн Июн 17, 2013 7:46 amОтветить с цитатой
DK писал(а):
border-right: 1px solid #A6AAA1; вот это делает | херню справа от элемента, а как сделать чтобы у последнего элемента меню такая палка не прибавлялась?



кури :last-child и :nth-child

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Вт Июн 18, 2013 2:02 amОтветить с цитатой
аха спасиб, блин странно на одном сайте сработало моя схема, на другом почему то не работает.

вобщем разобрался, все пашет Yahoo!

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Чт Dec 12, 2013 9:46 pmОтветить с цитатой
http://cars.mail.ru/catalog/land_rover/defender/90/offroad/specifications/

народ справа у них тумбы <div class="shopwindow__box"></div>

див то я нашел, а не могу в коде найти как они такие симпотные тумбочки делют

Taburetkin
Гуру
Зарегистрирован: 25.02.2007
Сообщений: 1426
Star (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Dec 14, 2013 9:33 pmОтветить с цитатой
DK писал(а):
http://cars.mail.ru/catalog/land_rover/defender/90/offroad/specifications/

народ справа у них тумбы <div class="shopwindow__box"></div>

див то я нашел, а не могу в коде найти как они такие симпотные тумбочки делют



border: 1px solid rgb(221, 221, 229);
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Пн Dec 16, 2013 8:01 amОтветить с цитатой
спасибо, терь оказывается узнал про новый для себя элемент box-shadow, так глядишь и html выучу

DK +
wordpress
Зарегистрирован: 18.06.2008
Сообщений: 2425
Обратиться по нику
# Добавлено:Пт Май 23, 2014 6:27 pmОтветить с цитатой
блин почему не работает ласт чаилд

ul.menu li a {
border-right: 1px solid #FFF;
}

ul.menu li a:last-child {
border-right: none;
}


сечас на последнем элемента делаю как когда то подсказали

<li><a style="border-right-style: none;" href="#">хуй</a>

но чот я думаю как то не правильно это все Smile

veligursky +
Гуру
Зарегистрирован: 14.07.2008
Сообщений: 1127
Обратиться по нику
# Добавлено:Сб Май 24, 2014 9:45 pmОтветить с цитатой
DK писал(а):
блин почему не работает ласт чаилд

ul.menu li a {
border-right: 1px solid #FFF;
}

ul.menu li a:last-child {
border-right: none;
}


сечас на последнем элемента делаю как когда то подсказали

<li><a style="border-right-style: none;" href="#">хуй</a>

но чот я думаю как то не правильно это все Smile



применяй к li
Блог для Новичков в SEO и CPA, CPA Admitad

Taburetkin
Гуру
Зарегистрирован: 25.02.2007
Сообщений: 1426
Star (Сумма: 1)
Обратиться по нику
# Добавлено:Пн Май 26, 2014 10:45 amОтветить с цитатой
DK писал(а):
блин почему не работает ласт чаилд



ul.menu a имеет приоритет. Добавьте !important

ul.menu li a:last-child {
border-right: none!important;}

veligursky +
Гуру
Зарегистрирован: 14.07.2008
Сообщений: 1127
Обратиться по нику
# Добавлено:Пн Май 26, 2014 12:09 pmОтветить с цитатой
Taburetkin писал(а):
DK писал(а):
блин почему не работает ласт чаилд



ul.menu a имеет приоритет. Добавьте !important

ul.menu li a:last-child {
border-right: none!important;}


ересь, такое имело бы смысл если бы внутри было бы несколько тегов А,
наследование через li решает это и без !important

правильно вот так,
ul.menu li:last-child a {
border-right: none;}
Блог для Новичков в SEO и CPA, CPA Admitad
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры