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
-
Задание отступов в отдельном столбце таблицы.
У меня есть таблица с несколькими столбцами, как задать определенный паддинг во всех ячейках некоторого столбца (допустим первом) применяя стили? Не применяя стиль для отдельных ячеек. Пробовал col-ом задать, работает только в ИЕ, а мне б чтоб во всей тройце: ИЕ, ФФ, Опера.
0 votes2 answers -
Корректное отображение position в Опере
Друзья, возникла проблема, которую очень хочу решить. Есть код страницы <html> <head> ... </head> <body> <table> ... </table> <div> <div class="section"> <div class="r-star-shape"> <div class="cn tl"></div> <div class="content" id="left"> </div> <div class="cn bl"></div> </div> </div> <div style="position: absolute;">© 2008—2009 Все права защищены</div> </body> </html> Проблема с самым последним дивом. В IE и в Мозиле он располагается под предыдушим дивом, а вот в Опере его заносит вверх, он становится после <table>. Нагляд…
0 votes8 answers -
фиксированный 100% размер таблицы
<body><table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <td valign="top" width="450px" height="100%"> <div id="menu" style="height: 100%; overflow: auto;"><br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s<br />s&…
0 votes3 answers -
Помогите разобраться с позиционированием ДИВов
Доброго дня. Помогите с позиционированием элементов. Есть 4 дива: <div id="header"></div> <div id="left"></div> <div id="right"></div> <div id="footer"></div> Должно все выглядеть примерно так: Нужно чтобы: 1. при включении свойства display:none у #left, ДИВ #right должен автоматом занимать его место и растягиваться по всей ширине экрана. 2. при изменении размера окна, должны сжиматься ДИВЫ: left - по высоте, до какого то предела, по ширине он фиксированный. right - должен и по высоте и по ширине, до какого то предела header и footer по ширине, по высоте они фиксированные. Подскажите как правильно начать позиционировать, ч…
0 votes9 answers -
схлопывание маргинов не работает для table и p
У меня написан следующий код: <p>параграф</p> <p>параграф</p> <table> .. содержимое таблицы .. </table> <p>параграф</p> <p>параграф</p> Заданы стили: #content p { line-height:110%; margin:1em 0; } table { margin:1em; width:100%; } Так вот: между параграфами маргины схлапываются как надо, а между таблицей и параграфом нет. Почему так? Как сделать так, чтобы схлапывались?
0 votes6 answers -
Обтекание DIV
Стоят у меня 2 тега div <div class="left"></div> <div class="center"></div> в CSS прописано .left { width:200px; float:left; min-width:200; } .center { width:500px; float:left; min-width:500; } Суть проблемы что если сжать окно браузера правый блок "соскакивает" под левый. как сделать чтобы они стояли на месте?
0 votes6 answers -
избирательность first-child
объясните пожалуйста почему на страничке псевдокласс :first-child не действует на article ?
0 votes15 answers -
Центрирование span по вертикали поверх картинки
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>…
0 votes1 answer -
web
каким образом выводить большое количество картинок, где их хранить при условии что еще будет использоваться jquery для lightbox
0 votes6 answers -
Как реализовать резиновый блок с фиксированным padding?
Добрый день буду благодарен помощи, условие для задачи только одно - без использования box-sizing
0 votes3 answers -
Растянуть блок за пределы родителя в одну сторону
https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?
0 votes5 answers -
Активация кнопок и смена элементов
Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…
0 votes0 answers -
4пиксельный отступ в ИЕ
Здравствуйте. Пока что не научился верстать полностью блочно совмещаю таблицы и блоки. Тут две проблемы : 1. Непонятный отступ. 2. Счетчики не хотят вставать в гор. полосу хоть убей. один спригывает. Скрин через ие6 Это все конечно же в самой любимой версии ИЕ 6. Заранее спасибо.
0 votes4 answers -
хак и валидатор
в верстке использовал хак /* \*/ * html .#sidebar-left { margin-right: -3px; } но валидатор w3.org ругается К сожалению, мы обнаружили следующие ошибки (1) 145 Ошибка разбора .#sidebar-left как сохранить хак и валидатор успокоить ))
0 votes8 answers -
Подскажите про сайты на Флеш
я вероятно немного отстал от жизни Есть прекрасные карисвые сайты на Флеше...так вот у меня вопрос чем эти сайты делать Flash MX я думал всегда но тут наткнулся на какойто Adob Flash так вот вопрос что изучать чтобы делать флешь-сайты и еще вопросик где можно инфы почитать как вообще вобщем обстоит и реализуеться дело с флешь-сайтами Заранее спасибо за ответы!
0 votes4 answers -
чем выравнивать <th>
Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…
0 votes11 answers -
Выпадающее Меню
На весь хедер распространяется свойство overflow: hidden (сдерживает бекгрунд), выпадающее меню находится в хедере... Беда в том, что всё что находится в меню не выходит за пределы хедера (т.е. пункты режуться)... Как можно с этим справиться? линк (наведите на услуги)
0 votes17 answers -
Верстка форм - нужен совет.
Доброго времени суток. Есть такая вот картинка, выносящая мозг мне уже несколько суток: Как лучше её сверстать? С уважением, Олег.
0 votes16 answers -
Не появляется вертикальная прокрутка в IE
У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код
0 votes3 answers -
Вопрос по дизайн шапки сайта DLE
Привет всем! Возник такой вопрос, есть сайт _http://www.zkarate.org/ - задумка сделать шапку была такая: В результате получилось: Я так понял, что шапка имеет три блока, с первым проблем вроде как нет, а блоки 2 и 3 мешают друг другу - сдвигают, или загоняют друг друга вверх вниз. 1-й вопрос - как сделать так, чтоб картинка с каратистами растянулась по высоте 2-й вопрос - чтоб картинка с каратистами не мешала тексту по середине. Часть кода main.tpl {AJAX} <body> <div id="container_wrap"> <div id="header"> <div class="logo"><a href="/" title="На главную"><img src="{THEME}/images/logo.png" alt="" /></a></div> <div id="…
0 votes1 answer -
Выравнивание по вертикали li без line-height
Здравствуйте. С помощью гугла я так и не нашёл ответ на свой, вроде бы, распространённый вопрос. В общем как выровнять по вертикали ссылку<a href=""></a>, которая находится в li? line-height и padding отпадают, т.к. ссылка у меня может состоить из 2 строк. А может и из 1. Подскажите, пожалуйста. .
0 votes5 answers -
Помогите советом
Добрый вечер! Помогите советом касательно этого сайта testing-field.68edu.ru, хотел сделать его "резиновым", получилось шальное верхнее меню... Хотелось бы послушать, Ваше мнение, что не так, какие ошибки (не только меню), где фатальные ошибки, где тихий ужас ) Может там всё тихий ужас ) Думал, что бы сделать меню картинка-спрайт, ну не могу я выкинуть в топку эту мысль, что ублажался. Может я где то зациклился хз. )
0 votes10 answers -
Выравнивание последней строки
Как сделать выравние последней строки так, чтобы картинки шли под позицией верхних, а не как для центра и не пойми как по всей ширине: center: http://jsbin.com/ogiPEgiS/1/edit justify: http://jsbin.com/otavaFIQ/2/edit Т.е. выравнивание должно быть по центру. 3яя строка должна быть в той же позиции что и 2ая, только без 3его элемента.
0 votes11 answers -
прыгает меню при нажатии помогите
Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?
0 votes3 answers -
Проблема с позиционирование с свойством "text-align"
Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?
0 votes7 answers