HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Полоса прокрутки при абсолютном позиционировании
Имеется такая конструкция. В блок вложен блок с фоновой картинкой. <div class="outer"> <div class="block"></div> </div> Css: .outer{ width:980px; margin:0 auto; position:relative; } .block{ position:absolute; width:200px; height:200px; left:-100px; top:-50px; } В данном случае, если окно браузера сужается менее 1180px, полоса прокрутки не появляется, Но если задать .block { right:-100px } при сужении окна, полоса прокрутки появляется. Как обойти данный момент? То же самое и если сдвигать .block вверх- полосы прокрутки нет, а если сдвигать .block вниз, то полоса появляется.
0 votes8 answers -
Тупые углы на CSS
Ребят, всё утро бьюсь и мучаю гугл. Нужно при помощи CSS оформить тупые углы с левой стороны, как вот тут: Уже шарики за ролики скоро поедут , дайте хотя бы идеи как это сделать. Спасибо за ранее.
0 votes4 answers -
tooltip для картинки
Здравствуйте. Подскажите, как могу реализовать что-то типа тултипа для картинки. Чтобы при наведении на картинку выходила небольшая область с текстом. Желательно, чтобы в текст можно было еще вставить и ссылку. Может можно как-то ALT или TITLE описать таким образом? Даже пример нашел, только не понял, как сделано. сайт ввв.imo.by/furniture-about.php
0 votes6 answers -
Выровнять фрейм как надо
<body style="margin:0px;"> <center> Text1 </center> <center><p><iframe src="h_f_l.html" width="200" height="200" style="margin:50%;" ></iframe></p></center> <center> Text2 </center>Хочу сделать так, что бы фрейм постоянно был по центру страницы, оставался по центру стрницы и при растягивании или сжатии страницы, проблема в margin, если на 50% то он улетает куда то далеко вниз... <body> <iframe src="h_f_l.html" width="200" height="200" style="left:10%; top:10%; position:absolute; position:fixed; "></iframe> <iframe src="h_f_r.html" w…
0 votes2 answers -
:not(first-child)
Как можно применить стиль ко всем элементам, за исключением первого? :nth-child(n+1){} не помог.
0 votes4 answers -
Верстка DIV
Вот решил на див переходить, на пинайте, хочу спросить основы! Как сделать фиксированными несколько блоков при определенном разрешении,чтобы не было съезда? Верстка смешаная таблица и div, таблица тянется по высоте и ширине, центральная колонка фиксировнная в шапке будут блоки div, так же блоки div в центре и внизу! Дайте хорошие примеры, по реализации такого макета, чтобы понять суть верстки div, плиз.
0 votes11 answers -
три колоники (боковые колонки тянутся по ширене, средняя фиксированна)
Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|
0 votes7 answers -
Позиционирование элементов внутри ячейки
Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр
0 votes7 answers -
Как подключить нестандартный шрифт?
Не знаю, как подключить внешний шрифт "ttf". Как решить лучше сие задачу?
0 votes11 answers -
Дайте ответ
Вот часть меню <ul class="cssMenu cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#"><span>Автонавигаторы</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]--> <ul class=" cssMenum"> <li class=" cssMenui"><a class=" cssMenui" href="#">BBK</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GARMIN</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">GLOBUS</a></li> <li class=" cssMenui"><a class=" cssMenui" href="#">MIO</a></li&g…
0 votes26 answers -
Пустой тег
Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!
0 votes5 answers -
Opera не реагирует на cursor:pointer;
Неподскажите как с этим бороться... Местами пишут что поздние версии Opera неочень поддеживает... Может это как-то через JS можно сделать или как ((
0 votes13 answers -
Задача по CSS
Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> <…
0 votes26 answers -
Растянуть по высоте div, внутри button
Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/
0 votes4 answers -
Не работают :hover и :transition
Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю
0 votes2 answers -
Бекграунд дива в зависимости от высоты и без скриптов
Есть див с бекграундом, заданным с помощью стилей (см. скриншот) высота которого (дива) изменяется при изменении размеров окна (разрешения монитора). Нужно сделать так, чтобы все было красиво Я сделал это с помощью скриптов: поставил обработчик события onload, onresize и меняю класс дива в зависимости от его высоты (двох картинок хватает). Вариант, в принципе нормальный, но хотелось бы сделать без скриптов. Без скриптов придумался такой вариант: 1. в див кладем еще один див, в которого бекграунд - небольшой прямоугольник цвета такого же как и цвет нашего дива и расположен в нижнем левом углу 2. позиционируем бекграунд по точным координатам, вместо left center теперь пр…
0 votes10 answers -
Скрыть путь к изображению
Здравствуйте Уважаемые форумчане! У меня возник вопрос: «Как скрыть ссылки на определенные рисунки?». Сайт на движке DLE 8.0, есть краткая и полная новость в обеих по картинке. В браузере Opera нажимаем правой кнопкой мыши на фото => «Свойства изображения…» и получаем полный путь к картинке на сайте. Например “http://mysait.ru/library/files/arc_61883/003/screen.jpg”. Вот его мне и нужно скрыть т.к. это вопрос безопасности остального содержимого в той же папке. Скажите пожалуйста, можно ли скрыть с помощью кода адрес рисунка и как? Т.е. какие технологии применить, чтобы картинка отображалась, а ее местоположение было скрыто?
0 votes11 answers -
Инструкция, создания сайта
Доброго времени суток, форумчане. Есть желание создать сайт, но проблема в том, что не знаю с чего начать. Интересует, такой вопрос, как начать грамотную разработку сайта? С чего начать лучше? База данных? CMS? А может, с самого HTML?
0 votes37 answers -
Красивый эффект на сайте
Добрый день. Столкнулась с проблемой. Необходимо создать сайт в виде книги, то есть с эффектом перелистывания страниц, обязательное условие. Сначала думала решить через Flash, но рассмотрев примеры и исходники, найденные в просторах Всемирной паутины, обратила внимание на то, что они все выдают картинки, то есть текст оттуда скопировать нельзя. Мне же необходимо, что текст оставался текстом, а не превращался в набор пикселей. Можно ли такого эффекта добиться используя JS или jquery ? Я плохо знаю jquery, поэтому и спрашиваю о его возможностях, так же как и Flash, только - только начала изучать. В идеале, хочется максимально, насколько возможно, уйти от Flash, что бы пот…
0 votes11 answers -
Проблема с input в мобильном Safari
Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться
0 votes3 answers -
Размер поля input
Народ, можно ли сделать так, чтобы input type='text' был относительный, а не абсолютный? Чтобы вне зависимости от разрешения экрана полее ввода было одинаковым относительно колонки. Пробовал ставить проценты, но что-то не пашет.
0 votes7 answers -
IETester - За и Против
Вопрос к тем, кто пользуется IETester'ом для проверки верстки в ИЕ6 и ИЕ7. Сталкивались вы с различием в отображении страницы IETester'ом и реальным браузером? Собственно хочется определится - стоит ли 100% полагаться на IETester? Заранее спасибо
0 votes22 answers -
Смена блоков
Здравствуйте. Ситуация такова: Необходимо сделать замену содержимого на страничке по клику. Есть главная страничка сайта на русском языке (до регистрации), которая содержит краткую информацию. Её необходимо продублировать на английском. Для этого нужно поставить 2 флажка на русский вариант странички, при нажатии на которые будет меняться содержимое. То есть пришли на сайт первый раз, видим информацию + 2 флажка, кликаем по английскому флагу и получаем тот же текст на английском, кликаем по русскому флагу и получаем заново русский текст (который стоит всегда по умолчанию). Идет смена блоков. ——————- С кодом в принципе знаком и уверен что тут необходимо применить DIV, оста…
0 votes9 answers -
Что Куда и КАК ?
Добрый вечер. Я только начал изучать язык PHP (не по доброй воле, а ради экономии ), до этого работал только на 1С. Мой сайт был написан компанией CIM. Там есть своя админ часть, и можно сомому делать изменения в коде. Часть скриптов конечно скрыта, но общий вид можно менять по своему усмотрению как угодно. Теперь сам вопрос: Есть к примеру ссылка http://b_XXXXXXXXh_._c_o_m_._u_a_/32?pid=16582 (это один из моих товаров) При нажатии на эту ссылку идет вывод странички page1, в ней есть свой код. Подскажите пожалуйста как в этом коде можно обратиться к значению 16582? То что там это зачение есть - это точно так как в коде присутствует вызов скриптов (которые мне не доступны)…
0 votes31 answers -
Удалить неиспользуемые классы в css
Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …
0 votes3 answers