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
Только начал разбиратся с блочной версткой. но столкнулся, наверно, с простешей проблемой и решить немогу. Есть три блока, два (верхний, нижний) имеют фиксированую высоту, третий (по средине) нужно растянуть на высоту оствашегося пространства. Заранее спасибо. <!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>Блоки</title> <link href="template1.css" rel="stylesheet" type="text/css" /> </head> <style> html, body { paddin…
0 votes1 answer -
Можно ли обнулить вышестоящий див?
у меня есть .roundedcornr_content_507949 div { height: 70px; padding-left: 71px; } Я работаю внутри этого класса (.roundedcornr_content_507949) Хочу теперь в него вставить див, но чтобы у него не была height:70px; Как это можно осуществить? Если не прописывать это через style?
0 votes1 answer -
баг ie6 ie7
Помогите с отступами между списками в іе!! КОД СSS: *{padding:0;margin:0} html{height:100%; } body{height:100%; background-color:#5b0302; font:10pt Arial, Helvetica, sans-serif; text-align:center;} ul{list-style-type:none; width:179px;} ul li{width:179px; height:62px;position:relative;} li ul{position:absolute; top:0; left:179px; } li a{display:block; text-decoration:none; font:12pt "Trebuchet MS", Arial, Helvetica, sans-serif; color:red;width:100%; height:100%;} li ul li{height:31px; width:179px;} код html: <ul id="menu"> <li style="background-color:#0F6"><a href="">Home</a> <ul> <li style="background-color:#F9F">…
0 votes3 answers -
"Перелинковка" картинки на видео
Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube
0 votes2 answers -
Урезание картинок на определённой ширине.
Здравствуйте! Помогите решить проблему. Нужно что бы на резиновом сайте две картинки(одна с левой стороны сайта, другая с правой ) на расширении 980px обрезались и при увеличении расширения постепенно появлялись, и когда полностью появятся то были прилеплены к левой и правой стороне сайта. Всегда решал эту задачу таблицами. Теперь вот ищу способ на дивах
0 votes12 answers -
Не указывание протокола для ресурсов
Нашёл от гугла такую рекомендацию. В ней рекомендуется для URL ресурсов не указывать протокол, а делать примерно так: background: url(//example.com/image1.gif). Польза от этого в том, что тогда изображение будет доступно всегда, какой бы протокол для страниц не использовался: http или https. На самом сайте google.ru такая методика кстати и используется. Что думаете об этой технике? Нужна ли она и когда эффективна?
0 votes2 answers -
Как наложить кнопки rus и en на флеш?
Здравствуйте! Нужно на сайте www.btn.kiev.ua кнопки EN и RUS поставить на флеш. Подскажите как это сделать? Спасибо
0 votes6 answers -
проблема с Div`ами
Добрый день, у меня следующая проблема: есть главный div container (на картинке в синей рамке) в нем расположены еще два div`a content (тот что слева обведен зеленой рамкой) и sidebar (обведен красной). 1. главный div контейнер почему-то по высоте меньше чем div content. 2. sidebar занимает место не справа, а на всю ширину страницы (по сути он сейчас равен по размерам container). Надеюсь на помощь, т.к. только начал разбираться в верстке. Так выглядит html: <div id="container"> <div id="content"> <div class= "slider"> <img src ="img/slider.png" alt= "Слайдер"/> </div> …
0 votes2 answers -
Полоска в верху сайта.
Парни прошу помощи, кто что подскажет, CMS SW13, я думаю проблема в хостинге. Ставлю любой шаблон, и вверху сайта появляется полоска, а именно в <body> Когда я нажимаю на сайте "F12", что бы посмотреть исходный код, то я замечаю под <body> такие символы " " выглядит оно вот так. и если их удали, то все стает нормально, но я не могу их найти.
0 votes8 answers -
Поиск Гуру верстки!
Добрый вечер! нужен наставник верстальщик! был бы очень рад если кто нить откликнулся!) ICQ: 419419450 Skype: Naive_nSIk
0 votes4 answers -
Помогите с html-css (table, width, div)
Не могу найти причину, почему #r_side исчез, а #content вылез на всю страницу. jb-style.com.Но это произошло после добавления таблицы внизу
0 votes2 answers -
меню htmlbook
прокрутное меню сделано с помощью overflow???
0 votes4 answers -
Вертикальное выравнивание пунктов меню
Пытаюсь сделать вот такое меню http://jsfiddle.net/j7cQW/6/ Суть в том, что текст в каждом пункте меню должен автоматически выравниваться вертикально по середине, независимо от того, одна там строчка или две, то есть сегодня там одна строчка, завтра их может стать две. Плюс, это все обязательно должно быть кроссбраузерным начиная с IE7+. Мой пример работает только в современных браузерах. Уже всю голову сломал. Возможно проблема решается элементарно, но я не вижу хоть убей.
0 votes6 answers -
Почему правый сайдбар провалился вниз?
Почему правый сайдбар провалился вниз? Как его поднять не меняя HTML структуры и без использования позиционирования? http://cssdeck.com/labs/huspg3w2
0 votes7 answers -
Запуск приложений ios с HTML
Всем доброго времени суток. Есть вопрос, если какой то скрипт в html5 или CSS на запуск приложения ios. Пример есть веб сервер (поддерживает html5, java и css), надо чтобы при нажатии на кнопку запустилось приложение ios к примеру "Приложение "Навигатор"" То есть примерный порядок действий как я вижу: 1. На мобильном устройстве apple (пусть будет ipad) открывают сайт http:\\mousait.ru там куча кнопок и есть к примеру "Навигатор" при нажатии на него (при условии что приложение "Навигатор" ранее было установлено) запускается приложение "Навигатор" Собственно вот вопрос
0 votes5 answers -
как сделать такое выезжание иконок
Всем привет, подскажите как сделать такие фичи http://otdelka-i-remont.by/ там есть блок "Чем мы отличаемся от других" и при скролле вниз иконки в нем собираются с краев в центр, может есть Jquery плагины для реализации такого? или как то по другому...
0 votes3 answers -
Прошу помочь со страницей портфолио (проблемы с переходом на разделы сортировки)
Всем доброго дня. Проблема следующая: Есть пункт в меню (и соответственно раздел на сайте) - портфолио, которое имеет в себе подпункты "1" "2" "3" "4". На странице решил сделать сортировку. Т.е. можно отобразить все работы, либо работы одного из разделов. Поскольку каждый из этих разделов отображен в выпадающем меню, хотела бы узнать, как сделать переход на каждый из вариантов сортировки. Как выглядит сортитовка: http://tympanus.net/Tutorials/CSS3FilterFunctionality/index3.html В коде это сделано так: <section class="ff-container" style="padding-top: 200px;"> <input id="select-type-all" name="radio-set-1" type="radio" class="ff-selector-type-all" checked="c…
0 votes0 answers -
Форма, которая при вызове с разных кнопок, должна скрывать некоторые поля
Всем доброго времени суток! У меня есть одна форма, которая при вызове с разных кнопок, должна скрывать некоторые поля. Вот кнопки: <a data-target="#call">Кнопка 1</a> <a data-target="#call">Кнопка 2</a> Вот форма: <div id="call"> <form> <div class="pole1">Поле 1</div> <div class="pole2">Поле 2</div> </form> </div> Форма может иметь только один ID, в моем случае это “call”. Как сделать, чтобы при клике на “Кнопка 1” отображалось только “Поле 1”? Как сделать, чтобы при клике на “Кнопка 2” отображалось только “Поле 2”? Сайт делаю для себя. Знани…
0 votes1 answer -
Центрирование плавающих блоков
Столкнулся с проблемой. Есть 5 блоков которые должны идти в 2 ряда - 3+2 Задача центрировать получившуюся конструкцию. Блоки должны оставатся блочными элементами (тк в свою очередь тоже содержат блочные элементы) так что display:inline не подходит. Все что я нарыл в инете по этому вопросу - размноженная на куче блогов статья как центрировать меню http://dimox.name/how_to_center_floating_list/ - но этот метод не подходит - второй ряд все равно оказывается прижат к левому краю... Подскажите плз, как можно решить данную задачку
0 votes0 answers -
Как сделать так чтобы дивы друг на друга накладывались?
Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.
0 votes1 answer -
Div float
Допустим сайт состоит из 6 блоков по три в каждом ряду. Какое значение float правильно было бы выставить для них? Для всех блоков заданы конкретные размеры, только высоты нет у контента. Для всех float="left"? Или для тех что справа right? У меня на сайте 6 div по 3 в строчку и снизу DIV футер в 100% ширину. И всё это в DIV контейнере, и нижний футер почему то не в контейнере, хотя он вложен в него, но например если задать бэкграунд контейнеру, то видно что заливка не распространяется на футер, не понятно почему, у всех блоков стоит float="left"
0 votes2 answers -
Возможно ли такое поведение элементов?
Элементы (Скажем, с display: inline-block) располагаются внутри своего родителя горизонтально (построчно, не знаю как ещё назвать); т.е. формируют одну строку, не поместившиеся по ширине элементы попадают в следующую, и т.д. (Пример: http://jsfiddle.net/bR6ya/2/) Меня интересует, можно ли без скриптов и плясок с бубном реализовать такое поведение, чтобы элементы располагались вертикально, т.е. по столбцам? Я имею в виду, элементы формируют столбец, не поместившиеся по высоте попадают в следующий, и т.д. Если я не совсем ясно изложил, то вот иллюстрация на эту тему: Я просто не могу поверить, что такое нельзя реализовать стандартными средствами css; однако ни гугление, ни…
0 votes5 answers -
баг хрома?смешно....
<!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>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…
0 votes7 answers -
по поводу книги
Влад Мержевич, предлагает книгу по рецептам и "справочнику" по CSS. Вот рецепты я видел, а справочник не совсем понял, о чём, речь. Собственно хотелось бы узнать ради чего эту книжку стоит покупать, у меня вот по поводу "вёрстки" сотни вопросов и я хочу, к примеру, найти какие то ответы на них в этой книге - как мне соориентироваться? P.S. А вдруг под справочником понимают те два столбца на сайте, теги HTML и CSS, очень бы хотелось бы видеть комментарии по каждому, а то как бы новичка в HTML'е могут некоторые запутать и увести в прошлый век. P.P.S. В данный временной промежуток очень сложно соориентироватья в спектре знаний, даже на фоне простейшего html/css. Ещё сложнее …
0 votes4 answers -
Отзывы с премодерацией
Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?
0 votes3 answers