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
29,542 questions in this forum
-
figure внутри a
Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …
0 votes5 answers -
Если определ?н DOCTYPE, то не работает overflow:hidden (в IE)...
Пытаюсь сделать меню так, чтоб при наведение курсора мыши всплывал снизу див, который типа спрятан посредством свойства overflow: hidden у родительского дива. Вс? ништяк кроме ИЕ (в принципе как всегда:/) Заметил такой прикол: если убрать DOCTYPE, работает, но тогда центральный главный div сносится влево, так как margin: 0px auto, больше не работает. Это, конечно, меньшая проблема, но хотелось бы решить первую и оставить DOCTYPE. Код привед?н ниже. Может кто знает, в ч?м прикол? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>[[''TITLE'']]</title> <style …
0 votes4 answers -
clear: both - применить без разрыва строки.
есть шаблон для парсера, который применяется к выкачанным статьям. выглядит так: {Photo} <strong>Цена: {Price} </strong><br/>{Description} <strong>Фотоальбом</strong></p> <div> {OtherPhoto} </div> <!--Шаблон для верхнего фото--> [Photo] <a href="{bigPhoto}" target="_blank"> <img style="float: left; alignleft; border: 1px solid #e4e4e4; margin: 5px 20px 10px 0pt; padding: 3px; display: inline;" title="{Name}" src="{smallPhoto}" alt="{Name}" /></a> <!--Шаблон для нижних фото--> [OthetPhoto] <a href="{bigPhoto}" target="_blank"> <img style="alignleft; border: 1px…
0 votes7 answers -
Интересная проблема с высотой елемента
В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полн…
0 votes8 answers -
Float in Float
Привет всем! Вот недавно для себя обнаружил еще 1 странное поведение ие6,7. Вот решил поделиться с вами, возможно конечно кто-то уже в теме, но думаю тем не менее некоторым тоже будет полезно узнать Скажем есть внешний блок, он зафлоачен лефтом! В нем есть 3 блока (как бэ мы делаем растягивающуюся менюху с закругленными краями по бокам, высота фиксированная). Эти 3 блока (включая правый) нужно все флоатить по лефту! Если правый блок (уголок) зафлоатить райт, то в ие 6,7 это растянет внешний блок (в данном примере .menu_item) с флоатом лефт на всю ширину экрана. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra…
0 votes15 answers -
жесткая ширина таблицы
имеется таблица с двумя столбцами, в одну ячейку помещается изображение и ячейка соответственно растягивается до размеров рисунка. как сделать фиксированную ширину рисунка, если прописать ширину в теге рисунка не имеется возможности
0 votes7 answers -
Резиновая кнопка
Доброго времени суток.Верстаю макет и столкнулся с проблемой: есть вырезанная кнопка, без названия, нужно сделать так, что бы была функциональная кнопка, с возможностью изменят её название и естественно ели название длинное то, что бы кнопка растягивалась. И вот ещё пару проблем 1) :href в хедере и 2) сели вы откроете его в IE то увидите третью проблему(отступ под хедером), как его убрать тоже не могу понять. В общем вот таки трудности ((( Буду очень признателен за помощь.
0 votes14 answers -
div и браузеры
Добрый вечер! верстаю меню меню состоит из див и вложенных еще несколько див имеющий свой бг в которых размещена всякая информация, после меню идет картинка , но проблема в том что картинка не находится в див, но все браузеры отображают ее как в этом диве, то есть она имеет бг как у меню, а этого не нужно, браузер перестает понимать что картинка находится не в диве только тогда когда добавляешь еще один закрытый див, но после этого верстка становится не валидной так как все дивы закрыты. В чем может быть проблема? прошу помочь код css .help_bg_y { width: 159px; margin: 0 0 0 14px; background: red ; } .help_…
0 votes17 answers -
Как лучше реализовать?
Всем доброго дня. Проблема такова: на сайте, в статьях, я использовал конструкции такого типа: <div style="padding-top:10px;padding-bottom:5px;"></div>— ну это же бред, понятно. Конечно, я должен был прописать это стилях, но увы, мне в одном случае нужен отступ в 5 пикселей, а в другом — в 10, 15. Как лучше реализовать это? Чтобы код не выглядел так убого. Спасибо.
0 votes21 answers -
Не удаётся убрать горизонтальную полосу прокрутки
Верстаю сайт xxvc.zz.vc с помощью bootstrap 3, сделал навигационное меню, в результате появилась горизонтальная полоса прокрутки, никак не получается её убрать, может кто подскажет в чём дело и как это можно исправить?
0 votes1 answer -
Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта
Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …
0 votes1 answer -
Как на реальных проектах используется Git ?
Здравствуйте. На данный момент я верстаю для себя и пользуюсь гитом так как я привык (ниже опишу как). Вот сейчас хотел бы узнать, как мне придется работать с гитом когда над проектом работать буду не я один ? На данный момент я работаю так: 1. Создаю в github новый репозиторий; 2. Клонирую этот репозиторий к себе на локальную машину; 3. И начинаю верстать; 4. Комиты я пишу частые для себя (все делаю в ветке master, знаю что это не правильно но пока для меня нет необходимости их разделять); Комитах пишу что то типа этого: - Подключает {какой то} шрифт; - Создает какой то блок; - Добавляет файл с переменными less/sass; - Создает секцию header -…
0 votes7 answers -
Разный внешний вид шрифта в IE и Mozilla
Всем привет! Не совсем понял - почему один и тот же шрифт в разных браузерах смотрится по разному...В IE гладкий и приятный, а в Mozilla какой-то взьерошеный... Это как-то лечится? IE = Mozilla =
0 votes6 answers -
Проблема с фоном и осветлением вокруг элемента
Добрый день! Проблема в следующем: Есть дизайн сайта, который нужно сверстать, в рисунке применены такие способы выделения элементов, как осветление (вокруг цветка) и затемнение (в шапке). Не могу придумать как это сверстать. Что пробовал касательно затемнения в шапке: сделал основной фон для body (из узоров) и над ним повесил фон-затемнитель (градиент) в div'е. Это не дало нужного результата, т.к. узор на темном фоне попросту пропал. Касательно первой проблемы - осветления вокруг цветка - вообще мыслей нет как реализовать. Файл с дизайном (все лишнее убрал, чтобы не мешало, но все-равно файл весит 12,5 Мб) выложил сюда - www.masterspb.com/new/index.psd Поможете?
0 votes16 answers -
Первостепенная защита сайта на PHP
Продолжаю изучение защиты сайта. Недавно прочел несколько статей с предложением отключения некоторых функций PHP. Но так как хостинг у меня только виртуальный и возможности править php.ini нет Придется править .htaccess Подскажите, поправте что не так. Что вкл а что выкл ? Вот несколько директив / функций которые как я понял желательно отключить: safe_mode - проверяет владельца запущенного скрипта и если скрипт пытается открыть какой-либо файл - делает это с правами этого владельца php_admin_flag safe_mode on register_globals - Запретить создание глобальных переменных из пользовательского ввода если включена, переменные GET, POST, Cookie, Server будут регистриро…
0 votes7 answers -
Ниспадающее меню в css и ие7
Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...
0 votes13 answers -
Как зификсировать элемент..?
Наверное примитив, но вс? же.. Вот страничка с бэкграундом и одной картинкой, а над ней флажки языков, вс? это в таблице или нет.. пробовал флажки выносить из таблицы. Проблема в том, что у картинки стиль параметр отступа от левого края, вс? ок, но я хочу, что бы флажки всегда при разных разрешениях и уменьшения окна браузера - были справа. Вот например уменьшая окно браузера та картинка оста?тся справо и появляется полоса прокрутки (это вс? хорошо), но вот флажки передвигаются по правому краю уменьшеного окна и остаются видны.. и не получается их зафиксировать по правому краю так, что бы правый край был не край отка браузера, а край в зависимости от той картинки например…
0 votes9 answers -
Выравнивание текста в блочном элементе
Подскажите, как в блочном элементе (например div, или блочная ссылка) по вертикали текст выровнять по центру.
0 votes7 answers -
favicon
Всем привет! У меня не большая проблема с favicon, сделал его размером 16х16 на одном из сайтов, скопировал его в корневой каталог и прописал между тегами <head> </head> как там написано <link rel="shortcut icon" href="/favicon.ico"/> <link href="/favicon.ico" rel="icon" type="image/x-icon" /> Но у меня не хочет отображаться почему-то Не подскажете в чем причина?
0 votes13 answers -
Таблицу в слайдер
Здравствовать всем. на сайте http://www.stekloproekt.ru/tri на вкладке "Декоративные материалы" таблица с материалами выводится в виде слайдера. Удобно, гигантская таблица занимает мало места. Как такое сделано и где добыть подобный скрипт. Желательно не сложный в использовании. Спасибо.
0 votes1 answer -
Как создать тени для Мозилы
Есть одна проблема. Я впринципе програмист но никак не дизайнер. Но вот друг попросил,написать для него сайт, пустяковое дело что касается движка. Но вот с оформлением определенные траблы. Я хочу чтоб все мои таблицы (гриды) отбрасывали тень. Для IE решается чрез соотвественный фильтр (кому интересно MSDN можно найти). Но вот для мозилы никак не получается. Я пробывал создать тень в Photoshop CS3 слайсами и запихнуть в талицу. Примерно так: <table id="Table_01" border="0" cellpadding="0" cellspacing="0" style="position:absolute; left: 468px; width: 299px; top: 283px; height: 264px;" > <tr> <td id="" style="width:100px; height:100px; background-color:Gree…
0 votes3 answers -
htaccess
У меня вопрос, как мне из правил "переписывания" исключить запросы к файлам JPG? что бы пути к ним можно было оставлять относительными. Я делаю так RewriteCond %{REQUEST_URI} !-f #Если запрашивается не файл то тогда срабатывает правило... Но после добавления ЭТОЙ строчки htaccess вообще работать перестает. Помогите пожалуйста. :|
0 votes15 answers -
Прижатие текста к нижней границе внутри DIV
Недавно начал изучать CSS и вот сейчас столкнулся с такой проблемой: Надо, чтобы текст распологался в нижней части блока DIV. Пытался искать на различных сайтах, но везде обсуждается вертикальное выравнивание по центру. Кто-нить из местных гуру может помочь в этом вопросе?
0 votes8 answers -
Как сделать слой по центру
Помогите, как разместить слой по центру position: absolute; background: #F3F3F3; border: 1px solid #E2E222; width: 780px; height: 550px; padding: 10px; left: 50%; top: 50%; margin-left: -390px; margin-top: -225px; так не канает
0 votes4 answers -
Меню>Всплывающее подменю (как реализовать)
Подскажите пожалуйста, как сделать меню навигации по сайту. что при наведении курсора мышки на строку меню тут же выплывало несколько строк подменю. Например как на этом сайте музыкальной группы Ария. Только не в горизонтальном исполнении, а в вертикальном. Можно ли этого добиться с помощью html/css или для этого нужно что нибудь другое. Спасибо за понимание.
0 votes2 answers