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
-
div + float + border без height
Добрый день. Столкнулся с проблемой: Существует структура: <div style="width:200px; border:1px solid red;"> <div style="float:left; width:100px;"> text </div> <div style="float:left; width:100px;"> text2 </div> </div> высота не указана, так как она динамически должна меняться. Проблема заключается в том, что бордер основного блока - уменьшается до 1-го пикселя. Тоесть как бы не определен размер блока. Как можно решить данную проблему? Спасибо за помощь.
0 votes9 answers -
Текстовое поле раскрытое на несколько записей
Как сделать текствое поле или выпадающий список (лучше выпадающий список), чтобы оно было раскрыто на несколько записей, в выпадающем списке выбирается один из элементов, но как его раскрыть на несколько пунктов и каждый элемент выбирался отдельно? Типа этого: Подскажите код, плиз
0 votes8 answers -
Приклеить img в sidebar внизу сайта
В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.
0 votes12 answers -
Помогите сделать...
Помогите пожалуйста сделать красивую страницу выбора языка!
0 votes18 answers -
IE, ячейки, бордеры.
Добрый день! Описание задачи: Всё просто, у нас есть таблица, в ней несколько ячеек. Ячейки пустые (это важно). Во всех браузерах бордер вокруг пустых ячеек отображается, а в IE нет. Вопрос: Как с помощью CSS обмануть IE, что можно такое прописать, что бы при Пустых ячейках бордер отображался в любимом браузере? Какие вообще варианты ещё есть? Нужно, чтобы содержимое при проверке показывало false; <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица…
0 votes17 answers -
:nth-child и :nth-of-type
Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?
0 votes9 answers -
inline-style
Хотел спросить мнение:часто ли вы пользуетесь inline styles?или предпочитаете вс? вносить в css?слышал много разных мнений,так и не понял что лучше и безопаснее
0 votes4 answers -
Минимальный размер окна сайта
как сделать чтобы сайт имел ограничение по ширине, чтобы был не меньше 790, т.е. при размере браузера 790, ширина сайта не уменьшалась? вот сам шаблон сайта http://webfile.ru/2627693
0 votes7 answers -
перенаправление "назад" после входа
вот есть у меня страница, на которой ссылка доступна тольго зареганым пользователям. как сделать так, чтобы после входа, юзер перенаправлялся на предыдущую страницу (ту, где он форму входа заполнял). я так понимаю это можно сделать МЕТА-тегом, но как узнать, какая именно страница быда откыта ?
0 votes6 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Не могу найти ошибку
.... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…
0 votes10 answers -
Фотоальбом для сайта
Люди добрые! Скиньте ссылку на скрипт самого простого фотоальбома для сайта. Альбом должен быть удобный в обращение, и работающий, желательно))))) Заранее сильно благодарен. А, ещё чтобы без майскуэль!
0 votes6 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
Одно правило css перекрывает другое
Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?
0 votes6 answers -
Слой 100% высоты почему-то больше 100%. Help!!!
Код до безобразия прост: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <style> html, body { width:100%; height:100%; padding: 0px; margin: 0px; } .block { width: 70%; height: 100%; background-color: #FFFFC1; border: 1px solid Orange; margin: 0px auto 0px auto; } </style> <body> <div class="block"> </div> </body> </html> Почему block ширее размера страницы ? (визуально на пару пикселей, но этого достаточно что…
0 votes5 answers -
Картинки под высоту экрана
Добрый день. Для примера таблица с одной строкой и 2мя столбцами. В первом столбце текс, во втором - картинки одна под другой. Высота картинок 200px. Как сделать так, чтобы картинки занимали ровно столько места по высоте на экране, сколько текст? Например, если текста немного, должно быть 4 картинки. Если текста много (высота таблицы увеличивается, появилась полоса прокрутки в браузере), картинок должно стать 5 или 6. Пишу под PHP.
0 votes16 answers -
Отступ снизу в IE 6.0
У меня вначале CSS-файла вставлен код для обнуления отступов: * { margin: 0; padding: 0; } Далее идет основной слой, который используется в самом начале страницы: #wrapper { width: 80%; margin: 1% 10% 1% 10%; } Третий параметр, который задает отступ снизу не работает в IE 6.0, т.е. нижняя часть страницы плотно прилегает в нижнему краю браузера. Ставил этот отступ в секцию body - работает, но мне надо сделать это в слое.
0 votes7 answers -
меню навигции
так вот, есть код; как в содержимое блока сунуть ряд баннеров размером 40 на 40 и что бы под баннерами ровно п оцентру еще ссылку текстовую сунуть, с учетом того что бы все эти баннеры шли в строчку?????? Заранее благодарен!
0 votes13 answers -
колонки одинаковой высоты
http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.
0 votes23 answers -
Неверное растягивание (скалирование) div блока по всей высоте body
Задача: Разместить <div> контейнер, используя 90% страницы. Контейнер используется для отображения списка файлов. Выглядеть должно так: Причина обращения сюда - проблема проявляющаяся во время уменьшения окна: Список файлов выезжает за пределы области, простите, "выезжая" и то что за ним )))). Весь код: <div class="files"> <div class="title">Список файлов</div> <div class="list"> <div> <span class="file">Текстовый документ.txt</span><span>(81 б)</span> </div> </div> <div class="info"> <div class="commonInfo">Файлов в папке: 1<span style="float:right">Общий раз…
0 votes25 answers -
смещение блока при появлении вертикального скролла
скажите пожалуйста существует ли способ, которым можно избавиться от смещения центрированного при помощи margin: 0 auto; блока фиксированной ширины при появлении вертикального скролла? то есть ситуация такая. блок центрирован и содержит мало текста(настолько мало, что вертикального скролла у страницы нет).в этом случае он находится строго по центру горизонтальной линии экрана. если в блок добавить текста и его станет настолько много, что у экрана появится скролл, то блок чуть смещается влево. очень сильно нужно решение этой проблемы. устроит даже яваскрипт вариант. но css предпочтительнее конечно
0 votes6 answers -
flexbox особый вид элемента на Flexbox
zebra-tara.ru на главной странице есть блок с популярными товарами чтобы его организовать, мне пришлось делить список на две части. отдельно в своём контейнере выводится большой первый элемент и далее - остальные, тоже в flex контейнере можно добиться такого визуального представления как-то иначе (без разделения UL списка), когда первый элемент имеет большой размер? мне это потребуется, чтобы на малых разрешениях навесить на этот список owl carousel, а получается, что первый элемент оторван.. Полагаю, это можно как-то решить с колонками, а не строками, но мне этот фокус не удался
0 votes10 answers -
Высота ячейки, выравнивание, collapse...
всем привет. табличка должна быть такой: http://www.afi-pallada.ho.ua/table/table.jpg a получается такая хрень: http://www.afi-pallada.ho.ua/table/signup.html код: <div class="right"> <table cellpadding="0" cellspacing="0"> <tr> <td class="left th no-bg">Feature</td> <td class="th">Members</td> <td class="th">Non Members</td> </tr> <tr> <td class="left">Play Short Clips</td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /></td> <td><img src="images/design/signup/yes.gif" width="15" height="15" alt="yes" /><…
0 votes4 answers -
Не работает display:block
Имеется код: <style type="text/css"> #lnk { display:block; } #bar { float:left; width:500px; height:35px; padding:89px 0px 0px 0px; background:url('logo-up-main.jpg'); } </style> <a href="./" class="lnk"><div id="bar"> <a href="./">asda sdasdasda sdasd asd asd</a> </div></a> Вопрос: почему нормально не работае внешняя ссылка(#lnk)? Заранее спасибо за ответ. Что характерно, что без содержимого в i#bar все работает норм...
0 votes6 answers -
Помогите с примером!
http://www.getincss.ru/2008/10/19/oformlen...u-css/#more-609 вот статья о том как сдлеать иконку для внешнего сайта. Но нет примера, все написано кусками, не могли бы вы поделиться или обяснить как сделать такой пример. Помогите пожалуйста
0 votes23 answers