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
-
сss, проблема с "дивами"(позиционирование)
Привет всем, подскажите, есть вопрос: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style>[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)]li { list-style-type: none; } ul { margin-left: 0; padding-left: 0; } .full{ width: 800px; margin: 0 auto; }[/background][/size][/font] [font=Verdana, Tahoma, Arial, 'Trebuchet MS', sans-serif, Georgia, Courier, 'Times New Roman', serif][size=3][background=rgb(250, 250, 250)].imaging{ position: fixed; right: 50…
0 votes7 answers -
Один на 2-их(проблема с версткой)
Исходный код-http://pastebin.com/vkBjpVK6 Сразу к делу,значит вот такая проблема.Есть 2-а текста(заключенны в span'ы),когда я начинаю сдвигать текст в margin,то двигаются либо все два текста,либо ничего(зависимо от display,химичил с ним уже не знаю что) Margin должен обязательно должен быть auto,ибо при машстабировании получается полня байда Если кто-то может помочь с данной проблемой,просьба отписаться Буду рад любой помощи!
0 votes18 answers -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes1 answer -
Webstorm & Emmet (zen coding)
Помогите пожалуйста. Можна ли установить zen coding на webstorm 5.0.2 и как это сделать??? весь инет перерыл,а толкового ответа не нашел. Пробовал устанавливать Extended sens code плагин типа zen coding но он у меня "заклиневал".
0 votes0 answers -
HTML5 Объясните про SECTION и ARTICLE
уже долго мучает вопросы с этими двумя тегами.правильность вложения, для чего использовать лучше. всюду пишут по разному. в итоге запутался. в частности интересует следующий момент есть такая структура сайта. шапка подвал и меню навигации понятно какими тегами используем. а вот блок контента самого, например в этом блоке у нас на главной выводятся последние новости, статьи. какой из тегов <section> или <article> использовать для всего содержимого а какой для элементов в блоке с содержимым? и как в случае с интернет магазином, где элементы внутри блока контента это блоки с товарами?
0 votes1 answer -
Проблема в ИЕ8 и выравнивание :after
Как надо http://divhack.com/d...s/study/3/html/ Как получается у меня(смотреть только на вернюю часть, остальное пока наброски) http://troshka.hut4.ru/ 1)Можно как-нибудь сделать чтобы мои уголки в меню центрировались ровно по середине относительно слов? Под пунктом FAQ так вообще криво выглядит. 2) В ИЕ 8 стили для меню вообще похоже игнорирует, как исправить? 3) Большую картинку под меню возможно выполнить через стили(белое свечение на фоне текста) и стоит ли вообще таким заниматься ли оставить просто картинку?
0 votes4 answers -
Одинаковая высота у двух блоков
Кратко: есть основной контентный блок, есть правый контейнер. На контентный блок ложится основная нагрузка: он сильно растягивается под действием новостей и пр., а в правом контейнере будут небольшие объявления, необходимая высота гораздо меньше. Как сделать так, что бы оба этих блока растягивались до футера? HTML <div id="right">Правый контейнер</div> <div id="center">Контентный блок</div> CSS #center { background-color:#8080FF; margin-right: 252px; background: url(/templates/Custom/img/contentbg0.1.png); background-repeat: repeat-x-y; border: solid 1px black; } #right { background: url(/templates/Custom/img/upheader1.0.png); background-repea…
0 votes7 answers -
Слой поверх слоя с overflow hidden
Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):
0 votes9 answers -
Растянуть два дива на height: 100%
обычный двухколоночный макет <div class="wrapContainer"> <div class="wrapAside"> <aside> много текста </aside> </div> <div class="wrapArticle"> <article> много текста </article> </div> </div> с помощью маргина и флоата сделал рядом друг с другом http://www.pixic.ru/i/7090Z0O6p4f660y9.png но есть один трабл, когда в любую колонку добавляешь много текста, то она тянется вниз, а другая нет.. проблема в том, что колонки с бэкгроундом и надо чтобы они обе тянулись, если бы были без цвета, то проблемы бы небыло
0 votes3 answers -
Повторяющиеся статичные элементы на странице
Всем привет) Я вот задался вопросом.. если код для меню и нижнего футера запихать в отдельный PHP файл, а потом инклудить на нужные страницы- это будет корректно, или же не стоит? Может влияет как-то на скорость?
0 votes3 answers -
Была маленькая, стала большая
Всем привет. Подскажите, как реализовать увеличение картинки при клике? Как тут справа
0 votes2 answers -
залипает выпадающее меню
Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" cla…
0 votes2 answers -
Возможно ли с помощью CSS кроссбраузерно сделать центрирование
Есть такая шапка http://jsfiddle.net/LbmJs/. Требования: При разрешение монитора от 1024 чтобы небыло горизонтальной полосы прокрутки Прри ширине монитора меньше чем ширина шапки чтобы обрезалась с обеих сторон пропорционально, а не как в моём решение только справа. Подскажите пожалуйста можно ли с помощью CSS кроссбраузерно решить данную проблему?
0 votes4 answers -
дергается и перегружается выпадающее меню
Помогите разобраться с проблемой. Выпадающее меню дергается и по несколько раз открывается и закрывается. Код http://jsfiddle.net/7pabv/
0 votes2 answers -
Кодировка
Простой index.php. Заливаю на сайт - кракозябры. Домен пустой, конфликтовать не с чем. Остальные сайты у этого хостера в кракозябрах замечены не были. В тегах: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Файл и через блокнот сохраняла, и через дримвивер (с контролем выставленной при сохранении кодировки). Один фиг - кракозябры. Помогите, пж, что тут еще может быть? =( p.s. Кеш браузера чистила
0 votes4 answers -
Анимация градиента
Всем привет. Подскажите, как сделать плавное изменение градиента? Есть код: #change { border-top: 1px solid silver; background-color: #555; color: #ccc; width: 300px; height: 200px; background: -webkit-linear-gradient(top, white, black); -webkit-animation: 'grad' 3s infinite ease; } @-webkit-keyframes 'grad' { from {background: linear-gradient(top, white, black);} to {background: linear-gradient(top, black, white);} } Но он не работает. Пробовал указывать ключевые кадры - работает, но слишком громоздко получается. Может быть есть вариант по лучше? А то раздувать код не хочется, ведь слишком толсто будет..
0 votes6 answers -
Скроллинг в таблице
И вновь приветствую,такая проблема необходимо сделать скроллинг таблице,нашёл примеры с других форумов,ну так и не с умел нормально довести до таблицы Исходный код таблицы:http://pastebin.com/ADqWwhiC
0 votes2 answers -
Резиновые дивы, толкающие друг друга!
Всем доброго дня! Друзья есть такой код... <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> #div_a{ background-color: #0CF; width: 100%; max-width: 600px; height: 500px; margin-left:auto; margin-right:auto; } #div_1{ background-color:#39F; width:; width: 100%; min-width: 400px; height: 200px; float: left; } #div_2{ background-color:#325; width: 200px; height: 200px; float: left; } </style> </head> <body> <div id="div_a"> <div id="div_1"></div> <div id="div_2">&…
0 votes1 answer -
Расположение картинок горизонтально
Как сделать так: 1. чтоб картинки на странице располагались горизонтально? т.е. при добавлении картинки она уходит вниз, а мне нужно чтобы они все шли горизонтально и появлялась горизонтальная прокрутка. 2. чтоб картинки изменяли размер в зависимости от размера браузера?
0 votes7 answers -
Шапка
Есть такой код, взятый с раздела "Макеты": http://tinkerbin.com/CQZ76oBi Сейчас у шапки есть отступ сверху, который мне нужно убрать. Пробовал ставить margin-top равным нулю, но не помогло. Что сделать, чтобы убрать отступ?
0 votes2 answers -
div; как растянуть слова по ширине, чтобы они точно встали в шаблон?
Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; co…
0 votes1 answer -
Графики Яндекс Метрики на сайте
Здравствуйте форумчане. Вот себя уже 4ый день терзаю, никак не могу прикрутить отчёты метрики на сайт. Иными словами, хочу переместить статистику, которая находится в метрике к себе на сайт, чтобы люди могли видеть (не просто цифры, а графики и пр.) Кто с таким сталкивался ? API читал и ничерта не понял.
0 votes2 answers -
Верстка ввиде слайда как в мобильных приложениях
Люди подскажите как реализовать сайт который бы перелистывался как приложения в мобильных телефонах. То есть, к примеру есть 3-4 разных страницы одна из них постоянно на виду, мышкой тянем влево и перелистываем на следующую и т.д.
0 votes6 answers -
Как обрезать картинки в IE?
[РЕШЕНО] Во всех браузерах картинки обрезаются снизу и отображаются правильно, вот так: А во всех Internet Explorer'ах картинки обрезаются, но появляется пустое пространство, вот так: стили: .pic_block { height: 290px; overflow:hidden; } .pic_mat { float:left; margin-bottom: 15px; width: 200px; } вывод картинок: <div class='pic_mat'> <a href='/material.php?mid=".$row_pic['mid']."'> <div class='pic_block'> <img src='pictures/".$row_pic['small']."' width='196px'></a> </div> <a href='/material.php?mid=".$row_pic['mid']."'>".$row_pic['title']."</a> <br> <div class='price'>".$row_pic["cost"]." р.</div> <…
0 votes0 answers -
Как сделать такое меню
http://s019.radikal....da1a56a583b.jpg Как сделать такое меню? Сложность моя заключается в том, что при добавлении нового пункта меню, или наоборот удаления - те полоски, что по бокам должны все время быть рядом с меню так же как и на фото. То есть они должны быть как-бы приклеены к меню. Вот адрес: http://www.zhitlegko.myjino.ru/ (кстати почему там не действует border:collapse?) Или так: http://jsfiddle.net/QdkSU/
0 votes5 answers