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
-
frD-Разъезжается таблица..
Доброе время суток, вот была таблица <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="3" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> потом добавил еще картинку и отсновной текст, ниже этой таблицы разползся в ширину <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"…
0 votes17 answers -
Выравнивание background-image
Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…
0 votes10 answers -
box-shadow + overflow:hidden
Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }
0 votes5 answers -
Отступы вокруг картинки в опере/мозилле
У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло
0 votes7 answers -
высота height checkbox css
Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.
0 votes4 answers -
Теги html
Решил делать себе 'reset.css' - заинтересовался таким вопросом: где можно посмотреть список всех тегов, которые сейчас актуальны, были запрещены, устаревшие, которые не рекоммендуют использовать и т.д. Буду рад за любую информацию и линки. P.S. Был здесь - http://www.htmlbook.ru/html/ и здесь - http://www.w3.org/TR/html4/index/elements.html Да и вообще, во всех списках все по разному... И есть ли у кого-нибудь полнейший список тегов? =)
0 votes25 answers -
Как работает адаптивность в Bootstrap?
Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.
0 votes3 answers -
Единый блок, разбитый блок
Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание
0 votes43 answers -
Сайт вылезает за границу экрана
Здравствуйте, помогите пожалуйста найти косяк, сверстал сайт http://haski.leearts.ru и ширина сайта справа почему-то увеличилась, хотя никакие элементы не вылезают за края, т.е. ширина сайта почему то увеличилась, несмотря на то, что контент находится в пределах заданной ширины. Тупо фон справа добавляется. html <?php /** * @copyright Copyright (C) 2008 - 2010 LeeArts - Создание сайтов. * http://leearts.ru * admin@leearts.ru */ // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/…
0 votes10 answers -
Позиционирование кнопки.
Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?
0 votes7 answers -
Макрос в Dreamweaver CS3
Здравствуйте. Я делаю галерею на сайте в ручную, только средствами ХТМЛ. Дабы работа не казалась рутиной, понял, что надо сделать макрос. Галерея выглядит слдеющим образом: <a href="oboi/big/oboi_po_3_ (1).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (1).jpg" alt="Обои из фильма 1" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (2).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (2).jpg" alt="Обои из фильма 2" width="169" height="128" /></a> <a href="oboi/big/oboi_po_3_ (3).jpg" target="_blank"><img src="oboi/small/tn_oboi_po_3_ (3).jpg" alt="Обои из фильма 3" width="169" height="128" /></…
0 votes27 answers -
png в ие - полупрозрачность
в общем очередной косяк ие: у меня есть логотип в пнг-файле с полупрозрачным фоном (эффект "свечения" типа). в опере и огнелисе - все норм отображается, а в ие там, где должен провечивать основной фон - серое поле. opacity пробовала уже по всякому - не то получается - логотип пытается стать прозрачным полностью(а не только там где "свечение") пробовала пустить этот пнг фоном, а сверху прозрачный гиф 1*1 положить - помогло в ие (логотип еще и ссылкой на главную является, но ссылкой стал не гиф 1*1, а весь див с фоном - то бишь в общем-то все как надо), НО при таком варианте в опере и огнелисе логотип пропадает, несмотря на то, что диву заданы высота и ширина в пикселях. е…
0 votes26 answers -
Как сделать ссылкой всю строку таблицы?
Ситуация следующая: есть длинная таблица, в таблице каждой строке соответствует одна ссылка, как сделать так, чтобы при щелчке на поле любой ячейки в одной строке можно было перейти на ссылаемую страницу? PS: Кроме того хочется чтобы при наведении на любую ячейку менялся бы цвет всей строки, но это наверное легко както сделать с помощью hover'а?
0 votes6 answers -
Как кнопку превратить в ссылку?
Как кнопку превратить в ссылку? а точнее вот код кнопки <?php if($type == 'logout') : ?> <div id="logins"> <?php if ($params->get('greeting')) : ?> <?php echo JText::_('HINAME') ?><?php echo ($user->get('name') ); ?> <?php endif; ?> <form action="index.php" method="post" name="login" id="form-login"> <input type="submit" name="Submit2" class="button" value="Atsijungti" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="<?php echo $return; ?>" /> </form> </div> и надо что бы это б…
0 votes16 answers -
В мобильной версии сайта ломается скролл на iphone
Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-botto…
0 votes4 answers -
Эффект затемнения при наведении
Как можно сделать ,чтобы баннер в обычном состоянии был приглушённого белёсого цвета,при наведении-обычного,как тут http://nba777.ru/
0 votes11 answers -
Создание опроса
На сайте начал делать форму опроса. Код написал, спасибо этому сайту, выручил очень сильно. Но столкнулся со следующим - как сделать так, чтобы результаты опроса суммировались и выводились на отдельной странице? Понятно что надо что-то прописать в строке form action, но как сделать я не знаю. А то получается так, что результаты уходят на мою почту, мне придется вручную каждый раз все менять. Сбросьте ссылку на образец или подсказки по данному вопросу. Всем спасибо!
0 votes35 answers -
Background-image к низу сайта
Хочу сделать бекграунд сайта таким: к низу прикреплено изображение а все что выше него - текстура неба. Но фоновое изображение категорически не хочет сползать вниз. Вот код: body { background-color: #000000; /*цвет фона*/ background-image: url(/img/23.jpg); /*подключаем изображения*/ background-position: left bottom; /*позиция изображения, по центре екрана, прижатый к вверх*/ background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
0 votes11 answers -
В мозиле не работает тег align
Не понимаю почему в Enternet exsplorere всё работает а в мозиле нет главной таблице моего сайта присвоен атрибут align="center" a мозила не желает размещать мою таблицу по центру и упорно жмёт её к краям
0 votes17 answers -
При появлении скролла, контент, привязанный по середине прыгает
В ie справа отображается полоса по умолчанию. В остальных нет. Проблема в том, что сначала страница будет маленькая, потом можно будет открыть блок, и страница разворачивается. Контент привязан по середине. А с появлением полосы прокрутки 100% изменяется, и контент прыгает, не приятно. Сделать полосы прокрутки сразу - так появляется еще и полоса внизу, не очень нра. надо, что бы способ работал тут: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="ru" xml:lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv…
0 votes5 answers -
Не работает position:relative на tbody, tr, td
https://jsfiddle.net/h10copr4/1/ Работает только на table получается**??? Нужен тултип под каждым <tr>, не хочу использовать js для этого, есть ли возможность на css???
0 votes9 answers -
3 колонки - как выровнять по центру
привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.
0 votes4 answers -
Div и вложенная в него широкая таблица (шире окна)
Всем привет, Есть, если упростить код, подобная структура <div class="wrapper"> ... <table>...</table> ... </div> Таблица генерируется автоматичиски, т.е. ширина самой таблицы заранее не известна. Если ширина таблицы слишком большая и выходит за пределы окна, то див всё равно принимает ширину равную 100%. Соответственно, все остальные помещенные в него дивы и бэкграунды также прилипают к правой стороне браузера. Вопрос, существует ли какое-нибудь решение, чтобы заставить див принимать всю ширину таблицы? Пока остановилась на варианте display: table, но тут ИЕ7 в пролете. С display: inline-block, также были проблемы в Опере. Верстка в принцип…
0 votes17 answers -
Помогите создать страницу
Прошу помощи. Как можно сделать размер HTML страницы фиксированным? То есть мне необходимо установить размер 1024х768 пикселей. Я сначала пытался делать страницу при помощи тега table, но когда я начал добавлять в код html выпадающее меню, сразу после таблицы, которое делалось через тег div, то страница стала ломаться, что привело к тому, что страница увеличилась в размерах вертикально, а ниже изображения заднего плана появилось белое поле. Потом я полностью удалил таблицу и сделал всё через тег div, всё уместилось нормально, но теперь при открытии страницы задний план почему то отображается не полностью. Памагите!!! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 …
0 votes33 answers -
Как вывести информацию в нужный div при нажатии на ссылку ?
подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !
0 votes4 answers