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
-
Таблицы и слои. Как прикрепить две картинки?
Никак не могу придумать, как сделаь подобную штуковину. Ширину для мониторов 1024*768 надо сохранить, т.е рабочее пространство 979. Но для больших мониторов оформление продолжается и картинка за рамками 979 с права и слева тоже продолжается. но если просто делать таблицу в 3 колонки: картинка 105px|содержание 979px (находится в таблице)|картинка 105px то страница не влазит в мониторы 1024*768, что вобщем-то и логично. Картинки плотно без пробелов прилегают к таблице, т.к в шапке тоже картинка. Так как сделать эти две картинки, чтобы они были как фон справа и слева, были видны только тем, у кого большие моники и не растягивали страницу? Надеюсь получилось объяснить. Обычн…
0 votes8 answers -
Замена параметров GET из form
Здравствуйте! Имеется страница, в адресе которой несколько параметров GET. При обработке формы, расположенной на странице, необходимо менять один из этих параметров и/или дописывать новый. Подскажите, как реализовывать? Делать обработку на php, формировать адрес, потом на него переадресацию?
0 votes12 answers -
Верстка шаблона
Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…
0 votes21 answers -
как упростить процесс создания сайта, или переменные в html. need help
во-первых, приветствую! это мой первый постинг на этом форуме. htmlbook - очень полезный для меня ресурс, и, я думаю, не только для меня, за что спасибо! но вот меня интересует такой вопрос, на который я здесь ответа не наш?л (может, просто плохо искал): как сделать эээ... переменные? не знаю даже как правильно называются такие вещи.. В общем, сайт простой, только html и css, каркас из одних таблиц. и вот пока сайт делаешь, меняются то одни, то другие детали, и приходится каждую страницу переделывать индивидуально, хотя элемент один и тот же. интересует следующее: можно ли сделать (в таблице) какое-то "нечто", которое при обработке страницы будет отображаться нужным значе…
0 votes10 answers -
как уменьшить border-left и выровнять по середине?
Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?
0 votes8 answers -
Не удается растянуть сайт на весь экран по высоте
Здравствуйте форумчане. Проблема вроде бы известная но я ни где не могу найти ее решение. Проблема такова, на странице мало текста. Меньше чем высота экрана, нужно растянуть страницу так что бы фон закрывал весь экран. Вот html код страницы: <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"><link href="http://vab.96.lt/style.css'>http://vab.96.lt/style.css" rel="stylesheet"><title>Новости</title></head><body><div class="osnova"><text style="font-size: 30px">06.10.15</text> <p class="l">Всем п…
0 votes5 answers -
Пробел между картинками
Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?
0 votes3 answers -
Активная ссылка
Толи туплю то ли просто не догоняю ! Суть такая идет меню ! Настроены классы для ссылок вот нада сделать так чтоб при открытой той или иной странице то или иное меню менялся фон ! Хороший пример Здесь
0 votes23 answers -
В картинку вставить аську и прогноз погоды
Somebody! хелп! Нужно поверх картинки, которая, как основной фон повесить аськи и этот факинг прогноз погоды. С аськами более менее разобралась, повесила.. только когда люди в офлайне они не горят...Не понимаю почему. Прогноз погоды в таком ключе <EMBED src="http://rp5.ru/informer/120x60/1/13.swf" loop=false menu=false quality=high scale=noscale wmode=transparent bgcolor=#CCCCCC flashvars="id=7285" WIDTH="120" HEIGHT="60" NAME="loader" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE= "http://www.macromedia.com/go/getflashplayer"></EMBED> не идет. Аську ставила примерно так: <span style="position: relative; top: 0px; left: 0px; height:50px; width…
0 votes4 answers -
При margin: 0 auto пропадает отступ
здравствуйте. есть html: <div class="big"></div> <div class="small"></div> и css: .big { margin-bottom: 20px; } .small { width: 500px; margin: 0 auto; } между big и small нет отступа, почему? и как применить к big и margin: 0 auto и margin-bottom: 20px; спасибо
0 votes10 answers -
Работа с приложение "Pixel Perfect"
Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...
0 votes10 answers -
Изменение style.background
Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…
0 votes2 answers -
Как создать вложенное dropdown меню второго уровня с bootstrap 3?
Здравствуйте! Пытаюсь сделать мобильно-дружелюбным меню второго уровня вложенности с использованием компонента navbar от bootstrap 3. Пока вот что получается Может у вас есть какая идея, как заставить раскрыться вложенный подпункт Dropdown2 по клику бутстрапным образом? Или нужно свой скрипт-обработчик вешать?
0 votes1 answer -
Не видно flash в IE
Здравствуйте. Помогите, пожалуйста, в следующем, флешка не видна в IE, при этом в FF все нормально. От чего это может происходить, может быть версия IE старая? <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="210" height="190"> <param name="movie" value="1.swf"> <param name="quality" value="high"> <embed src="1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="210" height="190"></embed> </object> В браузере IE все, что касается Active X разрешено, флеш…
0 votes6 answers -
Последовательность блоков вложенных друг в друга
Приветствую! Такая проблема, есть три div блока вложенных друг в друга, вот так: <div id="div1"> <div id="div2"> <div id="div3"> </div> </div> </div> У каждого дива есть своя background картинка. Но почему-то эти блоки накладываются друг на друга в обратном порядка, т.е. сначало идет div1 со своим бэкграундом, затем на него накладывается div2 и затем div3. Как мне сделать, чтобы эти блоки накладывались друг на друга в обратном порядке, т.е. как написано в коде.
0 votes11 answers -
Резиновый блок
Здравствуйте. Я затрудняюсь на создании резинового блока. дело в том, что я делаю два резиновых блока, присоединённых друг за другом. если в файле стилей я прописываю 50% на каждый, то при смене разрешения они искривляются и искажаются, в зависимости от количества слов в тексте в них. Если у кого есть опыт, скажите, как сделать два резиновых блока. высоту можно сделать фиксированной 200px. <div>Блок 1</div<div>Блок 2</div
0 votes6 answers -
Как верстать сайты большой ширины ?
Здравствуйте. 1. Несовсем понимаю логику, например, как верстать сайты в котором ширина макета 1400px, а контент 1170px. ? Получается, сайт не должен быть шире 1400px, а контент не шире 1170px ? (тут мне интересно что должно быть сайтом когда ширина экрана будет больше 1400px, задний фон задавать ?) 2. Объясните, пожалуйста, как в команде разработчики и дизайнеры работают ? Например, в интернете я нахожу только макеты для десктопа, ну и шаблон под мобилу и планшеты разумеется делаю как мне вздумается, а как в командах? как быть в таких случаях когда ты в команде - но макет только для десктопа, тоже на глаз, сам как хочешь и выкручиваешься ? 3. Скиньте, по…
0 votes6 answers -
Помогите новичку.
Всем привет, я только начал изучать язык CSS и у меня сразу возникла проблема с выводом результата в разных браузерах. Итак: Создал отдельный файл style.css В нем написал простые команды: h2 {color:green;} body {background-image:url(bg_img.jpg);} Затем присоеденил этот файл к HTML файлу следующим образом: body итд. Внимание Знатоков вопрос! Открываю свою страницу в IE6, IE7, все прекрасно работает. Открываю ту же страницу в Firefox 2.0.0.14 команды стилей не работают, виден только результат из HTML текста (актуализировать страницу пробовал ). Внимание вопрос! Что я не учел, почему в Firefox не работает :| ? Зарание благодарен за помощь Klock :cool: .
0 votes18 answers -
Как сделать, чтоб перенос запомимнался...
К примеру пользователь вводит такой текст в поле textarea: f f f При выводе же текст выглядит так:"f f f" Как сделать чтоб текст выводился так, как при вводе? Голову уже сломал. wrap у textarea не помогает.
0 votes30 answers -
Задача: подключить css для выбранного <div>
День добрый други ! Общий вид задачи таков: Допустим есть 3 дива по порядку голова, боди, футер. Как подключить css файл так, чтоб его правила распространялись, например, только на Боди ?? Вроде как вариант - в сам боди вставить include. Но тогда стили зацепят и футер. Каскадные стили тоже не вариант (типа в самом CSS перед каждым свойством дописать .боди) - предположим что ЦСС менять нельзя. Есть ли варианты решения данной задачи ? ==================== И собственно, частные случай этой же задачи: Надо подключить bootstrap так, чтоб его стили работали только в определенном диве, а в других дивай этой же страницы он ничего не затрагивал (в частности он подм…
0 votes5 answers -
рамка таблицы в виде картинок
Можно как нибудь сделать рамку таблицы в виде картинок, чтоб не сполшная линия какого-либо цвета, а картинка была !?
0 votes8 answers -
Проблема с резиновой версткой дивами.
Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…
0 votes4 answers -
GIMP - шрифты
Добрый день! Кто-нибудь пользуется GIMP? Не подскажете, как в нем определить шрифт текстового слоя в макете psd? В Photoshop посмотрела - вроде там все просто. Щелкаешь интсрументом Текст на нужном тексте - и в параметрах инструмента тут же отображается шрифт. В GIMP это, похоже, не срабатывает.
0 votes2 answers -
keyframe анимация не работает в chrome
keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit @keyframes huge { 0% {transform: scale(1.0, 1.0); background-color: #ff375a } 50% {transform: scale(1.2, 1.2); background-color: #379bff } 100% {transform: scale(1.0, 1.0); background-color: #ff375a} }.animButton { color:white; font:italic 20px Impact; letter-spacing:1px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); display:table; text-align:center; line-height:150px; width:150px; height:150px; border-radius:100px; background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,…
0 votes3 answers -
Не получается растянуть header по ширине экрана
Всем привет. В Веб-дизайне совсем новичок и столкнулся с проблемой следующей: как не пытался прописывать везде cover и т.д., мой header вообще никак не хочет растягиваться на ширину экрана (путь к картинке - верный, проверял). Собственно, прилагаю сам код HTML, код CSS и скриншот того, что происходит. Как убрать эту пустую зону справа? Всем буду благодарен за помощь! HTML: <!DOCTYPE html> <html lang="ru=RU"> <html> <head> <meta charset="utf-8"> <title> SHINE DESIGN </title> <link rel="stylesheet" type="text/css" href="new 1.css"> </head> <body> <header> <…
0 votes6 answers