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
-
Высота таблицы
Здравствуйте. У меня опять проблема. Что-то не могу понять как высоту таблицы задать. Нужен эффект примерно как на http://ya.ru т.е. что бы строка с копирайтами была строго внизу окна, а не тела документа. Задавал height=100% для table и работало, как надо, а в спецификации сказано, что это свойство для тега table не поддерживается. Как на том же яндексе это сделано, так и не понял.
0 votes1 answer -
Текст
Добрые люди помогите! Я не могу сделать так чтобы, на странички двигался только текст, без заднего плана, как его закрепить подскажите в HTML. Заранее спасибо!
0 votes1 answer -
3d карусель с перспективой
Всем привет! Не могу найти карусель такого плана http://take.ms/cu7Zu, и чтоб была отзывчивая. Может кто встречал такую, или делал, поделитесь ссылкой или исходниками.
0 votes2 answers -
очистка флоатов))флоат под флоатом
привет еще раз! у меня очередная проблема —-очистка флоатов! КОД <html> <head> <style type="text/css"> *{ padding: 0;margin:0 } body,html{ height: 100%; background:black; } div.HH{ border:2px solid red; overflow: hidden; _overflow:visible; _height:1%; } div.ff{ width:300px; height:100px; background: yellow; float:left; } .aa{ clear:both } </style> </head> <body> <div class="HH"> <div class="ff">1</div> <div class="ff aa">2</div> <div class="ff">3</div> <div class="ff">4</div> <div class="ff aa">5</div> <div> </body> </html> хочу сделать фл…
0 votes2 answers -
проблема с наложением блоков
Помогите, пожалуйста, решить вот какую проблему: имеется два дива, нижний "залазит " на верхний, но при этом высота страницы должна уменьшаться на аналогичное колличество пикселов. <div id="backgrTop"></div> <div id="cont"> <img src="cont.png" /> </div> body { padding: 0; margin: 0; background: #0b1517 url(BottBack.png) bottom right no-repeat; } #backgrTop, #cont { position:relative; } #backgrTop { width: 407px; height: 245px; background: url(topBack.png) top left no-repeat; z-index:1; } #cont { top: -235px; margin: 0 auto; width: 1091px; height: 1000px; z-index:2; }
0 votes3 answers -
href и oncliсk
Есть ссылка <a style="cursor:pointer;" onclick="newWind=window.open('/1.html', '', 'width=750,height=560,left=200,top=100,status=no,location=no,toolbar=no,menubar=no,resizable=no,scrollbars=yes');">Страница</a>, при нажатии на которую должно открыться отдельное окно определенных размеров. Но, как я понял, роботы не обрабатывают такие страницы, так как они не видят здесь самой ссылки(href). Как обойти это? Возможно ли обойтись без javascripta и открыть окно средствами html?
0 votes4 answers -
Назначение ещё одного класса не производит эффекта
Структура: <label id="anystar" class="styled"><input type="radio" name="hotel_cat" value="any" /> </label> CSS: #anystar { background: url('images/anystar.png') no-repeat right 10px; display: inline-block; padding: 10px 15px 8px 0 ; } #anystar .chkd { background: url('images/anystar_chkd.png') no-repeat right 10px; } js: jQuery(document).ready(function(){ jQuery('label.styled').click(function(){ jQuery('label.styled.chkd').removeClass('chkd'); jQuery(this).addClass('chkd'); }); }); JS нормально отрабатывается, класс .chkd к элементу добавляется. Но бэкграунд при этом не меняется, хотя, по-моему, долже…
0 votes2 answers -
Линия под элементом
Добрый день! Как с помощью CSS сделать рисованную (картинку) линию под или над элементом?
0 votes4 answers -
Как прижать подвал к низу страницы?
Как я не пытался на разрешении больше 1663 x 823 съезжает футтер. Помогите! сайт http://kofe.16mb.com/
0 votes2 answers -
Родительский контейнер не растягивается в IE6-9
Есть внешний контейнер, в котором расположены кнопки и текстовые поля регистрационной формы. Также контейнер содержит ряд скрытых дивов, которые перестают быть таковыми в случае некорректно введенных данных (javascript-проверка). В FF, Opera, Webkit внешний див корректно растягивается, а вот в IE6-9 не хочет, и внутрение дивы вылезают за границу. Вот так: .tbl { width:100%;background-color:#f3f3f3;display:table; margin:10px auto;padding:15px 0px;border:1px solid #d4d0c8; } .string{display:table-row;width:100%;font:13px Tahoma;color:black;} #login_error, #pass_error, #mail_error{display:none;width:100%;font:11px Tahoma;text-align:center;color:red;} <form m…
0 votes1 answer -
Проблема с float
Друзья, проблема такая. Есть две колонки, состоящие из блоков со свойством float:left внутри контейнера, перед закрывающим тегом которого стоит блок со свойством clear:both, чтобы контейнер растянулся на высоту колонок. Так вот проблема в том, что одна из колонок этот контейнер всё равно не растягивает, и залазит на элементы, находящиеся ниже (в моём случае на футер). Пример проблемы здесь: _http://berezkairk.ru/доставка/ - правая колонка вылазит за пределы контейнера wrapper несмотря ни на какие clear:both (смотреть лучше с шириной окна браузера не менее 1024, т.к. ещё не под все разрешения css написан). Я уже не первый год в вёртске, но в данном случае я уже просто не з…
0 votes2 answers -
Помогите со стилями в IE и Google Chrome
Здравствуйте... Пытался придать внешний вид мониторингу. Столкнулся с проблемой. Отображения в IE и Google. Проблема в том что блок с названием карты и кол-вом игроков расположен по верх картинки вот такими свойствами style="position:relative; top:-23px; left:24px;" И во всех браузерах а то Opera Mozilla Safari отображается нормально А в ие и гугле на месте где был блок образовалось пустое пространство.. из-за которого мониторы занимают больше места и + Вообще из шапки сьехали.... Вот полный код мониторинга. [online]<div style="color:#fff; text-align:center; width:165px; order:2px solid purple;"> <div> <div><div style="width:100%; backgroun…
0 votes0 answers -
Помогите справиться с центрированием в диве, ну никак...
Ребят, испробовал уже кучу методов, не пойму что мешает... Вот сайт: http://testwp.sysrtfm.ru/ на розовом фоне меню, хочу его элементы разместить по центру, по горизонтали... Если не сложно посмотрите плз. Буду признателен
0 votes2 answers -
Влияние статичного блока на абсолютно позиционированные псевдоэлементы
Прежде всего здравствуйте. Ранее заходил на сайт только как в справочник, но настала пора зарегистрироваться на форуме, т. к. он несёт разумное, доброе, вечное. Я считал себя неплохим верстальщиком( ох, гордыня... ) сделав несколько шаблонов для Wordpress и Opencart, но вчитавшись внимательно в раздел про CSS3 да и просто в справочник понял, что являюсь нубасом зелёным, ведь понятия не имею, что есть правила nth-child, border-radius, transform, count, @keyframes, функция calc() и многие другие. Занялся ликбезом всерьёз и постепенно дошёл до раздела "Практикум". Решая задачу http://htmlbook.ru/practical/indikator-vypolneniya столкнулся с интересной фичей(или багом) абсолют…
0 votes7 answers -
inline-block гуляют по вертикали
http://jsfiddle.net/72ywx036/ Собственно вот. Очевидно, что из-за количества строк внутри позиция по вертикали начинает волшебным образом гулять. Как такое лечится?
0 votes3 answers -
Картинка в шапку.
У меня есть сайт в шапке у меня широкая полоска, хочу заменить ту полоску картинкой. Но немогу понять что к чему в коде...( Вот каритинка. http://i.imgur.com/CSHkR9C.png Вот код. <?php/** * The header for our theme. * * Displays all of the <head> section and everything up till <div id="content"> * * @package storefront */?><!DOCTYPE html><html <?php language_attributes(); ?> <?php storefront_html_tag_schema(); ?>><head><meta charset="<?php bloginfo( 'charset' ); ?>"><meta name="viewport" content="width=device-width, initial-scale=1"><title><?php storefront_title(); ?></title><link…
0 votes3 answers -
Теоретический вопрос по приоритетам псевдоэлементов
Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?
0 votes2 answers -
Как вставить 3D-тур на сайт?
Всем доброго времени суток. Имеется 3D-тур для заведения предоставленный по ссылке - http://fotospy.ru/3d/demo/grill-grad/domiki/tour.html. Каким образом мне вставить его на мой сайт так чтобы могли просматривать этот тур на нем? Буду благодарен за помощь.
0 votes1 answer -
Ошибка в простом коде
На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит. Писал следующим образом: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Листы 3</title> </head> <body> <dl> <dt> Есть много разных цветов, которые делятся на светлые и темные</dt> <ol> <li>Светлые:<li> <ul> <li>Желтый</li> <li>Оранжевый</li> <li>Розовый и другие цвета</li> </ul> <li>Темные:</li> <ul…
0 votes1 answer -
Скольжение слоёв
Может быть кто то опытный подскажет, как сделать. чтобы нижний слой (на нём фоновый рисунок) был неподвижен относительно окна монитора, а верхний слой ( на нём лежит сайт) перемещался при прокрутке.? Заранее благодарен.
0 votes2 answers -
Dreamweaver CS4 + use css instead of html files
Dreamweaver 8 была такая опция как "use css instead of html files", где эта опция включается в Dreamweaver CS4 ?
0 votes0 answers -
Что не правильно с этим кодом?
Предполагается, что в данном случае один блок div вложен в другой, но фактически это не вполне получается. Только в IE8 отображается так как я бы этого хотел, в фф, опере и в том же IE8 в режиме совместимости как-то получается, что второй div как бы не вложен в первый а идет после него... <html lang="ru-ru" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru"> <head> <meta content="text/html; charset=windows-1251" http-equiv="Content-Type"> <title>Тест</title> </head> <body> <div style="width: 900px; background-color: #d0d0d0;"> <div style="margin-left: 10px; float: left; width: 300px; padding-top: 12px; backgroun…
0 votes5 answers -
Повтор изображения по вертикале
Подскажите есть изображение Делаю так: <table cellpadding="0" cellspacing="0" width="100%" style="margin: 15px 15px 15px 15px"> <tr> <td valign="top" style="float:left;height: 15px;width:20px;background:url(/images/png/enti.png) no-repeat 0px 2px"></td> <td valign="top"> 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br> </td> </tr> </table> Изображения в первом <td> появляется новое, можно как нибудь скрыть его, чтобы только именно то которое прописано (0px 2px)? Вот слева картинка задана положение 0px 2px, а оно повторяется вниз по списку (как сделать чтоб…
0 votes2 answers -
Пхп ищу материал..
Приветствую. Люди добрые, дайте ссылочку на урок по формам почтовой отправки... т.е Форма есть, нужно чтобы работало..)) Просто в php я 0%
0 votes5 answers -
position:fixed vc iPad
Последнее время нужно проверять как выглядит сайт на айпаде. Подвал нужно пригвоздить к низу, а контент чтоб проматывался. На айпаде подвал скользит вместе со страницей. В интернете ниче вменяемого не нашел. Писал 2 файла стилей для планшета и десктопа, проверял jquery, для айпада подвал делал обычный. Я провтыкал, там vs, а заголовок редактировать нельзя.
0 votes0 answers