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
-
overflow-x и overflow-y
Господа, как сделать, чтобы код отобразился в FireFox правильно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div style="overflow-x:hidden;overflow-y:visible;width: 50px; height: 50px"> texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt </div> </body></html>
0 votes13 answers -
position: absolute; Хорошо или плохо?
position: absolute; Хорошо или плохо? Без контекста, в общем. Почему да? Почему нет? Почему можно и нужно, а почему не нужно и нельзя?
0 votes7 answers -
2 таблицы, одна position:absolute, нужно уровнять высоту
Здравствуйте. Вот такая вот система: <table style="height:100%; background-color:#c70000" border="1"> <tr> <td height="100%"> </td> </tr> </table> <table style="position:absolute; top:0; left:0" border="1"> <tr> <td height="2000px">content</td> </tr> </table> Первая таблица играет роль фона, но но растягивается только на высоту экрана без скролла потому, что вторая таблица, которая и вызвала появление скролла имеет position:absolute Есть идеи как растянуть первую таблицу, не используя javascript и с учетом, что высота второ1 таблицы не предопределена? Заранее спасибо.
0 votes20 answers -
Justify для любых элементов…
Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?
0 votes19 answers -
Свойство transform: rotate() для адаптивной верстки
Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…
0 votes8 answers -
Резиновая ячейка в таблице
Здравствуйте. Пытаюсь сверстать меню. Столкнулся с проблемой: ни в какую не хочет растягиваться под нужную высоту ячейка под номером 2 (см. скрин). Высота верхней и нижней ячеек жестко заданы. и содержат градиентный фон. Вторая ячейка просто залита цветом (в данном случае красным). Как можно заставить ее растянуться до необходимой высоты? (на скрине она растянута вручную а так получает высоту 0) HTML & CSS: <div id="navigation"> <table cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV HERE<br /> NAV …
0 votes11 answers -
Перенос строк таблицы при печати
Здравствуйте. На aspx странице с помощью xml/xsl преобразования формируется документ, в котором есть таблицы с объединенными ячейками (вот фрагмент таблицы). <tr > <td rowspan="3">ИТОГО 1</td> <td>Text 1</td> <td>Text 2</td> </tr> <tr> <td>Text 3</td> <td>Text 4</td> </tr> <tr> <td>Text 5</td> <td>Text 6</td> </tr> (я извиняюсь, но вставить в пост таблицу не удалось) Проблема в следующем. При печати, если лист заканчивается поле второй строки tr (где в ячейках Text 3 / Text 4), то на следующей странице печатается следующая строка tr (где в ячейках Text …
0 votes1 answer -
чем заменить <div align="center"> для strict типа документа ?
<div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?
0 votes4 answers -
Табуляция с точками
как сделать такой вот макетик резиновый div —————————————— | Машин..............................10| | Велосипедов.....................5| | Мотоциклов.......................4| | | —————————————-- Тоесть получается что часть текста выравнивается по левому краю, часть по правому а между ними всегда должно быть много много точечек чтобы закрывали пустое пространство. Есть ли какие нибудь стандартные средства для реализовки такого, или придется выкручиваться танцами с бубном ??
0 votes9 answers -
CSS или jquery
Что же css или jquery код? Как сделать такую навигацию по сайту(плавно скользить, и в точное место)?? http://www.carolinakaucher.com/en/#portfolio панелиь навигации (Portfolio About me ...) .
0 votes22 answers -
Внутренние элементы растягивают блок в IE6
CSS: a.sbt { background:url("/templates/sinclair/images/sml_btn_bg.png") repeat-x; display:inline-block; height:22px; line-height: 22px; white-space: nowrap; color:#fff; text-decoration: none; cursor: hand; } a.sbt b, a.sbt i{ display: block; height:22px; font-style: normal; font-weight: normal; cursor: hand; } a.sbt b{ background:url("/templates/sinclair/images/sml_btn_l.png") no-repeat left top; } a.sbt i{ background:url("/templates/sinclair/images/sml_btn_r.png") no-repeat right top; padding-left:10px; padding-right:10px; } HTML: <a class="sbt" href="ss"><b><i>Добавить в корзину</i></b></a> Должна получиться кноп…
0 votes18 answers -
Растягивающийся фон
Вобщем смысл вот в чем. Нужно задать фон для верхней части сайта (хеадера). Фон дожен быть резиновый или хотя бы фиксированного размера по центру. Но нужно чтобы картинку нельзя было скопировать обычным способом тоесть чтобы она была прописана именно в CSS в теге background-image. Вот я прописываю её а картинка начинает дублироватся. Вот код из CSS #header { background-image: url(logo.png); } Как сделать что-бы он растягивался, а не дублировался?
0 votes4 answers -
Подскажите как сделать резиновый height у input
В общем width я могу указать в процентах и все будет работать нормально, а вот height никак не хочет чтобы не делал. Приведите пример реализации пожалуйста. Заранее спасибо
0 votes11 answers -
Дергающиеся fixed элементы
Сделал недавно сайтик и один пользователь жалуется: Он заходил с браузера Google Chrome под Android. С обычного, встроенного браузера все хорошо. Вот сам сайт: http://ikng-studio.tk/ Никак не могу придумать, как это исправить. Элемент закреплен элементарным
0 votes6 answers -
подстройка размера фоновой картинки под разрешение
подскажите чайнику, как сделать так, что бы фоновая картинка,при разных разрешениях экрана, заполняла 100% экрана и при этом не появлялась полоса прокрутки
0 votes10 answers -
Открытие картинки в том же окне, на появляющемся слое.
Есть ли отработанные методы создания подобного открытия картинок?
0 votes5 answers -
Таблица-список
Добрый день. Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает. Вопрос: как можно написать…
0 votes11 answers -
Резиновая верстка в 3 колонки
Можно-ли и как реализовать резиновую верстку блоками в 3 колонки, с условием, что если удалили 3 колонку, вторая тянется до правого поля броузера.
0 votes18 answers -
копирование html кода iframe формы.
Приветствую камрады! Появилась у меня задачка: необходимо скопировать часть html кода сгенерированного у пользователя на странице сайта и передать на сервер. Интересующий код является сторонним виджетом js с использованием jquery. Есть ли какая либо возможность скопировать исходный код виджета у пользователя? Можно по запросу разрешения у пользователя. Лично сам рассматриваю примерно такой вариант: Пользователю предлагается форма копирования, в которой находится виджет. Пользователь его копирует в свободную форму и отправляет на сервер. Как этот процесс можно реализовать?
0 votes8 answers -
Фон
Добрый день всем, нуждаюсь в помощи более опытных. Есть фоновая картинка размером 1024*1320, на 17 дюймовых мониторах думаю понятно что она будет на всю ширину, а вот мне надо так что бы она была по центру на широкоформатных мониторах и фон был черным. <style type="text/css"> BODY { background-image: url('img.jpg'); background-color: #000; background-repeat: no-repeat } </style> Каким образом его можно сместить на центр?
0 votes13 answers -
Рисунки и Select
Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив
0 votes21 answers -
План изучения верстки
Здравствуйте у меня есть типо стратегия изучения верстки Сначала книги: 1)HTML & XHTML. Подробное руководство(не устарела ли данная книга?) 2)CSS. Каскадные таблицы стилей. Подробное руководство(не устарела ли данная книга?) 3)Верстка веб-страниц Автор:Влад Мержевич(не устарела ли данная книга?) 4)Затем изучить информацию которая находиться на сайте htmlbook.ru(то есть на этом) После этого скрипты: 5)Бер Бибо, Иегуда Кац - jQuery. Подробное руководство по продвинутому JavaScript(не устарела ли данная книга?) 6)JavaScript. Подробное руководство(не устарела ли данная книга?) Ну и конечно это все будет сопровождаться тренировками Сколько все это займет времени примерно и…
0 votes3 answers -
Резиновый сайт
Есть шапка размером 1024Х180px Хочу сделать чтоб шапка при больших разрещениях увеличивалась ,а при уменьшении экрана на 700-800 пикселей ,чтоб появлялась во всех браузерах полоса прокрутки, чтоб нормально показывалось на всю ширину на экранах 15,17,19,22 дюйма. Подскажите как, код пробный. Проблема в том, что у меня не появляеться полоса прокрутки при уменьшении окна браузера на меньше 800 пикселей в браузере ИЕ, там и 900 и 1000 пикселей, полоса появляеться. А в др. браузерах аообще не появляеться при уменьшении на меньше 800 пикселей. Хочу чтоб на всю шрину было в экранах размером 15,17,19,22 дюйма. Подскажите как в моём коде правильно написать. Заранее благодарю за …
0 votes26 answers -
Бегает текст от выпадающего меню
Бегает текст от выпадающего меню через цсс... причину понять не могу. может кто то сталкивался
0 votes23 answers -
Рейтинг материала на ucoz
Ребят подскажите! Вот у меня есть скрипт рейтинга материалов для ucoz <script type="text/javascript" src="http://helper.ucoz.ru/_ld/0/47_rate.js"></script> <?if($RATE_FORM$)?><a href="#" onclick="rateForm(-1,$ID$);return false">-</a><?endif?> <b title="Голосов: $RATED$" id="rate_$ID$" class="<?if(($RATING$*$RATED$-2*$RATED$)=0)?>nullRate<?else?><?if(($RATING$*$RATED$-2*$RATED$)<0)?>negativeRate<?else?>positiveRate<?endif?> <?endif?>"><script type="text/javascript">document.write(Math.round(<?($RATING$*$RATED$)?>)-<?2*$RATED$?>)</script></b> <?if($RATE_FORM…
0 votes7 answers