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
-
переход от страницы html на страницу php и обратно
вопрос такой: может ли сайт состоять из страниц php и html? то есть будут внутренние ссылки со страницы html на страницу php и обратно. Это всё дело будет нормально работать?
0 votes5 answers -
CSS не могу поменять стиль ссылки
Я делаю дизайн для своего сайта, но возникла проблемка в файле CSS стилей. У меня указан стиль ссылок: a:link {text-decoration:underline; color:#4D6D91;} a:active {text-decoration:underline; color:#4D6D91;} a:visited {text-decoration:underline; color:#4D6D91;} a:hover {text-decoration:underline; color:#000000;} Но этот стиль так же действует и на заголовок новостей, а с тамашним фоном, этот цвет ссылок словается с фоном, я пытаюсь поменять цвет ссылок так: a.eTitle:link {text-decoration:none; color:#FFFFFF;} a.eTitle:visited {text-decoration:none; color:#FFFFFF;} a.eTitle:hover {text-decoration:underline; color:#FFFFFF;} a.eTitle:active {text-decoration:underline; color…
0 votes5 answers -
Резиновая верстка нестандартных фонов
Здравствуйте! Все чаще стали попадаться макеты с нестандартным фоном, который я не знаю как приспособить под резиновость. Пример макета ниже. Буду очень благодарен, если подскажете как верстать резиново такие фоны. https://st.fl.ru/projects/upload/201401/f_73452cd2e47e535f.jpg Спасибо!
0 votes5 answers -
Как отцентрировать центральный блок?
Сабж https://jsfiddle.net/vpy7sn26/1/ Как отцентрировать центральный блок? Можно сделать так же, но без float? (без padding и margin) margin: auto для inline-block походу не работает? исправил наименование блоков
0 votes12 answers -
Фреймворки за/против
Привет! Хочу совета от опытных ребят. Начал учить Bootstrap, а в нем встроен адаптив, которому я на чистом CSS еще не научился. Стоит ли прежде набить шишки на адаптиве на чистом CSS и только после прыгать на фреймворк? Если стоит, то с каким позиционированием будет сложнее адаптировать(float/position/flex)? И, после того, стоит ли выучить основу Bootstrap 3 перед изучением 4 версии?
0 votes11 answers -
Резиновая кнопка
Доброго времени суток.Верстаю макет и столкнулся с проблемой: есть вырезанная кнопка, без названия, нужно сделать так, что бы была функциональная кнопка, с возможностью изменят её название и естественно ели название длинное то, что бы кнопка растягивалась. И вот ещё пару проблем 1) :href в хедере и 2) сели вы откроете его в IE то увидите третью проблему(отступ под хедером), как его убрать тоже не могу понять. В общем вот таки трудности ((( Буду очень признателен за помощь.
0 votes14 answers -
Расширения (filter) для CSS
Привет всем! Подскажите, а где можно поподробнее почитать про расширения CSS (фильтры, filter). Типа: - Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?) - BlendTrans(Duration=?) - Blur(Add=?, Direction=?, Strength=?) - Chroma(Color=?) - ну и так далее...
0 votes1 answer -
"Наложение" при верстке в Мозилле
Уважаемые коллеги, братья, сестры и товарищи! Прошу помощи вот в таком вопросе. Верстаю я страничку (в битриксе, поэтому в текстах проскальзывает лишнее) со следующего рода содержанием: блок 1 - большая такая "плашка" с тенью и скругленными углами. После нее идет таблица, в первую ячейку которой вставлена подложка. В Опере и ИЕ все ладушки, блок один идет себе спокойно, за ним таблица. В Огнелисе таблица наехала на блок 1, код которого я привела ниже. Честно, не ожидала такой реакции, по сему немного растеряна и ошибок не вижу. Подскажите, люди добрые, как с этим мракобесием бороться. ЦСС <style/css> .roundRectBlock { position: relative; left:100px; top: 20p…
0 votes5 answers -
Не получается правильно задать слои
Почему слои нехотят быть на своих местах, все съезжает? Это сама страница: <body> <div id="headmenu" > Голова </div> <div id="mainmenu" > Цент </div> <div id="rightmenul" > Правая колонка </div> <div id="leftmenu" > Левая колонка </div> <div id="footmenu" > Нижняя </div> </body> Из этого видно, что хочу разделить страницу на 5 частей: Вот css, как делил: html, body{ margin:0; padding:0; } #headmenu{ position:top; height:70px; background-color:#AAAAA0; width:100%; } #leftmenu{ width:200px; float:left; position:relative; background-color:#AAAA00; } #mainmenu{background…
0 votes5 answers -
Ссылки с эффектом перекатывания
Помогите!!! срочно нужно вставить ссылки в кнопки с эффектом перекатывания по типу: http://www.studyinenglish.pl/en/index.html мой код: <style type="text/css"> A.rollover1, .rollover2, .rollover3, .rollover4 { background: url('Knopku/Blue_together1.jpg'); /* */ display: block; /* */ width: 300px; /* */ height: 150px; /* */ } .rollover2 { background: url('Knopku/green_together2.jpg'); } .rollover3 { background: url('Knopku/yellow_together3.jpg'); } .rollover4 { background: url('Knopku/orange_together4.jpg'); } .rollover1:hover, .rollover2:hover, .rollover3:hover, .rollover4:hover { background-position: 0 -150px; } </style> </head> <…
0 votes10 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 -
Горизонтальная галерея
Хочу сделать вот такую галерею. Изображения идут одни за другим в один горизонтальный ряд. У меня на сайте они не выравниваются, хотя стоит float:left; На сайте стоит ширина width:100%, если поставить фиксированную ширину на блок с изображениями - например 7000px, то они становятся в один ряд, но нет горизонтальной прокрутки. Подскажите как выйти из положения. Это мой сайт.
0 votes4 answers -
Как создать тени для Мозилы
Есть одна проблема. Я впринципе програмист но никак не дизайнер. Но вот друг попросил,написать для него сайт, пустяковое дело что касается движка. Но вот с оформлением определенные траблы. Я хочу чтоб все мои таблицы (гриды) отбрасывали тень. Для 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 -
Background
Подскажите пожалуйста такую штуку - можно ли начинать repeat с любой точки экрана? и ещё: можно ли одну и ту же картинку вставить и копировать по Y снчала слева, а потом справа?
0 votes11 answers -
BLOCKQUOTE ошибка в валидаторе
из за тега BLOCKQUOTE много проблем у блога в блоггере, при использование этого тега появляется ошибка в валидаторе, незнаю как исправить, может кто поможет? пишет так: document type does not allow element X here; missing one of Y start-tag Line 1072, column 2168: document type does not allow element "blockquote" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag …pan><span class="fullpost"><blockquote>После установки программы ВебМани Кипер… Ещё я заметил когда использую BLOCKQUOTE в сообщениях, то в браузере Хром, нарушается работа под ката, который используется через тег span. И мне приходится писать сообщения пр…
0 votes6 answers -
Opera img & hspace
Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…
0 votes3 answers -
Загрузка изображений до вывода на экран
Добрый день! Вопрос в следующий : Есть страница с изображениями хотелось бы узнать , можно ли как то реализовать чтоб все изображения подгружались пользователю а потом только вывадилась страница с текстом и изображениями . Чтоб пользователю видел уже готовую страницу.
0 votes17 answers -
Многоуровневое горизонтальное меню
Добрый день, интересует вопрос, как из такой стандартной стр-ры <style> .menu-h-d { min-height: 24px; border-left: 1px solid #ccc; } .menu-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; } .menu-h-d a { text-decoration: none; padding: 2px 10px; display: block; } .menu-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; } .menu-h-d ul ul { left: 100%; top: -1px; } .menu-h-d li li { float: none; border-width: 1px 1px 0px 1px; } .menu-h-d li:hover { background: #ccc; } .menu-h-d a:hover { color…
0 votes7 answers -
списки
<div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <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> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.
0 votes6 answers -
Помогите с вёрсткой слоями!
Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…
0 votes13 answers -
див игнорирует отсутствие отступа
Доброго времени суток. Я ни как не могу поднять свои дивы к границам. т.е. в боди я убрал все границы body { background:url(img/back_g.jpg); margin:0; padding:0; } в следующих дивах я тоже убрал все границы .col_head { display:block; width:100%; margin:0; padding:0; text-align:left; background:#000; font-size:18px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif; } #header{ position:relative; margin:0 auto; // выравнивал по центру display:block; width:960px; border:1px dashed #666; // специально обозначил что бы было его видно } Вроде не должно быть ни каких дырок, а вот что получается на самом деле:
0 votes15 answers -
Ссылка не меняет цвет при наведении
Доброго времени суток! проблема такова: 1. посещенная ссылка меню или другая не меняет цвет при наведении 2. в браузерах FF 3.6.13, Chrome 8 (в Opera не проверял) - при наведении на меню трудно попасть на ссылку, хотя текст 18 px код CSS файла ниже .cssmenu { padding:0; margin:0; list-style:none; margin-top:10px; margin-left:25px; } .cssmenu li { padding-top:15px; } .cssmenu li a, .cssmenu li a:link, .cssmenu li a:visited, .cssmenu li a:hover { font-family:"Times New Roman", Times, serif; font-style:italic; font-size:18px; display:block; padding-left:55px; color:#0094d9; text-decoration:underline; } .cssmenu a:hover, { font-family:"Times New Roman", Ti…
0 votes3 answers -
Новое окно с заданными параметрами по нажатию на submit
Здравствуйте! Подскажите пожалуйста, как по нажатию на кнопку формы <input type="submit" value="КЛИК"> открыть файл обработчик, который указан в атрибуте action, в новом окне, поверх текущего с заданными параметрами. По типу mywindow=window.open('uploud.php' ,'','height=300, width=300' ); Или как вариант, как уйти от кнопки <input type="submit" value="КЛИК"> к обычной ссылке <a href='uploud.php'>КЛИК</a>, но так что бы все данные формы записались в суперглобальный массив POST. СПАСИБО!
0 votes5 answers -
Регистрация. Личный кабинет
Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)
0 votes6 answers -
Мигающий текст
Подскажите, пожалуйста, как можно сделать эффект мигающего текста
0 votes2 answers