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
-
Как залить svg-контур?
ребята, научите пожалуйста как залить svg-контур. есть один svg-файлик, в котором всего один элемент path. результат выглядит так мне хотелось бы изменить исходный код файла так чтобы область внутри была залита там же цветом, что и контур. svg-файл прикрепляю к этому посту. filter_fill.svg
0 votes1 answer -
div по центру (отличается от предыдущей темы)
div.general { display:block; margin-left: ???????; margin-right: ??????; margin-top: 0em; margin-bottom: 3em; width: 50em; height: 120em; border-width: 1px; border-style:dashed; } что нужно написать в этих маргинах, чтобы блок всегда выравнивался по центру в горизонтали при любом разрешении монитора пользователя?
0 votes4 answers -
вопрос про display:block
вопрос новичка, ну я им и являюсь. допустим есть код : html <div class=img> <img sc="images/img.gif" alt=""> </div> .img { width: 100%; text-align: center; } Картинка будет находится по центру страницы как и должо быть, а как установить display:block она перестает слушатся почему ? хочю понять принцип действия. И еще вопрос в догонку как убрать 3пкс отспут в ИЕ у img кроме display:block; Зарание благодарен.
0 votes8 answers -
Галлерея
Всем привет. Я новичок в HTML и решила создать свой сайт. Все таки 21 век и надо знать как все это делается... Сайт я уже создала, но мне нужен дизайн. Все пытаюсь, пытаюсь что-то сделать, но не получается. Даже с помошью разных учебников. Можите мне помочь? Мне нужна галерея, где я буду выставлять свои работы (фотографии). Примерно это должно выглядеть так: ГЛАВНАЯ ГАЛЛЕРЕЯ КОНТАКТЫ ГОСТЕВАЯ КНИГА вот примерно то что я хочу... Можиет помочь с кодами? Что для этого нужно? Есть пожелания, заечания и т д? Кстати использовать при создании буду не такие цвета а другие... эти как в пример привела Вобщем надеюсь нвшу помощь))
0 votes9 answers -
bootstrap от twitter
Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?
0 votes7 answers -
Разрывная линия через текст
Задача, на примере фрагмента из макета от Softlink. Задача: На рисунке видим разрывную линию которая обрывается на тексте и после него продолжается. Текст выровнен по центру линии. Имеет ПРОЗРАЧНЫЙ фон, чтобы просвечивался фон родителя. Можно утрировать, линию делать как двухпиксельную разного цвета или сплошную. В общем интересуют разные варианты решения этой задачи коллективным разумом, но чувствую есть более правильное и элегантное про которое я не знаю). Приходилось сталкиваться с подобными задачами, но каждый раз они решались по разному, где-то через относительное позиционирование, где-то экстраразметкой, где-то псевдоэлементами. Мне вот любопытно как бы вы эту …
0 votes13 answers -
Выбрать самый последний элемент
Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает
0 votes15 answers -
{html 5} menu или nav
Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?
0 votes13 answers -
Вертикальное выравнивание в Bootstrap 4
У меня есть две колонки, в правой допустим есть текст и элементы. А в левой у меня один input и блок который я хочу чтобы блок был всегда вертикально посередине между инпутом и концом правого блока. Как мне это сделать? Пример на фотографии есть.
0 votes1 answer -
alt target и xtml strict
there is no attribute "target" there is no attribute "alt" <a href="http://maps.yandex.ru/map.xml?mapID=2000&mapX=4182143&mapY=7472501&scale=10&slices=1" target="_blank" alt="Ссылка на Яндекс.Карты"> Валидатор разнес эту строку в пух и прах! и что с ней делать? так же ругается на - чем его заменить? тут же к ссылкам: cannot generate system identifier for general entity "Photo" <a href="java script:BigPhoto('viewbig.php?dis=0&Photo=1')">
0 votes5 answers -
при уменьшении окна браузера форма вылазит за экран .
#header { margin: 0 0 0.2em 0; padding: 1em 1.5em; height:8em; background: #343434 url('header.jpg') no-repeat top left; border:1px solid ##2D5289;; } <div id="header"> <div style="position: relative;width: 100%;"> <div style="width: 100%;position: absolute;left: 0px;top: 0px;"> <div style="margin-left: 85%;"><form name="" action="" method="post"> <table width='200' border='0' cellspacing='0' cellpadding='0' class='3'> <tr> <td align='center' class='3'>Имя: Пароль:</td> <td align='center' class='3'><input style="padding-left:20px" name="Name" type="text" value="" size="15"> <input style="paddi…
0 votes2 answers -
Вопрос по кнопкам
Моё приветствие тиграм HTML-вёрстки! Помогите пожалуйста неофиту. Хочу чтобы кнопки были ссылками,вроде бы добился желаемого,таким вот макаром но этот вариант работает почему-то только в FF, а в IE нет, почему?
0 votes11 answers -
Антиалиасинг после анимации в IE7
Суть следующая: имеется на сайте контейнер с текстом, который становится видимым с помощью jQuery метода fadeIn(). Проблема заключается в том, что после работы скрипта текст в этом контейнере в IE7 становится несглаженным. Исследования в кривом а-ля Firebug в IE8, работающем в режиме IE7, показали, что jQuery для IE, что очевидно, использует фильтр alpha, и после того, как контейнер стал полностью непрозрачным, он содержит свойства «filter:; zoom: 1; display:block;». Именно пустое значение свойства filter навевает на мысль о том, что это влияет на сглаживание шрифтов. Напрашивается вопрос: какое значение filter нужно установить для того, что IE7 показал текст сглаженным…
0 votes3 answers -
height: 1%; для ссылок
Здравствуйте Помогите пожалуйста разобраться. Есть у меня один щаблон, код которого я пытаюсь понять. Остановился на таком вопросе как "вертикальное меню". Вот здесь шаблон: http://lukomorie.dax.ru/ Я не понял зачем height: 1% нужен в этом стиле: #subnav li a { background: url("../images/bg_subnav.gif") no-repeat scroll 100% 100% transparent; display: block; height: 1%; padding: 5px 10px; text-decoration: none; }
0 votes14 answers -
Раскрывающийся по клику список
Всем привет. Такая проблема, с виду простая, но я, что-то не догоняю. Есть некий список (красным выделены важные пункты): А Б В Г Д Е Ж З И К При загрузке страницы должен отображаться не весь список, а только важные пункты: А Г Е Ж И ? Показать весь список Остальное скрывается, например, с помощью display:none;. При клике на ссылку показывается весь список, но соответственно, пропущенные пункты добавляются в те места, где они изначально должны быть. Подскажите, как это можно реализовать попроще? Или может кто знает какой-нибудь плагин на jQuery, только не объемный (без лишних наворотов)?
0 votes6 answers -
Google PageSpeed Insights Оптимизируйте код CSS
Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :
0 votes8 answers -
Код CSS не работает
Написал код точно как в учебнике, но он не работает. В чем причина? Скриншоты прилагаются. Скрытый текст http://prntscr.com/g5xbse Скрытый текст http://prntscr.com/g5xdpg
0 votes5 answers -
Контет скатывается в ие
Вот сверстал макет. Все бы не чего, но как всегда ие хочет что нить добавить свое . Вот это чудо.
0 votes12 answers -
Ошибка в коде РНР
Имеется файл sing.php <? session_start(); error_reporting(E_ALL & ~E_NOTICE); require_once('./global.php'); if (isset($_SESSION['suserid'])) {$suserid=$_SESSION['suserid']; if ($suserid == '') {unset ($suserid);}} if ($suserid>0) { $sing = $vbulletin->db->query_first("SELECT name FROM usersing WHERE userid = $suserid");} if ($sing != "") { } else { $sing = "пусто"; } echo "{$sing[name]}"; ?> создаю модуль ob_start(); session_start(); $_SESSION['suserid'] = $post['userid']; include('./sing.php'); $sing[name] = ob_get_contents(); ob_end_clean(); если обратиться к sing.php напрямую показывает пусто если же в ставляю переменную из модуля $sing[name] в …
0 votes6 answers -
Белое пространство под футером
Делал верстку для сайта по способу http://www.cssstickyfooter.com/. В Webkit, Opera и IE работает чудесно, а вот в ФФ внизу появляется белое пространство (как будто бы есть ограничение на высоту). Чем больше разрешение, тем больше и пространство. Вот ссылка на скрин: http://h1813090.stratoserver.net/files/sha...qkWUtoRxNog.jpg Вот код в html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Delhi Darbar - Indian restaraunt </title> <!-- put some link to the favicon here --> <link rel="shortcut icon" href=…
0 votes0 answers -
не работает Fullscreen во флеш-плеере на html-странице
Всем доброго времени суток! В общем, проблема в следующем. Есть флеш-плеер для просмотра видео в онлайне на сайте. Локально флеш-плеер работает идеально, в полноэкранном режиме в том числе. При размещении на html-страницу функция полноэкранного просмотра не работает, хотя все остальные функции плеера работают исправно. Облазил уже весь интернет, но по сущетву ничего не нашёл. Прочёл где-то, что нужен специальный яваскрипт для этого дела... . Если у кого есть решение, поделитесь, плиз. Вся надежда на вас!
0 votes3 answers -
Два div'а в ряд, nowrap, IE 6-9
Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …
0 votes9 answers -
Верстка иллюстраций с подписями.
Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.
0 votes13 answers -
Фоновое изображение
Есть сайт фиксированной ширины. Есть фон, который вставляется в body. И все бы хорошо, но фоновое изображение это с градиентом. Как сделать так, чтобы оно растягивалось на весь экран? Потому-что видно когда оно начинает повторяться по ширине Или просто какой-то другой способ подскажите? Тут чтобы понятнее было http://jsfiddle.net/H6zth/
0 votes8 answers -
Проблемы с вёрсткой в Chrome и Opera.
Здравствуйте! Возникли проблемы работы в Crome с галлерей и fancybox. На этом сайте: http://ndl-east.com. 1) В Crome(v.35) и Opere(v.22), причём как то через раз, не задаёт высоту у изображения и его обрамляющих блоков, так как они имеют position:absolute ниже стоящие блоки наползают на него. Повторю: иногда отрабатывает верно. 2) Так же в Chrome не срабатывает галлерея fancybox(v.2.1.5) при клике на превью отдельно открывает изображение как страницу. В голову ни чего кроме как костылей не приходит которые ни как не помогают. Firefox и IE работают адекватно. Спасибо за уделённое время!)
0 votes5 answers