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
-
Как сделать - 3-х колоночная верстка, бока резиновые, центр с минимальной шириной.
Необходимо сделать вот такой макет (за исключением проблемных мест) Макет Левая и правая внешняя колонка "резиновая". Центральная колонка должна быть по центру, тоже "резиновая", но есть минимальная ширина. Еще дело осложняется тем, что центральная колонка обрамлена справа и слева разделителями 2px (разделитель должен быть растровый из картинки) В центральной колонке тоже "резиновые" 3 колонки (решение брал отсюда Резиновая 3-х колоночная верстка). <html> <head> <style type="text/css"> html, body { height:100%; min-height:100%; margin:0; padding:0; b…
0 votes3 answers -
Горизонтальное центрирование
Добрый день. Подскажите, пожалуйста, как мне отцентрировать ссылки в блоке: http://jsfiddle.net/WNQs6/2/
0 votes8 answers -
Верстка header'a. Сложности с position
Всем доброго. У меня, как у начинающего верстальщика, есть ряд проблем. и одна из них - свойство css - position; не совсем догоню где и как применять значения absolute, relative и т.д. Сейчас у меня стала проблема в верстке такой (см. картинку) шапки. Для наглядности выделил блоки как я их себе представляю. 1. серый блок - растянут на всю ширину стариницы, не имеет никаких отступов ни сверху ни снизу. с этим проблем нет. 2. зеленый контур. имеет ширину в 900px (ширину страницы) располагается по центру. (тут проблем тоже не возникае) а сам проблема возникает при добавлении следующих блоков: 3. желтый, синий, зеленый - на которых логотип, форма поиска, логин+кнопки …
0 votes8 answers -
помогите разобраться
Не получаеться вставить картинку на 100% экрана. Сама картинка шириной 1600, как не пытался она все равно остается такого же размера, стоит мне убрать проценты и задать размер в пикселях, так все нормально, перевожу обратно в проецнты - опять 1600 ... Можно ли вставить такую картинку на 100% экрана или нет?
0 votes3 answers -
Однокомандные теги
Столкнулся с проблемой, контрольная по веб дизайну. Вопрос такой: Однокомандные теги. Сам в первые слышу такое определение тегов, в инете поискал, выдает всякую ерунду типа однокомнатного тега . Возможно это одиночные теги которые не требуют закрывающего тега. Если кто в курсе, помогите плз.
0 votes8 answers -
Ширина в процентах относительно плавающего блока
Имеется следующая структурка (максимально упрощенный вариант): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .item {border: solid 1px red; float: left} </style> </head> <body> <div class="item"> <div>ололоололоололоололо</div> <div> <div style="float: left; width: 50%">123</div> <div style="float: left; width: 50%">321</div> </div> </div> </body> </html> Должна быть строка, под которой располагается 2 блока полов…
0 votes5 answers -
Помогите пожалуйста с CSS Меню в IE
Всем привет! Подскажите, пожалуйста, отчего в Интернет Эксплорере верхнее выпадающее меню (на CSS) отображается не корректно? Все время съезжает на соседнюю справа ячейку. (В опере и FF все ок). http://perfect-human.ru/cms/ Код CSS: <style type="text/css"> #nav, #nav ul { list-style: none; margin: 0; padding: 0;} #nav li {float: left; position: relative; background: #515151; back\ground: none;} #nav a{ color: #000; text-decoration: none; display: block; width: 126px; height: 24px; padding-top: 8px; text-align: center; font:14px "Times New Roman", Times, serif; background: url(../img/dark.gif);} #nav a:hover {color: #fff; background: url…
0 votes15 answers -
Div OnMouseOver IE problem
Проблема слудующая Есть оснвной див, при наведении на него отображаються 2 дополнительных дива(слева и снизу) аля доп меню. <div id="layer1" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);">DIV 1</div> <!-- основной--> <div id="layer11" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 right</div> <!-- дополнительный 1--> <div id="layer12" onmouseover ="showhidemenu(1);" onmouseout ="showhidemenu(1);" >DIV 1 bottom</div> <!-- дополнительный 2--> Наводишь на основной - отобразились дополнитеьные, уводишь мышь на любой дополнительный - они продолжают отображаться. Уводишь на люб…
0 votes3 answers -
Проблема верстки с fixed div
Необходимо, чтобы реагировал на клик сначала внутренний блок (CONTENT), а далее уже родительский (FIXED) Как это можно реализовать? Ссылка https://jsfiddle.net/ux7gknhk/1/
0 votes2 answers -
Интересная реализация бордера
Как реализовать подобное через border-radius или другие варианты решения?
0 votes4 answers -
проблема с полем в IE
http://www.nextproject.ru/ на этой странице в средней колонке в самом верху между текстом заголовка и нижней границей (темно-красной линией) возникает слишком высокое пустое пространство (только в IE), хотя в правой колонке при тех же условиях все нормально. Не подскажете, в чем может быть причина? Код не выкладываю, поскольку от моей оригинальной верстки он уже отличается, и причина може быть практически в любом фрагменте, как показывает практика... На прочие моменты верстки прошу не обращать внимания - все делалось очень быстро и "дешево".
0 votes4 answers -
Проблема с вложенным блоком с min-height: 100%
Ситуация очень не приятная. Может конечно я что-то не учел, но: html, body{ height: 100%; margin: 0; padding: 0; } #d1{ min-height: 100%; background: Aqua; } #d2{ min-height: 100%; background: Fuchsia; } <body> <div id="d1"> <div id="d2"> </div> </div> </body> В результате блок d2 не вытягивается на всю высоту. Это можно как-то вылечить????
0 votes1 answer -
Как изменить фон?
Поставил Lightbox 2 (брал отсюда http://www.lokeshdhakar.com/projects/lightbox2/) Я хотел поменять темный полупрозрачный фон на белый без изменения параметра overlayOpacity=8, но ко конца не въехал как он строит задний темный фон. Может быть кто знает?
0 votes3 answers -
table. Последние ячейки растянуты
1. Задаю ячейкам таблицы размеры 70х70px. 2. Внутри каждой есть див с картинкой. Размеры самого рисунка - 144х144px. 3. Таблица состоит из 8х8 ячеек(шахматная доска). 4. Последний ряд и последняя строка получаются вытянутыми. 5. Полагаю всему виной самая последняя(8;8) ячейка. Код(Java): <table> <c:forEach items="${gameRow.game.board.pieces}" var="pieceRow" varStatus="status"> <tr> <c:forEach items="${pieceRow}" var="piece"> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="<c:out value="${piece.imagePath}"/>"/></div> </td> </c:forEach>…
0 votes8 answers -
Ховер на баттон в IE6
Проблема с ховером на баттоне Submit в IE6, как это можно решить и решается ли чистым стилем, или хаками в стилях. Знаю что это можно реализовать на JS, но мне это не подходит нужно не используя JS мой код что бы было понятнее что я имею введу <style type="text/css"> .sbtn{ border:0px; background:url(inputBtn.gif) no-repeat; color:#FFFFFF; width:100px; height:46px; } .sbtn:hover{ background:url(inputBtnSubmit.gif) no-repeat; } </style> <body> <form id="form1" method="post" action=""> <p> <input type="text" name="textfield" id="textfield" /> <input type="text" name="textfield2" id="textfield2" /> <input type…
0 votes3 answers -
тег FORM, параметр TARGET, значение _blank
Подскажите пожалуйста, можно ли cделать так. тег FORM, параметр TARGET, значение _blank : <FORM action="http://www.some-page.com/" target="_blank"> Т.е. произойдет переход на указанный урл и www.some-page.com откроется в новой вкладке, и тебя перебросит с текущей страницы на эту открывшуюся новую вскладу. А можно ли сделать так, чтобы страница открывалась таки в новой вкладке, но тебя при этом не перебрасывало на нее? Т.е. она себе там открылась, а ты уже перешел, когда тебе удобно будет.
0 votes1 answer -
Как сделать приложение?
1111111111
0 votes4 answers -
Выпадающее подменю
Привет. Подскажи, с помощью чего на этом сайте (ypag.ru) сделан раскрывающийся список раздела? С помощью чего сделать тоже самое?
0 votes5 answers -
По каким стандартам верстать?
Актуалнее и рациональнее...
0 votes6 answers -
Слишком большой CSS
Сабж, как делают на крупных интернет-проектах? А то css такой большой, что достаточно геморойно что-то найти подправить, создаются новые стили, чтобы подправить старые, css становится еще больше
0 votes12 answers -
Редактирование текста в span-е
Хотелось бы уточнить. Так как в span-е уже не применишь заголовки и параграф, остается применить спан в спане для отдельных слов? Такая практика принята или есть другие методы? И еще, strong и em ведь тоже строчные элементы?
0 votes8 answers -
Помогите исправить форум сайта
Вот ссылка на форум сайта http://codmws.game-pack.net/forumъ Код <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$MODULE_NAME$</title> <link rel="icon" href="http://codmws.ucoz.ru/icon.ico" type="image/x-icon" /> <link type="text/css" rel="StyleSheet" href="http://codmws.game-pack.net/Mycss/Forum2da.css"/> <link media="screen" href="http://codmws.game-pack.net/Mycss/forum.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/js/libs.js"></script> </head> <body> <div class="wrapper"> <div class="lineinfo"> <div id="klik"> <div class="heder"> $G…
0 votes1 answer -
CMD в HTML возможо?
Подскажите, как добавить выполнение комманд\BAT файлов.\запуск программ в код HTML (если это возможно) если нет - напишите плиз
0 votes6 answers -
Создание интерактивного справочника
Цель: разработать оффлайн справочник, который бы открывался с флешки или CD-диска. Будут добавляться слова например машина, интернет, дом... по тематике. При помоши поиска находятся слова - по клику к слову - отображается видео - значение слова на жестовом языке. Такая вот задача. Как можно реализовать? Может быть есть CMS движок который работает с txt базой даных? или инструменты для создания такового? Где то я уже видел такое - офлайн справочник с видео уроками, т.е. есть заголовки - кликаешь и смотришь видео. я так думаю что эти заголовки содержать будут в себе слово которое потом при открытии будет видео с жестом. сейчас набросаю макет. очень надеюсь что кто то под…
0 votes2 answers -
Позиционирование footer absolute
Помогите плиз уже два дня мучаюсь. Есть код в котором многое прописано с помощью position: absolute; Главное что так прописан и footer. вот кусок кода: HTML: <div id="footer_carrier"> <div id="footer"> <div id="footer1"> <div id="footer_text"> Праздничные и фасадные работы для Вас и Вашей семьи! </div> </div> </div> </div> CSS: #footer_carrier{ background: url(pics/footer_border.gif) top left repeat-x; height: 50px; width: 100%; position: absolute; top: 100%; } #footer{ background: #ebebeb; height: 65px; margin-top: 3…
0 votes2 answers