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> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <frameset rows=23%,* border=0> <frame name="zagolovok" src="zagolovok.html" noresize scrolling=no> <frameset cols=20%,100% bordercolor=0> <frame name="зміст" src="зміст.html" noresize> <frame name="головна" noresize src="Головна.html">o </frameset> </html>
0 votes4 answers -
Как сделать - 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 -
Верстка header'a. Сложности с position
Всем доброго. У меня, как у начинающего верстальщика, есть ряд проблем. и одна из них - свойство css - position; не совсем догоню где и как применять значения absolute, relative и т.д. Сейчас у меня стала проблема в верстке такой (см. картинку) шапки. Для наглядности выделил блоки как я их себе представляю. 1. серый блок - растянут на всю ширину стариницы, не имеет никаких отступов ни сверху ни снизу. с этим проблем нет. 2. зеленый контур. имеет ширину в 900px (ширину страницы) располагается по центру. (тут проблем тоже не возникае) а сам проблема возникает при добавлении следующих блоков: 3. желтый, синий, зеленый - на которых логотип, форма поиска, логин+кнопки …
0 votes8 answers -
Интересная реализация бордера
Как реализовать подобное через border-radius или другие варианты решения?
0 votes4 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 -
проблема с полем в 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