HTML Coding

29542 questions in this forum

1. как убрать из css всё лишнее?

   Верстаю страницу(только учусь), за всё время вёрстки этой страници, удаление/добавление объектов, в css появилось много мусора, который не был удалён. Как выкинуть всё лишнее из css? Какие-нибудь автоматизированные средства есть?

   Asked by dimanlin, September 4, 2009

   0 votes
   2 answers
2. Отображение видео на сайте/Анимированный логотип

   Всем привет! Задумал в шапку сайта вставить анимированный логотип. Остановился на форматах .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 вся загвоздка заключается в том, чтобы видео проигрывалось только один раз, а затем останавливалось на последнем кадре. Сейчас же оно проигрывается бесконечное…

   Asked by Rol1k, August 15, 2010

   0 votes
   1 answer
3. Позиционирование со знаком минус (-)

   Здравствуйте. Я никогда не использовал позиционирование (margin,paddint,top,left,right,bottom) со знаком минус (-), как будто этого "боялся" Меня интересует все по этому поводу: Можно ли минусовое позиционирование смело использовать? Работает ли это у всех браузерах? И работает это так же отлично и просто как позиционирование элементов со знаком плюс...? и т.д. Ведь если минусовое позиционирование так же отлично работает как и со знаком плюс ( точнее никакого знака вообще)) ), то это очень часто упростило бы задачу веб-мастеру, и придало бы больше возможностей... Спасибо

   Asked by maasja, December 20, 2010

   0 votes
   8 answers
4. двойной градиент в фоне

   У меня есть проблема мне нужно сделать фон для страницы из двух градиентов.На страничке есть фиксированная таблица.Я ипользую рисунки шириной 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; /* Поля вокру…

   Asked by AKstoAK, February 10, 2011

   0 votes
   2 answers
5. Прижатый 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. Приж…

   Asked by jankovsky, October 11, 2013

   • footer
   • ajax
   0 votes
   5 answers
6. Несколько вариантов товара на странице с товаром :)

   Добрый вечер, уважаемые форумчане! Возник следующий вопрос: на страницу с товаром в интернет магазине нужно добавить несколько вариантов товара. Вот сам код страницы с продуктом: <?php /** * Файл представления Product - выводит сгенерированную движком информацию на странице личного кабинета. * В этом файле доступны следующие данные: * <code> * $data['category_url'] => URL категории в которой находится продукт * $data['product_url'] => Полный URL продукта * $data['id'] => id продукта * $data['sort'] => порядок сортировки в каталоге * $data['cat_id'] => id категории * $data['title'] => Наименование товара * $data['description'] …

   Asked by marianna9201, January 20, 2015

   0 votes
   3 answers
7. Как плавно приближать background? Есть пример

   Как сделать так, чтобы background плавно приближался как здесь и остановился на N-ном моменте времени?

   Asked by iBars, July 14, 2016

   0 votes
   3 answers
8. Разбиение таблици на группы

   Всем привет. Вот ломаю голову над тэгами <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…

   Asked by CoDy, August 7, 2009

   0 votes
   2 answers
9. помогите с курсом валюты

   Собственно для сайта нужна такая приблуда. в колоночке страници отображается курс баксов и евро. нужно сделать зависимость этих цыфер от допустим цифер на сайте Центрального банка плюс умноженными делеными на мой коэффициент который допустим лежит гдето в текстовом файле в корне. например так. подскажите код или на чем её можно оргонизовать : ява или wcc& заранее спасибо

   Asked by klick, August 13, 2009

   0 votes
   5 answers
10. Нужна тематика для сайта.

    Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать

    Asked by Тёмыч, April 20, 2011

    0 votes
    7 answers
11. Кнопки для смены шрифта

    Для того, чтобы был понятен мой вопрос сразу приведу пример. 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 для этого класса, как такое организовать?

    Asked by Rustick, April 26, 2011

    0 votes
    5 answers
12. Проблема с вертикалью в 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…

    Asked by gart, June 26, 2011

    0 votes
    11 answers
13. Подскажите нубу

    Начал изучать сайто-строение, для примера решил сделать сайт о группе 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…

    Asked by IgnatVoronov, March 17, 2012

    0 votes
    8 answers
14. Table + position: absolute + height = ...

    Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…

    Asked by SelenIT, June 4, 2012

    0 votes
    8 answers
15. Программа, для генерации 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 и вписывать их в код. Хотелось …

    Asked by Kostya74, August 13, 2015

    0 votes
    2 answers
16. Проблемы с отступами

    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…

    Asked by Dmitrij, August 29, 2015

    • margin
    • padding
    0 votes
    4 answers
17. перенос сайта в каталог

    Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8

    Asked by user, October 30, 2015

    0 votes
    18 answers
18. Слои съезжают

    Верстаю дивами, вот код в него все завернуто: #main { position: relative; height: 100%; width: expression((documentElement.clientWidthdocument.body.clientWidth)<1000?'1000px?:??); /* Internet Explorer */ min-width: 1000px; /* Opera & FireFox */ } Но почемуто при добавлении этого хака, в Опере не работает вообще, а в ИЕ и Мозиле не вводится на страницу вовсе ничего! Где ашипка, подскажите?

    Asked by okunev2, February 20, 2008

    0 votes
    4 answers
19. Способы сделать резиновую верстку сложных блоков

    под сложными блоками понимается, что у блока должно быть закругление углов и допустим внутренний глоу, понятно что нужно использовать 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…

    Asked by AlexKon, October 22, 2009

    0 votes
    8 answers
20. Необычное значение background

    На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...

    Asked by trikadin, June 8, 2010

    0 votes
    5 answers
21. вопрос по структуре сайта

    <!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> наз…

    Asked by dauren300, August 20, 2010

    0 votes
    2 answers
22. Прозрачный margin

    Всем доброго времени суток, Собственно, Сабж, заранее спасибо =)

    Asked by selevit, August 30, 2010

    0 votes
    6 answers
23. DIV внутри блока (div или td) с растягивающейся высотой 100%

    <table> <tr> <td style="height:200px"></td> </tr> <tr> <td> <div>Вот этот див. Он должен растягиваться по высоте td</div> </td> </tr> </table> Как в вышеприведенном коде сделать так, что бы DIV тянулся по высоте? Именно что бы объект DIV физически растягивался, а не с костылями в виде картинок на фоне

    Asked by artemhp, November 4, 2011

    0 votes
    10 answers
24. Централизация текста

    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 }

    Asked by Bernard, December 9, 2012

    0 votes
    4 answers
25. Не отображаются картинки

    Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))

    Asked by usv008, January 4, 2013

    • картинки
    0 votes
    6 answers