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
-
Footer при margin:0 auto.
Друзья, вот пишите что хотите можете меня отсылать по множеству тем, которые уже обсуждались здесь, но я вновь хочу поднять вопрос фиксирования Footer'a по нижнему краю страницы. Все решения которые есть на сайте работают только в случае если шаблон занимает всю ширину экрана, и в этом случае футер прижимается к нижнему краю и занимает всю ширину снизу. А кто как прижимает футер если шаблон с позиционированием по центру страницы? То есть центральный блок в котором вс? содержится имеет параметр {margin:0 auto;} и всегда центрируется по ширине? рассчитываю на вашу компетентность и профессионализм, а не выкрики что мол двести раз было и т.д.
0 votes19 answers -
Не работает autoplay
Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает
0 votes1 answer -
Вёрстка изогнутых блоков
Ребята помогите с такими вот вопросами.Я нуб если что =) Есть блок ,нужно что бы он при добавлении текста расстягивался в длину и ширину . Теперь вопросы: 1)Как правильно его нарезать в фотошопе ?(какой формат для сохранения ,кол-во частей которое получиться после нарезки) 2)Как позиционировать (float,margin,position?) его отрезаные части(бока,верх,низ) что бы они точно прилегали к блоку? 3)И как будет выглядить код html Вот как я делал похожий блок, у него изогнуты только бока : 1) PNG24 ,градиент центра,левый и правый бок 2,3) <div class="box"> <div class="box-right"> </div> <div class="box-left"> </div> </div> .box { positio…
0 votes32 answers -
как сделать поиск по сайту
как сделать поиск по сайту
0 votes20 answers -
счётчик пользователей
Привет! Буду очень благодарен Вашей помощи! Написал сайт на HTML, разместил в сети. Теперь очень бы хотелось видеть он-лайн пользователей на ресурсе, а так же кол-во всего посетевших. Как это сделать? Пользоваться базами данных не умею может кто подскажет, даст ссылку на сайт с подробным описанием! знаю что есть куча сторонних ресурсов, которые предлагают эту услугу, но не хотелось бы размещать на своей страничке не понятные картинки и ссылки. Лично у меня складывается негативное мнение о сайте, где размещены такие счётчики.
0 votes27 answers -
Левая колонка скрывается без скролла
При увеличении масштаба или изменении разрешения (например, 1024 х 768) наблюдаю удручающую картинку во всех браузерах: левая колонка "уходит" за край окна браузера без скролла. Возможно это вызвано комбинацией резиновой и фиксированной составляющей верстки (звучит наверно глупо, но больше мыслей по этому поводу нет ) Тестовый адрес пациента: _http://alex.hhos.ru/test/ Помогите решить задачку P.S. Заказчик страдает seo - паранойей, поэтому не удивляйтесь что блоки расположены, мягко говоря, не на своих местах P.S.S. Буду благодарен за любую обоснованную критику стиля верстки Спасибо!
0 votes29 answers -
max-width и min-width в ie8
Делаю резину. (~4мб) index.html pastebin style.css pastebin Контейнер: position:relative; Все внутренние блоки: position:absolute; В нормальных браузурах тянется, как положено. Даже в ie7 тянется правильно. А вот в ie8 выходит какая-то ерунда. Там, где прописываю max-width - действительно, максимальная ширина работает, но не обращает внимания на right:0; и, обрезая правый край, тянет блок к середине. На min-width, ie8 совсем не обращает внимание. В режиме совместимости с ie7 все работает отлично, но, это вроде как не панацея.
0 votes23 answers -
вопрос по классам.
Здравствуйте. http://volvo-jastin.narod.ru/S90.HTML Пожалуйста не надо изменять станицу !!!Разрешаю просмотреть код. *** Вот, наконец-то ,частично начал переводить свой сайт под управление классами. Как всегда вс? работает великолепно в ''Эксплоуере''. Замичательный ,хоть и страшно гюченный... Но в ''Мазиле'', опять ж... Она не читает больше половины кода!Меня это не устраивает:mad:!! ________________________ Объясните кто дурак браузер или я?Спасибо.
0 votes14 answers -
Подгрузка изображений без перезагрузки страницы (ajax)
Прошу помощи, если у кого есть хороший рабочий пример, объясняю: есть скрипт фотоальбома, выводятся все првевью определенной категории и рядом большая фотка по дефолту первая, дальше при клике подгрузка соответсвенно большой, но при этом страница перегружается! Нашел пример и класс JsHttpRequest, но ничерта непонятно, если бы подсказали что именно прописывать в тег превью img и что прописывать в тег большой фото? Сенк заранее, если кто подскажет
0 votes12 answers -
Занятный глюк IE7
Наткнулся на занятную пакость в IE7, вот минимальный пример: <!DOCTYPE HTML> <html> <head> <title>Пример</title> <style> p { margin: 0; padding: 0; } div { padding: 2px; } </style> </head> <body> <div style="width: 72%; float: left; background: #fcc;"> <div> <div style="margin-bottom: 40px; width: 90%; background: #ccc;"> <p>Отступ задан только здесь, с последующим блоком никак не связан...</p> </div> </div> <div style="width: 60%; float: left; background: #cfc;"> <div style="width: 90%; background: #fff;"> <p>Откуда же в IE7 берется отступ под…
0 votes6 answers -
Разместить таблицу по центру страницы
Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.
0 votes5 answers -
Все случаи, когда игнорируется margin:auto
Так и не смог уловить этот нюанс. Поэтому прошу помощи у опытных верстальщиков. Заранее всем спасибо.
0 votes24 answers -
Помогите со слоями
Всем привет! Начинаю осваивать css и html в общем,почитал эту статью,разобрался,вопросов нет,точнее есть одна проблема,как тоже самое реализовать с резиновым дизайном,примерно как на скрине: зы по-моему не в тот раздел запостил,сори,перенесити в *Для начинающих*
0 votes20 answers -
option selected и IE9
Простенький код: <span> <label for="cmp_sort">Sort by</label> <select id="cmp_sort"> <option value="original" selected="selected">original</option> <option value="name">name</option> </select> </span> Во всех браузерах, включая IE7-8 работает корректно(при загрузке страницы в select появляется "original"), в ие9 при загрузке страницы - в select показывается пустая строка(если на нее нажать, там и появляются "original"/"selected"). Пробовал засунуть $("#cmp_sort").val("name"); При загрузке выполняется, но значение в select все равно не устанавливается. Хотя если вы…
0 votes3 answers -
Отступы сверху везде кроме IE
Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять
0 votes19 answers -
Проблема со слайдером slick
Доброго времени суток, возникла проблема при подключении слика , сделал все как по инструкции (Jqwery до slick.js , main.js после slick.js ) но все равно выдает ошибку : Uncaught TypeError: Cannot read property 'add' of null at c.b.initADA (slick.min.js:17) at c.b.init (slick.min.js:17) at new c (slick.min.js:17) at w.fn.init.a.fn.slick (slick.min.js:18) at HTMLDocument.<anonymous> (VM778 main.js:8) at l (jquery.min.js:2) at c (jquery.min.js:2) подскажите решение , уже все перерыл и не у одного меня такое , но решения так и не нашел .
0 votes1 answer -
Сложный ролловер
Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?
0 votes22 answers -
Проблемы с обтеканием (float)
Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…
0 votes30 answers -
Для любителей поломать голову:)
Хоть я и начинала верстать сразу же "дивным" образом, но до сих пор не могу понять, КАК сделать такую штуку с помощью div'ов и css? Задача: html менять нельзя!!! Потому как один html, а css для разных скинов разный. Вот оригинальный html: А вот css, который мне даже стыдно показывать потому как он у меня не работает: Помогите, пожалуйста... хоть чем-то. Сорри, картинку починила
0 votes25 answers -
Как такое реализовать?
Подскажите как такое реализовать http://kim-evgene.site.uvaga.by/temp/shablon.gif А именно, как лучше сделать чтобы верт. полоса прокрутки была не возле зеленого блока, а стандартная браузерная
0 votes26 answers -
Дочерний DIV на всю длину родителя
Здравствуйте! Не поможете с глупостью, а то что-то застопорился Имеется это: <style type="text/css"> #head { border: 1px solid; margin: 10px; } #left { float: left; width: 200px; border: 1px solid; margin: 10px; } #right { float: right; width: 400px; border: 1px solid; margin: 10px; } #top { border: 1px solid; margin: 10px; } #bottom { border: 1px solid; margin: 10px; } </style> <table border="1" align="center" height="100%" cellspacing="0" cellpadding="10"> <tr> <td> <table border="1" align="center" cellspacing="0" cellpadding="0"> <tr> <td> <div id="head">head</div> …
0 votes10 answers -
Выбор хоста
Выбрал нормальный по цене и качеству хостинг. Но в описании тарифа смутило это: Оно вообще для чего написано? Больше понтов придать тарифу или это действительно так важно и при работе могут возникнуть сложности? И еще очень интересует... Если использовать php5 + apache + mysql, то какую ос выбрать? Публикую первый раз сайт, до этого все делал в localhost под win xp, но тарифом предусмотрены более вкусные плюшки под linuxом
0 votes26 answers -
Радиобулки(батоны) в цикле
Я прошу, если кто чуть чуть знает php интересует как сделать так, чтоб при выбранной переменной и обновления страницы все батоны, кроме того, который выбран стали инэктив, а выбранный - cheked??? А проблема в том, что кнопки в цикле.... ( echo "<form action=".$_SERVER['phpself']." method=get>"; ..... .... $counter=4; echo " <font color="#888888"> <li> Select:</font>"; for ($i=1; $i <= $counter; $i++) { echo " <input type="radio" name="columns" value=".$i.">".$i."</input>"; } <input type=submit value=submit> </form>
0 votes8 answers -
Позиционирование ссылки на картнике
Друзья! Я уже отчаялся решить проблему. Задача такая. На разных частях рисунка скажем 700*600 px нужно разместить 5 ссылок. Для меня позиционирование осложняется тем, что текст нужно выравнивать строго слева, т.е. ссылка не одну строку, а в несколько. Если бы не выравнивание текста слева, я решал задачу следующим образом: В CSS прописывал стили (укажу только для одной ссылки для простоты) #layer1 { position: relative; top: -600px; left: 185px; color: #ffa500; font-size:15px; z-index: 1; Слой прописываю так: <div align="center"><img src="image.jpg"></div> <div align="center" id="layer1"><a href="#">Слой - первый</a></div> Так,…
0 votes25 answers -
Позиционирование блоков div
Всем привет! Такой вопрос. Ниже я выложил код, хочу, чтобы блоки leftdown и centerdown распологались под leftmiddle и centermiddle соответственно, однако ничего не получается, со свойством position я уже возился, разные параметры ставил, однако никак не получается из за того что блоки leftmiddle и centermiddle эластичные. Кто нибудь знает, вообще возможно такое сделать, что я хочу? Может подскажете какое нибудь свойство которое регулирует это действие. Памагите!!! <style type="text/css"> BODY{ background-color:; background-image:url(); background-repeat:repeat-y; margin:0; width:1024px; } .main{ width:1024px; margin:0px; } …
0 votes20 answers