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
-
как убрать из css всё лишнее?
Верстаю страницу(только учусь), за всё время вёрстки этой страници, удаление/добавление объектов, в css появилось много мусора, который не был удалён. Как выкинуть всё лишнее из css? Какие-нибудь автоматизированные средства есть?
0 votes2 answers -
Отображение видео на сайте/Анимированный логотип
Всем привет! Задумал в шапку сайта вставить анимированный логотип. Остановился на форматах .flv и .swf. При использовании формата .flv вся загвоздка заключается в том, чтобы убрать плеер, то есть чтобы было чисто видео без всяких кнопочек. а надо так <object type="application/x-shockwave-flash" data="FLVPlayer_Progressive.swf" width="196" height="68"> <param name="FlashVars" value="skinName=Clear_Skin_1&streamName=logo&autoPlay=true&" /> </object> При использовании формата .swf вся загвоздка заключается в том, чтобы видео проигрывалось только один раз, а затем останавливалось на последнем кадре. Сейчас же оно проигрывается бесконечное…
0 votes1 answer -
Позиционирование со знаком минус (-)
Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо
0 votes8 answers -
двойной градиент в фоне
У меня есть проблема мне нужно сделать фон для страницы из двух градиентов.На страничке есть фиксированная таблица.Я ипользую рисунки шириной 500, высотой 1 и такой стиль: HTML { background: #35cbdb url(images/fonL.gif) repeat-y; /* Цвет фона веб-страницы, путь к графическому файлу с фоном и повторение фона по вертикали */ height: 100%; /* Высота элемента */ margin: 0; } BODY { background: url(images/fonR.gif) repeat-y 100% 0; /* Фон по правому краю окна браузера */ margin: 0; /* Обнуляем отступы на странице */ height: 100%; /* Высота элемента */ } P { margin: 0; /* Обнуляем отступы */ padding: 5px 0 0 20px; /* Поля вокру…
0 votes2 answers -
Прижатый footer и ajax
Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом: <div class="l-wrap"> <header>Header</header> <div class="l-empty"></div> </div> <footer>Footer</footer> html, body { margin:0; padding:0; width:100%; height:100%; } .l-wrap { position:relative; min-height:100%; height:auto !important; height:100%; } .l-empty { height:100px; } footer { margin-top:-100px; height:100px; } Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее: 1. Javascript удаляет содержимое в .l-wrap. 2. Приж…
0 votes5 answers -
Несколько вариантов товара на странице с товаром :)
Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] …
0 votes3 answers -
Как плавно приближать background? Есть пример
Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?
0 votes3 answers -
Разбиение таблици на группы
Всем привет. Вот ломаю голову над тэгами <colgroup> <col>. В литературе пишут примеры в которых при помощи этих тегов и CSS можно размечать таблици. Но на самом деле получается разметить только фон. Вот например этот код: <style type="text/css"> table {border:outset 1px; border-collapse:collapse} table caption {font:bold 14pt; color:#707070} table td {border:inset 1px; padding:3px} table colgroup#GROUP1 {width:10%; text-align:center; background-color:#F6F6F6} table colgroup#GROUP3 {width:15%; text-align:right} table colgroup…
0 votes2 answers -
помогите с курсом валюты
Собственно для сайта нужна такая приблуда. в колоночке страници отображается курс баксов и евро. нужно сделать зависимость этих цыфер от допустим цифер на сайте Центрального банка плюс умноженными делеными на мой коэффициент который допустим лежит гдето в текстовом файле в корне. например так. подскажите код или на чем её можно оргонизовать : ява или wcc& заранее спасибо
0 votes5 answers -
Нужна тематика для сайта.
Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать
0 votes7 answers -
Кнопки для смены шрифта
Для того, чтобы был понятен мой вопрос сразу приведу пример. http://special.kremlin.ru/ Слева сверху есть кнопки изменения размера шрифта. Как сделать такие кнопочки? В исходном коде нашел: <dl class="a-fontsize"> <dt>Размер шрифта:</dt> <dd><a href="#" rel="fontsize-small" class="a-fontsize-small"></a></dd> <dd><a rel="fontsize-normal" href="#" class="a-fontsize-normal"></a></dd> <dd><a href="#" rel="fontsize-big" class="a-fontsize-big"></a></dd> </dl> Но не нашел css для этого класса, как такое организовать?
0 votes5 answers -
Проблема с вертикалью в background-position
Здравствуйте. Извелся уже) вот листинг: <!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/1999/xhtml" <?php language_attributes(); ?>> <head> <style type="text/css"> #images_carrier { height:270px; background: url(images_shadow.png) no-repeat center bottom; padding:35px 0;wp-content margin: 0 auto; } #images_carrier #images { background: url(menu2.jpg) no-repeat; width:804px; height: 272px; margin: 0 auto; font-size:0px; } #images_carrier #images .item { width:268px; height:20px; display: inl…
0 votes11 answers -
Подскажите нубу
Начал изучать сайто-строение, для примера решил сделать сайт о группе SOAD... вот код: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8"> <title>SOAD</title> <style> .center { width: 800px; /* Ширина элемента в пикселах */ height: 1000px; padding: 10px; /* Поля вокруг текста */ margin: auto; /* Выравниваем по центру */ background: #000000; /* Цвет фона */ } body { background: #333333; /* Цвет фона */ color: #fff; /* Цвет текста */ } </style> </head> <body> <div class="center"> <img src="shapka.png" widt…
0 votes8 answers -
Table + position: absolute + height = ...
Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…
0 votes8 answers -
Программа, для генерации html кода тэгов <area>
Здравствуйте, посоветуйте пожалуйста программу. В коде очень много блоков типа: <map name="pic09"><area shape="rect" coords="25,268,128,331" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"><area shape="rect" coords="137,265,237,332" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"></map>в основном таких <area> по 10-15 штук и очень долго запоминать координаты в paint и вписывать их в код. Хотелось …
0 votes2 answers -
Проблемы с отступами
http://cs540104.vk.me/c540107/v540107236/279e9/SWeHuGPdagk.jpg Почему когда задаешь отступы сбоку margin или padding, то отступ появляется только у первой строки? как сделать чтобы отступ был для всех строк <style>.wrapper{ width: 960px; margin: auto;}header{ background: url(../images/header.png) no-repeat;}.logo{ width: 307px; height: 100px; border-radius: 20px; background: #e7e7e8 url(../images/header.png) no-repeat; background-size: 100% auto; overflow: hidden; float: left;}.logo h1{ position: relative; top: 26px; left: 15px; height: 65px; width: 275px; font-size: 35px; text-align: center; color: #fff; pa…
0 votes4 answers -
перенос сайта в каталог
Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8
0 votes18 answers -
Слои съезжают
Верстаю дивами, вот код в него все завернуто: #main { position: relative; height: 100%; width: expression((documentElement.clientWidthdocument.body.clientWidth)<1000?'1000px?:??); /* Internet Explorer */ min-width: 1000px; /* Opera & FireFox */ } Но почемуто при добавлении этого хака, в Опере не работает вообще, а в ИЕ и Мозиле не вводится на страницу вовсе ничего! Где ашипка, подскажите?
0 votes4 answers -
Способы сделать резиновую верстку сложных блоков
под сложными блоками понимается, что у блока должно быть закругление углов и допустим внутренний глоу, понятно что нужно использовать 9 ячеек что бы расставить все в нужном порядке, а может есть еще какой способ что бы сделать это. вот моя попытка сделать такой блок <div style="width:100%; position:relative; background:#b5e6f4;"> <div style="background:url(middleleft.gif) repeat-y left;"> <div style="background:url(middleright.gif) repeat-y right;"> <div style="background:url(middletop.gif) repeat-x top;"> <div style="background:url(middlebottom.gif) repeat-x bottom;"> <div style…
0 votes8 answers -
Необычное значение background
На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...
0 votes5 answers -
вопрос по структуре сайта
<!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/1999/xhtml" [color=#CC0000]xml:lang"en" lang"en"[/color]> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" [color=#FF0000]/[/color]> <meta http-equiv="X-Ua-Compatible" content="IE=EmulateIE7" [color=#FF0000]/[/color]> <meta name="title" content="Название сайта" [color=#FF0000]/[/color]> <meta name="keywords" content="ключевые слова" [color=#FF0000]/[/color]> <meta name="description" content="описание сайта" [color=#FF0000]/[/color]> <title> наз…
0 votes2 answers -
Прозрачный margin
Всем доброго времени суток, Собственно, Сабж, заранее спасибо =)
0 votes6 answers -
DIV внутри блока (div или td) с растягивающейся высотой 100%
<table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне
0 votes10 answers -
Централизация текста
http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }
0 votes4 answers -
Не отображаются картинки
Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))
0 votes6 answers