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
-
очередная проблема с футером=)
Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)
0 votes5 answers -
Помогите с версткой
Здраствуйте. Нуждаюсь в Вашей помощи. Нужно сделать что-то похоже на это: Пишу следующее: body { background-color: #e7e7e7; } .box1 { width: 600px; height: 500px; margin: 0px auto; background-color: #000; padding-top: 10px; } .box2 { width: 580px; height: 490px; background-color: #fff; margin: 0 auto; } html: ... <div class="box1"> <div class="box2"> </div> </div> ... В Firefox вроде этот код работает, но в ИЕ почемуто отказуется. И еще можно ли задать div-у box2 резиновый размер?
0 votes5 answers -
определение координат coords
Привет. вот везеде пишут про coords. вводите там координаты и у вас может быть ссылка на файл или связана с действием. Но извините, а если у меня часть карты нестандартной формы многотыссечныйугольник, как мне посчитать все эти координаты? Не вручную конечно же) Начал вопрос искать в поисковиках, дак ничего нет, все у нас самые умные и пишут что в dreamweaver всё есть, пользуйтесь им. Я все обшарил в этом редакторе. Ну нету там такого, что бы я вставил картинку, а он мне отобразил потом все координаты для моей фигуры. Ребят, подскажите, где это делается или может подход другой. или может действительно проги есть?(хотя сомневаюсь)
0 votes2 answers -
alt, title и Google
Интересует такой вопрос. Как Google находит изображение по заданному запросу, с помощью alt или title?
0 votes10 answers -
Список похожих шрифтов, етсь такой?
Есть макет, в нём большое количество распространённых платных шрифтов, нужно заменить эти шрифты бесплатными максимально-похожими. Если ли какой-нибудь такой список похожих шрифтов? сервис, или программа, не знаю
0 votes2 answers -
Помогите прибить подвал
Добрый день форумчане, нужна помощь. Есть страница и с ней проблема. Не получается прибить подвал к низу. Загвостка как я думаю в том, что родительский блок #wrapper не хочет вытягиваться по высоте дочернего блока в данном случае content. Помогите разобраться как это можно исправить.
0 votes4 answers -
Как правильно сделать
Задача сделать шапку с растягивающимся изображением на всех экранах. Делаю такую структуру. <div id="header_wrapper"> <div id="header_top"></div> <div id="header_bottom"></div> </div> Допустим в header_top и header_bottom заданы изображения через css, таким образом. background: url(../images/header_top.png) repeat-x; width: 100%; height: 28px; Выходит что у нас изображение растягивается на весь экран,если посмотреть пример сайта http://slando.ru/ , на данном ресурсе шапка растягивается в зависимости от велечены экрана. Однако элементы в шапке расположены по середине и у этого блока задана определенная ширина. От сюда во…
0 votes2 answers -
Позиционирование и смещение объектов
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; …
0 votes2 answers -
Как сделать текст адаптивным?
Здраствуйте!Делаю адаптацию сайта и текст уходит в право когда все елементы слева.Пробывал margin:0; и все равно текст остается с права
0 votes6 answers -
Открытие ссылки на новой вкладке
а кто-нибудь подскажет можно ли открыть ссылку на новой вкладке (например в IE7.0) с помощью параметра target, или другим способом (ну только не через браузер)?
0 votes1 answer -
Вывод данных в таблицу
Суть вопроса какая, есть едина таблица, я е? разорвал на две части шапку и центр где выводятся данные. В шапке названия столбцев а дальше в центре соотвественно выводятся данные из Бд в цикле, но данные растягивют бывает таблицу и нету симетрии с шапкой, хотя и там там в процентах ширина выставлена! Есть ли какой-нибудь универсальное решение, чтобы таблицу неразрывать, но чтобы шапка выводилась одна, чтобы е? не помещать в цикл и не объединять таблицу в центре с шапкой?
0 votes3 answers -
<sup> прямо над текстом
Добрый день! Подскажите, плз, как расположить верхний индекс прямо над тексом (не справа и не слева).
0 votes1 answer -
как добавить якорь?
есть ссылки index.php?id=1 как правильно добавить якорь к ссылке, что он находил эту страницу и открывал раздел страницы, где указан якорь?
0 votes2 answers -
Отображение определенных расширений в окне выбора
Поставил задачу реализовать отображение исключительно .jpeg файлов в окне выбора. Еще хотелось бы разобраться с загрузкой многочисленных файлов в одном окне выбора. Не подскажете, как это делается? Пишу полнофункциональную загрузку фото, вот и хочу затронуть и этот функционал. Заранее при многом благодарен местным Гуру.
0 votes5 answers -
div внутри table
делаю заготовку галереи. задумка такая, div-контейнер с width=100% растягивается на всю ширину страницы. внутри контейнера div-wapper с img. картинок очень много и все, что не влезло в контейнер должно скрыться с помощью overflow:hidden .slide_container { border:1px solid #DDDDDD; overflow:hidden; width:100%; } .slide_wrapper { white-space: nowrap; } <div class="slide_container"> <div class="slide_wrapper"> <img src="/1_image.jpg" alt=""> <img src="/2_image.jpg" alt=""> <img src="/3_image.jpg" alt=""> <img src="/4_image.jpg" alt=""> <img src="/5_image.jpg" alt=""> <img src="/6_image.jpg" alt="">…
0 votes2 answers -
резиновый блок в центре
на сайте есть горизонтальное меню. оно должно быть в центре и резиновым (т.е удлиняется когда названии пунктах меню длинное) сейчас чтобы было в центре я дал ему ширину 60% и margin: 0 auto; но так резиновый не получается. как можно это делать?
0 votes11 answers -
Растягивание фона блока
Есть блок с бекграундом. При добавлении в него большого количества контента, контент начинает снизу вылазить за изображение. Как сделать так чтобы по мере добавления контента изображения растягивалось(заменяя рястяжение белой заливкой, но чтобы при этом сохранились ее границы и закругленный низ)??? Картинку фона блока прилагаю.
0 votes8 answers -
Наполнение блока
Здравствуйте. Есть некий <div><img></img></div> При увеличении изображения внутри дива изображение выходит за его рамки. Как сделать чтобы вместо этого, при увеличении изображения, в блоке появлялись полосы прокрутки?
0 votes4 answers -
CSS animation и transition на одном элементе. Баг (?) в FF.
В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещатьс…
0 votes3 answers -
Чередование цветов элементах списка с вложенными списками
Добрый день! Столкнулся с интересной задачей, и уже некоторое время не могу найти для нее красивого решения. Суть задачи: имеется список ul, каждый его подпункт li имеет div с текстовой строкой и таким же списком ul. Этакая рекурсия. И хочется чтобы цвета li (а точнее вложенного в него блока с текстом) чередовались через один (как это часто делают для строк таблицы) Для li, лежащих в одном списке, проблема не стоит: li:nth-child(2n) {background: color1;} li:nth-child(2n+1) {background: color2;} Но они то лежат в разных, а чередование цветов должно быть все равно. Вот заготовка, к тому о чем я говорю: http://jsfiddle.net/q1p1abaj/ Первая мысль была реализовать через…
0 votes3 answers -
Сделать ссылку не из текста, а из кнопки
Как видно на фото, ссылка доступна только по тексту, а если нажать на саму кнопку-ничего не происходит. Помогите, пожалуйста, исправить это, код прилагается: <div id="connect" class="connect-header" bis_skin_checked="1"> <button type="button" style=" display: inline-block; background: #00aeff; color: white; width: 100%; height: 50px; border: 0; cursor: pointer; border-radius: 12px; margin-top: 5px; "><a href="http://aqua-pure.pp.ua/index.php?route=information/contact"><i class="material-icons" style=" color: white; ">call</i><span style=" color: white; ">Оставить заявку</span><…
0 votes5 answers -
Как сверстать картинку без таблиц и css?
Добрый день. Подскажите пожалуйста, как не используя таблиц или css сверстать картинку следующего вида:
0 votes1 answer -
x-скролл при 1024
HI! http://www.maslennikov-rv.narod.ru/xz/ - тут беда Помогите решить задачку. Нужно чтобы верстка отображалась без скроллинга на разрешении 1024. Что мешает: - .logo1{width:1182px} - верстка должна быть 100% схожа с макетом, поэтому позиционировать фоном в боди не гут. Пробовал решить так: (document.body.clientWidth<1024)?document.body.style.overflowX="hidden":document.body; - но это тоже не гут, скрола аще нет, если пользователь сожмет браузер на < 100% то все ппц не прокрутит.. В общем HELP!!
0 votes5 answers -
Не прижимается футер
Никак не пойму, почему футер не прижимается, вроде бы применяю относительное позиционирование и отрицательный отступ, но все равно откуда то появляется белое пространство под футером. В чем может быть дело? Вот ссылка на страницу перейти
0 votes5 answers -
Язык в документе HTML
Здравствуйте. Интересует необходимо ли указывать язык в документе HTML, например en и т.д. Столкнулся с противоположными мнениями, как в его необходимости, так и бесполезности.
0 votes3 answers