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
-
Как сделать так, с помощью CSS? (смотреть картинку)
http://wet-avenue.narod.ru/differents/1.jpg как сделать чтобы текст на бордер залазил?..с помощью css
0 votes1 answer -
Резиновый дизайн по вертикали с заголовком и подвалом
Нужно сделать страницу с заголовком и подвалом в виде черной линии 10 пикселей. Я пробую сделать так <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>Page</TITLE> <STYLE type="text/css"> BODY { margin: 0px; min-height: 100%; min-width: 100%; } .contentframe { background-color: #4c4c4c; min-height: 100%; min-width: 100%; margin: 0px; padding-bottom: 20px; padding-top: 20px; position: absolute; } .innercotent { background-color: #ffffff; } </STYLE> </HEAD> <BODY> <div class="contentframe"> <div class="innercotent"> Page text </div> </div> …
0 votes1 answer -
Equal Height Colums & IE9
Привет, тестировал тут некоторые оптимизации разных методов вёрстки колонок одинаковой высоты, и наткнулся на одну странную особенность IE 9 в случае использования одного старого метода, который так и называется Equal Height Colums. Суть этой странности продемонстрирована на скринах ниже: рис 1. - рендер браузеров с правильным отображением (куда входит ie6-ie8, Opera > 9.2x, Safari > 3.x, FF > 3.6x и т.д) рис 2. - отображение в IE9, на рисунке видно, что border-bottom элемента blockquote на один пиксель выше, чем во всех остальных Рис. 1 Рис. 2 Собственно, подскажите пожалуйста из-за чего это происходит, и как это фиксить относительно без хаков и условных комме…
0 votes3 answers -
растянуть блок по высоте
сайт ребята, подскажите как сделать так, чтобы левый див с айди leftcolumn растягивался по высоте полностью.
0 votes5 answers -
вложенные блоки "выпадают" из внешнего
красным выделен блок .cont, в который вложен .block. видно, что зелёный(вложенный) вылазит из родительского. почему так? структура такая: <div class="cont"> <div class="block"> контент блока </div><!--block11--> </div><!--cont--> css: .cont{ width: 1100px; margin: 0 0 0 50px; min-height: 350px; border: 1px solid red; } .block{ width: 340px; height: 375px; float: left; border: 1px solid #0F3; }
0 votes2 answers -
Деление сайта на header+body+footer
Доброй ночи! Я новичок, поэтому не судите строго) Мне нужно сайт поделить на 3 блока header, body, footer для удобства внесения изменений, подскажите как это сделать, на форуме в поиске не нашел ( может сформулировал не правильно)вот сам код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html class="Mozilla"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Директ </title> <link rel="stylesheet" type="text/css" href="style.css"> <li…
0 votes1 answer -
Некорректное отображение верстки в IE8
http://test.idea-book.ru Буду очень благодарен, если кто-то подскажет, в чем проблема. Верстка выполнена с использованием Zurb Foundation. Привожу скриншоты: http://itmages.ru/image/view/907818/7dc7e38a http://itmages.ru/image/view/907820/cc91771f Самое необычное в том, что верстка отображается таким образом во ВСЕХ браузерах под Win XP (SP 2) Может кто-нибудь объяснить, почему так происходит? Ведь браузер должен быть ос-независимой платформой, разве нет?
0 votes2 answers -
Список ссылок выровнить по горезонтале
Здравствуйте! Есть вот такой html код который нельзя менять (кол-во строк можно задать по усмотрению) - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">Какой-то текст</a><br> - <a href="" class="class">…
0 votes5 answers -
Как правильно сверстать?
Объясните пожалуйста как правильно сверстать эту область? а именно как наложить серую полоску на блок
0 votes7 answers -
Блок со случайным фоном.
Помогите, я хочу чтобы в диве рандомно менялся бекграунд при каждом обновлении или отображался рандомный img. Какими способами это можно реализовать? Очень нужна ваша помощь..
0 votes7 answers -
Не могу выровнять блок по центру страницы
Делаю слайдер в Edge Animate, и никак не могу выровнять его по центру. http://slider.samara-website.ru/slider_bigboss.html Добавил в код вызова анимации margin: <div id="Stage" class="EDGE-69460755" style="margin:auto; max-width:1920px;"></div>не помогает. Пробовал JS файлы редактировать "${_Stage}": [["color", "background-color", 'rgba(255,255,255,0.00)'],["style", "overflow", 'hidden'],["style", "height", '375px'],["style", "margin", 'auto'],["style", "max-width", '1920px']]http://slider.samara-website.ru/slider_bigboss_edge.js var plSTF="none",ctrPlS="horizontal",minPlW="0",maxPlW="1920px",plHeight="375px";http://slider.samara-website.ru/slider_bigboss_…
0 votes2 answers -
Странное явление в Chrome
Есть сайт в разработке. При наведении на меню выпадает подменю, а после его исчезновения - остается кусок этого меню в виде синей полосы, причем она может быть разной высоты. Не понимаю, с чем это связано? На сайте-демо этой темы нет такого явления.
0 votes9 answers -
Проблема с оформлением
- Сайт должен как по высоте так и по ширине занимать 100% экрана. - Футер всегда должен быть прижат к низу - фон при различных ширинах и высотах (карта) не должен создавать прокрутку. Вот с ширинами получается, а с высотой нет. Получается я могу изменить размер окна браузера при этом ширина меняется и под нее подстраивается фон. А по высоте такого не происходит... Подскажите как реализовать... http://jsfiddle.net/zmtxuvk9/
0 votes4 answers -
Как сделать border для всей строки <tr> при клике на форму ввода текста?
Прощу помощи в оформлении! Не пойму как сделать border для всей строки при клике на текстовую форму Сейчас у меня все выглядит вот так: http://pastenow.ru/DCU7 Хочу чтобы tr выделялся таким образом : http://pastenow.ru/DCU5 Код : http://jsfiddle.net/kirill111/o0hx8sqb/3/
0 votes1 answer -
Мелкие проблемы адаптивной верстки интернет магазина
Здравствуйте, коллеги! Обрашаюсь вам за советы и решении некоторых проблем верстки. На каталоге есть карточка товаров. При наведении появляются дополнительные значки внизу. У этих значков есть подсказка при наведения. Проблема в том что подсказка значков второго ряда уходить за контент карточек товаров которые расположены на следующем ряде хотя z-index задать выше. Самое странное для меня в том что, в планшетном и мобильном версии этой проблемы нет. В чем причина? 2. В проекте использовал slick слайдер. На главном и на странице товара есть слайдер и слайдшоу соответственно. Проблема в том, при загрузки страницы сперва изображении слайдера и слайд шоу …
0 votes4 answers -
css Как заделеигировать событие?
Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/
0 votes3 answers -
Верстка интернет-магазина
Здравствуйте, у меня есть пара вопросов относительно верстки интернет-магазина: Есть карточка товара (см. картинку): 1. Во многих магазинах переключатели фотографий сделаны ссылками, почему не радиокнопками? Есть какая-то разница, как делать? 2. Как лучше поступить с добавлением товара в корзину: сделать формой с кнопкой submit или можно в принципе и разными полями сделать, отдельными? Опять же, есть ли разница? От чего зависит? Спасибо.
0 votes1 answer -
Заднее изображение, hover и filter
Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…
0 votes5 answers -
Как изменить размеры элемента формы Option?
В списке выбора Select появляются очень длинные значения. Мне надо ограничить их длину. С помощью стиля я сделала это, работает в IE и Мозилле, но в Опере и Сафари не хочет. Вот код: qweqwe11111444444444441111111111111122 22222222211111111111111111111111111111 1q 2q В Опере и Сафари сам список укорачивается, а значения - нет. Помогите, если кто сталкивался!
0 votes0 answers -
Оцените пожалуйста
Доброго времени суток, уважаемые форумчане. Это моя первая вёрстка, поэтому прошу строго не судить Вот так примерно должен выглядеть сайт: А это то, что у меня получилось: http://hosting0.narod.ru/ CSS вместе с html, потом CSS вынесу в отдельный файл. У меня есть несколько вопросов: 1. В IE 6, 2 блока левее ссылки на главную страницу уходят вниз, а должны быть в этом же ряду. Как их поставить на место? Также заметил, что на достаточно известных порталах в IE 6 блоки слетают вниз: сайт IPB форумов меню стоит нормально, а текстовый блок (который как мне кажется должен быть справа) слетает вниз. Хабрахабр здесь слетает вниз меню, которое должно находиться справа от стате…
0 votes0 answers -
полоса прокрутки, проблема
Здравствуйте! Может кто подскажет, почему в тексте окна полосы прокрутки (в интернете и в первью) у меня допечатывается любой текст, когда такого не должно быть. <textarea name="formtextarea1" rows="15" cols="85" style="font-family:'Times New Roman'; font-size:14px; text-align:justify; margin:2; border-width:23; border-color:white; border-style:solid; scrollbar-face-color:black; scrollbar-shadow-color:rgb(153,153,153); scrollbar-highlight-color:black; scrollbar-darkshadow-color:rgb(153,153,153); scrollbar-base-color:black; scrollbar-arrow-color:white; scrollbar-track-color:rgb(204,204,204);"> Я где-то ошиблась в коде? Заранее спасибо.
0 votes5 answers -
Функция HERE
<? if (!isset($id)) { $result = mysql_query("SELECT title,id FROM nov"); $myrow = mysql_fetch_array($result); do { printf ("<p><a href='edit_nov.php?id=%s'>%s</a></p>",$myrow["id"],$myrow["title"]); } while ($myrow = mysql_fetch_array($result)); } else { print <<<HERE <form id="form1" name="form1" method="post" action="add_nov.php"> <p> <label>Введите название новости<br /> <input type="text" name="title" id="title" /> </label> </p> <p> <label>Краткое описание для новости<br /> <input type="text" name="meta_d" id="meta_d" /> …
0 votes1 answer -
заблокированное содержимое
Здравствуйте! У меня такой вопрос. Подключил скрипт Lightbox2 И каждый раз когда открываю свою страницу в браузере постоянно вылезает то что на картинке каждый раз приходиться Разрешать заблокированное содержимое что бы скрипт работал! Что нужно сделать что бы сие Чудо не появлялось? У меня IE7!
0 votes1 answer -
Стили в option
Добрый день. Плиз, дайте совет. Нужно для каждого элемента option применить свой шрифт. <select name="title_font_name" class="font_name"> <option value="Arial" style="font-family:Arial">Arial</option> <option value="Verdana" style="font-family:Verdana">Verdana</option> <option value="Tahoma" style="font-family:Tahoma">Tahoma</option> <option value="Times New Roman" style="font-family:Times New Roman">Times New Roman</option> </select> Не работает.
0 votes2 answers -
Не Подскажите Как Такое Сделать?
Доброй ночи уважаемые участники данного форума. Объясните как можно сделать допустим мне надо что-бы с левой стороны и по центру прилегала картинки (кнопка, ведущая на другой адрес) и что бы она передвигалась вместе с тем когда прокрутка работает, то есть я опускаюсь по сайту ниже, что бы она ездила за прокруткой сама и всегда находилась прижата к левому краю и по центру. Если Вас это не затруднить то пожалуйста, помогите мне с этой проблемой. Спасибо за внимание. С уважением, Артём
0 votes3 answers