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
-
выровнять по вертикали
Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/
0 votes11 answers -
Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?
Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!
0 votes1 answer -
меню сделанное на CSS под все браузеры.
Как сделать так, чтобы меню навигации созданное с помощью CSS корректно отображалось на всех браузерах. У меня у самого Опера, все нормально работает, а вот проверяли на Explorer'е - нифига подменю не вылазеет, чо делать, подскажите пожалста. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ …
0 votes4 answers -
Вывод данных из HTML
PLS подскажите как из HTML (+JavaScript) создать новый файл и записать в него данные? Что проще при этом использовать? Если модно с примерами почти по дядюшке Фрейду: rolleyes: "модно"=можно
0 votes8 answers -
Резиновая вёрстка
Сложность(для меня)состоит в следующем: надо сделать вот так http://ifotki.info/12/73628095a1a76f6604d94e349a1dedd7b279f8138503600.jpg.html макет нужен резиновый.Т.е. если я правильно понимаю размеры закладок нужно задать в процентах,но как угадать,чтобы они растянулись на всю ширину центрального блока.Решение необходимо только средствами Html и Css P.s.есть вероятность,что я чего-то не догоняю
0 votes6 answers -
Верстка без картинок на ccs3 - с каких версий браузеры понимают?
Если верстать градиенты, тени и закругленные границы без картинок, а с помощью css3 - то какие версии браузеров будут их отображать нормально? Ослик 8 - не понимает же border-radius? Получается в нем все будет квадратным, а 9й осел вообще не поймет градиенты. Как же быть тогда? Верстальщики обычно не поддерживают 7, ну максимум 8 осел, но не 9й же вычеркивает из верстки... Или для него задаем свои стили с помощью условных комментариев отдельно? (но тогда вообще проще на картинках же сверстать для всех браузеров .. ) В общем с каких версий разных браузеров можно смело использовать css3, вместо картинок?
0 votes15 answers -
Кнопка с полупрозрачным градиентом. Не могу правильно задать стиль.
Доброго времени суток, уважаемые форумчане. Я не смог довести до ума градиент, что имеется перед кнопкой "Читать далее...", который визуально показывает наличие других статей. Сейчас он в ширину надписи, а должен быть полностью по ширине блока и надпись "Читать далее..." впритык, а необходим отступ. С этими плавающими блоками у меня беда, в основном я подчёркиваю реализацию на других ресурсах, но таких конструкций я встречал мало, и попытки адаптации вы можете сейчас наблюдать :-( Помогите пожалуйста. Страницу с макетом прикрепил, в этом единственном файле и стили и js код. 567.html
0 votes4 answers -
html Поделить страницу на 4 ровных ТРЕУГОЛЬНИКА
Всем привет! Вопрос по #svg ! Нужно поделить екран на 4 треугольника(как на картинке, ссылка на гугл диск с картинками и сами картинки снизу). В этих треугольниках должна быть картинка и пару строк контента, ну и наведение работать должно. Пробовал крутить блоки, но посмотрев, что адаптивность умирает — решил пойти через свг, но так как не шарю в viewBox и point`ах застрял((. Если у вас есть другие варианты решения, с радостью жду! Заранее спасибо! ССЫЛКА НА ПАПКУ С КАРТИНКОЙ: drive.google.com/...OB17Nn6PExYTluN0lVcm1xOW8 а также ФАЙЛЫ САЙТА: drive.google.com/...OB17Nn6PExTUdFODNXYzRNOTA ——————————————HTML————————————————— <!DOCTYPE html> <html lan…
0 votes0 answers -
css CSS анимация с текстом
Особо не вдавался в подробности анимации, поэту прошу у вас. Нужно сделать так, чтобы буква при загрузки страницы, после 3с (ПРИМЕРНО) с центра экрана переместилась на 300px (ПРИМЕРНО) в любое из четырех направлений. P.S. Лишнего не пишите, и ссылки на темы не надо кидать.
0 votes0 answers -
Подключение не защищено полностью
Здравствуйте. После подключения SSL сертификата на ПК версии сайта не появился зелёный замок. На мобильной же версии он есть (подгружается другой шаблон). Я везде проверил наличие https вместо http. Нигде упоминания http в шаблонах сайта нет. Помогите, пожалуйста. Уже давно пытаюсь исправить эту проблему. Вот код моего сайта: view-source:https://iblitzmods.ru/
0 votes4 answers -
Пустое место когда убираю рекламный блок Adsense
Здравствуйте! На сайте, когда убираю рекламный код Adsense появляется пустое место. Когда рекламный блок на месте, то разрыва между футером и контентным блоком нет. Рекламный блок подключается через функцию include <!--таблица комментарии--> <?php include("blocks/komments2.php");?> <!--таблица комментарии--> Код CSS: Скрытый текст /* Timeweb test comment */ /* Timeweb test comment new*/ /* Vadim comment new2*/ /* Vadim comment new3*/ /* new */ /* Vadim comment new4*/ body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapp…
0 votes4 answers -
Как работает "background-size"?
Почему когда я вставляю фон в CSS через свойство background- size и прописываю значения cover у меня картинка обрезается, такого вроде не было. приходится прописывать значение contain, но обхватывает не весь контейнер/страницу
0 votes1 answer -
Помогите сверстать макет div-ами
В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.
0 votes3 answers -
проблемы с формой
Злобные кодеры и верстальшики срочно нужна ваша помощ=) Делал сайт и встала проблема с вёрсткой в опере всё норм тока менюха сежает в верх у центрального окна,а вот в осле как всегда всё плохо((( всё норм отображается только форма заполнения почему то неактивна http://tropic-cocktail.ru/test/aczia3.html и неработает скролинг http://tropic-cocktail.ru/test/aczia4.html
0 votes2 answers -
Ссылка-изображение
Всем привет. Помогите мне пожалуйста разобраться с CSS, я чтото крутил крутил, ничего не вышло. Кароче мне нужно сделать изображение-ссылку, используя только один тег <a></a>. Тоесть изображение нужно вставить как бэкграунд к тегу <a>.Размер моих изображение 30х30 пикселей. Как мне это сделать? Вот что у меня должно получиться: Host for your pictures А вот мой код, но нифига не получается :\ #pageraiting{ padding-left:2em; font-size:small; color:#999999; } #pageraiting #stars a{ padding:15px; background: url(/images/menuselected.gif) center no-repeat; } <div id="pageraiting"> <div>Просмотров: 23 459</div> <div id="stars"&g…
0 votes3 answers -
fade
Фуф решил написать может кто делал а то задолбался уже то в опере рассыпается то в ие не работает Пытаюсь воссоздать эффект растворения текста выходящего за границы блока CSS .block {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:100%;} .block_cell {padding:0 0;border:0;margin:0 0;text-align:center;vertical-align:top;width:50%;float:left;overflow-x:hidden;overflow-y:hidden;} .block_data {padding:0 0;border:0;margin:0 30 0 9;width:100%;height:22;float:left; clear:left; text-align:left;white-space:nowrap;overflow-x:hidden;overflow-y:hidden;} .block_stat {padding:0 0;border:0;margin:0 0;width:0px;height:22;float:right;clear:right;text-a…
0 votes8 answers -
Верстка и smarty
Все привет. Есть задача вывести на страницу сайта некоторое кол-во фотографий ( в миниатюре ). Процесс стандартный php берет данные ( имя изображения, описание т.д. ) и сдает это smarty ( assign ) . Шаблон: <table border="0" style="width: 100%;"> <tr> {section name=index_last_photo loop=$id} <td> <a href="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].photo_file_id}.jpg" rel="lyteshow[vacation]" title="{$id[index_last_photo].rus_photo_name}"> <img style=" border: 1px solid silver;width: 128px; height: 128px;" src="http://{$smarty.server.SERVER_NAME}/modules/gallery/uploads/{$id[index_last_photo].p…
0 votes10 answers -
cвойство filter не проходит валидатор
добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?
0 votes9 answers -
Проблемы с текстом
Подскажите пожалуста как сделать как показано на картинке. Чтобы второй текст был рядом с первым
0 votes6 answers -
новичок в html и css
я зовсім новачок в створені сайтів підскажіть з чого починати що б стати front-end розробітником.
0 votes7 answers -
Тег <a> содержит тег <div>. Как добится валидности кода?
на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>
0 votes1 answer -
Валидные варианты "сделать стартовой" и "добавить в закладки"
Добрый день! Подскажите пожалуйста как можно сделать ссылки "сделать стартовой" и "добавить в закладки", чтобы они были валидными для XHTML, мои вариант вот: <a href="our_link" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage('our_link'); return false;" class="foot">Сделать стартовой</a> и <a href="our_link" onClick="window.external.addFavorite('our_link', 'our_capture'); return false;" class="foot">Добавить в заладки</a> Только они не проходят валидацию. Как сделать так, чтобы проходили? Спасибо за помощь
0 votes2 answers -
Размещение
Проблема а вернее вопрос в следующем: нужно разместить 4 изображения, каждое в разных углах, тобишь в левом верхнем, в правом верхнем, нижнем левом и нижнем правом. А между ними контент. Это легко реализуется через таблицы. Но так как стремлюсь к лучшему, хочется это сделать через div. Подскажите как сделать это наиболее правильно.
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=windows-1251" /> <title>Организации города Солнечногорск</title> <style type="text/css" media="all"> @import "style.css"; </style> </head> …
0 votes6 answers -
меню
Извиняюсь за наглость, но не могли бы подсказать как сделать что то подобное??
0 votes6 answers