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
-
Можно ли сделать таблицу прозрачной?
Поясню. Допустим на странице с белым фоном, таблица ? цвет фона которой ч?рный. В не? вставлена таблица с текстом ? цвет фона которой бледно синий. Можно ли как-то задать прозрачность для таблицы с бледно синим фоном, чтобы под ней слабо, но просматривался ч?рный фон ? нижней таблицы? Вс?. {...перенесено в Таблицы kiD}
0 votes3 answers -
Input по правому краю (без float:left)
Со вчерашнего дня пытаюсь найти решение. Нужно кнопку придвинуть к правому краю формы(родителя) не прибегая ко float Это возможно? Вот мои эксперименты. для кнопки установлены такие спили (рамочку и т.д. упустил) input[type="submit"] { width: auto; position: absolute; right: 0px;} Для формы form { padding: 2em 3em 0em 4em; position: relative;}Кнопка позиционируется по правому краю контейнера, в котором находится форма. Если кнопку поместить в контейнер <span style="display:block;position:relative"><input type="submit"></span>Все в порядке, но его высота = 0px и ревизор фаерфокса показывает, что она отображается за пределами формы, что вполне согласу…
0 votes11 answers -
Горизонтальное выпадающее вверх меню на css в IE и Opera
Здравствуйте. Есть выпадающее меню на html+css. В Мозилле все нормально по выпадающем меню можно водить мышкой, выбирать пункты и т.д. В Опере и в ИЕ проблема, когда наводишь на пункт где есть выпдающее меню - оно появляеться, но если наводишь на него то оно сразу пропадает. В чем может быть проблема: Код CSS: ul.cssMenu ul{display:none} ul.cssMenu li:hover>ul{display: inline;} ul.cssMenu ul{position: absolute;left:-1px;bottom:98%;} ul.cssMenu ul ul{position: absolute;left:-2px;bottom:98%;} ul.cssMenu,ul.cssMenu ul { margin:0px; list-style:none; padding:0px 0px 3px 0px; } ul.cssMenu table {border-collapse:collapse;}ul.cssMenu { display: inline; zoom:1; position…
0 votes1 answer -
Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?
Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…
0 votes9 answers -
height 100% в XHTML под IE 7.0
Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!
0 votes3 answers -
Выпадающий список с автозаполнением, скроллом и вводом своих значений
Ёмкость заголовка зашкаливает, так что к сути. Datalist даёт прекрасный и лёгкий в понимании список с автозаполнением и возможностью записи своего значения, я уже сделал его сюда: https://jsfiddle.net/8f53otky/3/ Есть проблема лишь с отсутствием скролла, а значений в моём списке может быть сколь угодно много. Я пытался настроить виджет combobox из jquery ui - там тоже нет скролла и он не поддерживает ввод значений не из списка. Здесь отмечен решением такой код: <div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> <asp:DataList ID="someId" runat="server"> .... normal datalist implementation here …
0 votes2 answers -
Как сделать чтобы ячейка была сылкой со всеми вытекающими...?
Ситуация: ..... ..... В фаирфоксе не рабате( В ИЕ работает но при наведении курсор не становится рукой. Читал про специальный прием, что-то в роде OnMouseOver = ".....style = hand", но опять таки работает только в MSIE. Как еще можно сделать? На www.artlebedev.ru вроде так сделано, пока не могу понять как.
0 votes25 answers -
Выплывающий блок по клику и кнопка закрытия
Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)
0 votes10 answers -
Этапы изучения верстки
Хотелось бы посоветоваться с форумчанами. Есть желание изучить верстку, прочитала несколько книг на эту тему, некоторая база уже есть. Но тут возник вопрос - а что делать дальше? Имею ввиду, что на данный момент существует некоторый "языковой барьер". Разобраться в коде могу, а сама написать - нет. Кроме того, существует множество вопросов о типах макета (фиксированный, резиновый...), хаках, дивах и других нюансах. В сети много информации, но хотелось бы системности. Буду рада, если дадите совет, как и куда двигаться дальше, чтоб это было максимально эффективно. Извините, если подобные вопросы уже возникали и обсуждались. Спасибо за внимание и понимание.
0 votes23 answers -
каракули вместо русских букв....
доброго времени суток!!! проблема в том что сделал сайт. все было в норме. загрузил его. и вместо русских букв получились каракули. использовал дримвейвер 9. что делать???? нужна помощь!!!!!
0 votes10 answers -
Высота курсора в поле ввода (Mozilla)
http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.
0 votes13 answers -
ul и img float
В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..
0 votes12 answers -
Кросбраузерная верстка
Здравствуйте, пожалуйста подскажите в чем я мог заплужить. FF и IE отображают страничку, а опера смещает блоки в хедере и позиции в левой области странички. Вот она моя верстка darkly.org.ua
0 votes10 answers -
ПОДСВЕТКА ОТДЕЛЬНОЙ СТРОКИ МЕНЮ при наведении
А как сделать то, что изображено на картинке, чтобы при наведении подсвечивалась строка. Вроде както легко, но убей не помню как ...
0 votes15 answers -
Как расположить кнопки социальных сетей в ряд?
Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…
0 votes11 answers -
Оптимизация
Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…
0 votes24 answers -
Как создать слайдшоу на сайте?
Привет всем! Подскажите ,как создать слайдшоу на сайте? Требуется показ 6-7 фотографий в режиме слайдшоу,превьюшки внизу и коментарии к фото, справа от отображаемой фотографии для образовательного сайта. На какой технологии это можно будет сделать? Знаю существуют готовые шаблоны слайдшоу на javascript но подходящего найти не могу. Подскажите хорошую библиотеку скриптов для создания галерей, презентаций, очень нужно. Также находил генераторы слайдшоу , но в них нет возможности сделать комментарии к фотографиям. Буду рад любым советам.
0 votes14 answers -
Шаблоны
Ситуация такая: есть шаблон на страницы в корневую директорию и шаблон с таким же оформлением на поддиректорию. Как можно привязать изменения оформления на один шаблон, чтоб не проделывать работы дважды? Пользую Macromedia Dreamweaver 8. Спасибо.
0 votes5 answers -
Как разместить картинки вертикально?
Здравствуйте! Я новичок в HTML. Начав изучать столкнулся с такой проблемой: - нужно на сайте разместить картинки в четыре столбца(своеобразная матрица 4х4) - нужно обеспечить кроссбраузерность Должно получиться следующее: картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка картинка - подпись - картинка - подпись - картинка
0 votes7 answers -
Текст и картинка в одну строку
Есть такая строчка к примеру кода: Текст текст<a href="#"><img src="next.jpg"></a> Подскажите плиз css, как сделать так чтобы ссылка (картинка) и текст были в одну строчку?
0 votes3 answers -
Background-image => width: 100%
Здравствуйте. скажите пожалуйста как можно растянуть фоновое изображение по ширине объекта? эээ... к примеру есть див... резиновый.... как установленое ему фоновое изображение растянуть по его ширине? спасибо
0 votes12 answers -
хочу круто сделать маркеры справа, но все что-то не выходит пока
Хочу с помощью CSS сделать так, чтобы "новые" категории товара в панели ссылок интернет магазина обзавелись клёвым маркером справа от ссылки. Для этого использую всевдокласс :after и свойства marker-offset и display:marker: <ul id="categories"> <li class="new"><a href="#">Link</a> </li> </ul> ul#categories { display: block; width: 100%; margin: 0; padding: 0 } ul#categories li { height: 33px; list-style: none; line-height: 33px; } ul#categories li.new a:after{ content: url(images/newcategorymarker.gif); display: marker; marker-offset: 1em; } Во последних версиях Opera, Firefox, Safari, Chrome не работает marker-offset…
0 votes7 answers -
Мои вопросы
Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?
0 votes52 answers -
IE6-оптимизация,
Объясните, пожалуйста, и помогите исправить такую ситуацию: Сайт по большей части терпимо отображается в IE6, но вот почему на этой и этой страницах блок #text (основное содержимое) проваливается под #sidebar, что float:lefted. И это несмотря на то, что нигде особых стилей для этих блоков на указанных страницах нет. В чем проблема? Проверил в Chrome, Safari, Opera и Firefox — везде все отлично. Пробовал шарить IE Developer Toolbar — причину бага так и не нашел… p.s. В подзаголовке опечатка, вижу.
0 votes4 answers -
как растянуть блок содержимым ?
что то я совсем скажем блок расположен в блоке который имеет ширину 100% и центрирует по центру.. но вкладываемый блок всегда тянется на 100% в ширину, а хочется что бы он растягивался по содержимому. резиновый блок... тоже самое как если дать ему float:left но нужно, что бы он остался по центру, а не ушел к краю. всегда засовывал таблицу и она сама растягивалась... а тут хочу блок
0 votes17 answers