HTML Coding

29,542 questions in this forum

1. Проблема при масштабировании окна браузера

   Здравствуйте! При масштабировании окна браузера, верхний div блок (контакты::телефон), уезжает вниз. Вот скрин при нормальном размере окна браузера(1920x1080, 1280x720) Вот скрип при масштабировании окна браузера (около 1100px по ширине) Вот сайт, где это происходит: www.salkstudio.ru

   Asked by Salk, August 18, 2012

   0 votes
   3 answers
2. Не могу вставить "ссылки" в шапку

   Делаю стиль для форума на phpBB3 на основе стиля Prosilver. Шапку сделал, захотел еще снизу под ссылками сделать ссылки на: Имя пользователя(с краткой информацией, кол-во сообщений и кол-во благодарностей + аватарка), новые сообщения(просто с цифрой на фоне картинки конверта), "ваши сообщения", личный раздел(тоже просто картинкой), и кнопку выхода. Но ни чего не получается, ка бы я ни пытался всё отображается слева от ссылок, а надо чтоб отображалось под ссылками. Конечно был один вариант, но он вообще не подходил. Что где и как сделать чтобы они отображались прямо под ссылками(картинками домик и т.д). http://savepic.su/2349283.htm вот та часть с ссылками. colours.css .l…

   Asked by Radiation15, August 18, 2012

   0 votes
   2 answers
3. Полоска между wrapper и контентом

   Добрый день уважаемые форумчане, я начинающий веб-дизайне и верстальщик. Когда сверстал очередной дизайн столкнулся с интересной проблемой которую не могу решить по сей день. Суть проблемы: в шаблоне появился отступ между глобальным фоном который тянется и wrapperom, никак не могу понять почему и откуда он взялся т.к быть его не должно. чтобы было более понятно вот скриншет и юрл действующего шаблона(надеюсь не посчитаете за рекламу, просто очень нужна помошь в этом деле): Uploaded with ImageShack.us Сайт с шаблоном:www.p4f-test.ucoz.ru (сайт тестовый, не реклама) P.s раньше этот отступ был только на опере и мозиле, вскоре обновился google chrome и там тоже оно появилось…

   Asked by HRabbit, August 15, 2012

   0 votes
   10 answers
4. Верстка иллюстраций с подписями.

   Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.

   Asked by stupidtrue, August 16, 2012

   0 votes
   13 answers
5. Проблемы при масштабировании

   При уменьшении масштаба страницы, блоки начинают съезжать один под другой, с чем это может быть связанно?

   Asked by Veit, August 14, 2012

   0 votes
   11 answers
6. Как решить данную проблему

   Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…

   Asked by VTVTima, August 18, 2012

   0 votes
   0 answers
7. Положение строчных элементов

   Скажите, как мне вертикально по центру выровнять строчный элемент (span), находящийся в div блоке?

   Asked by Veit, August 16, 2012

   0 votes
   8 answers
8. Создать декоративвные линии

   Подскажите, как можно создать в шаблоне такие линии. Кроме border-right и border-bottom мне ничего в голову не приходит. http://savepic.su/2342060.htm

   Asked by aaron, August 17, 2012

   0 votes
   10 answers
9. зазор между строками

   объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF

   Asked by cyklop77, August 17, 2012

   0 votes
   6 answers
10. Центрирование строчных элементов

    Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?

    Asked by Veit, August 17, 2012

    0 votes
    1 answer
11. Выровнять список

    Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…

    Asked by aaron, August 17, 2012

    0 votes
    4 answers
12. Размещение div с текстом по центру

    Есть html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html&gt…

    Asked by Strek, August 17, 2012

    0 votes
    3 answers
13. Логотип с помощью CSS

    Такой логотип, как мне кажется, невозможно сделать средствами CSS. http://savepic.su/2325834.htm Его проще вырезать с прозрачным фоном и сохраненной тенью. Я правильно думаю?

    Asked by aaron, August 16, 2012

    0 votes
    3 answers
14. Как очистить поток

    Есть такая конструкция: <div id='wrapper'> <div id='leftwrap'> <div id='left'>тут много текста</div> </div> <div id='right'>тут много навигации</div> <div id='footer'>все права защищены</div> </div> И css: #leftwrap { width:100%; margin-left:-350px; } #left { float:left; margin-left:350px; background-color:red; } #right { float:right; width:270px; background-color:silver; } #footer { background-color:#777; } Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?

    Asked by Маленьке Звірятко, August 17, 2012

    0 votes
    2 answers
15. 3 колонки, центр 1024px, боковые с фоном появляются,если экран шире

    Подскажите, пожалуйста, как сделать верстку: 3 колонки, центральная часть стабильная 1024px, а боковые с фоном появляются или скрываются если экран шире или уже, т.е. если у кого экран 1024, то фоновые изображения слева и справа не видны, а если экран шире, то фон появляется левая колонка: background-image:url(images/left.jpg); background-position:bottom left; background-repeat:no-repeat; правая колонка: background-image:url(images/right.jpg); background-position:top right; background-repeat:no-repeat; Можно ли это реализовать табличной версткой?

    Asked by OnLine54, August 15, 2012

    0 votes
    1 answer
16. Сделать блок прозрачным,когда используется фон

    Фон блока ЗДЕСЬ БУДЕТ ТЕКСТ сделать не белым, а прозрачным, т.е. убрать вообще бекграунд именно блока. Оставить Бекграунд общего письма. ................. Сверху задание.Делаю шаблон письма хтмл.Имеется фон в таблице,где поле для текста необходимо убрать бэкграунд,чтобы фон таблицы был прозрачный. Помогите братцы,все мозги выкипели

    Asked by osipbruno, August 16, 2012

    0 votes
    1 answer
17. вертикальное выравнивание

    подскажите пожалуйста про вертикальное выравнивание могу смоделировать, но долго. да и теория интересует. допустим ul содержит текст, li, span. все элементы по умолчанию выравниваются по базовой линии текста, который в ul. если этого текста нет, то по какой базовой линии будут выравниваться элементы?

    Asked by cyklop77, August 16, 2012

    0 votes
    1 answer
18. Иероглифы в мозиле

    Здравствуйте! Я столкнулся с проблемой, нужно было создать простую хтмл страницу на английском и русском языках, но залив её на фтп заметил что в мозиле кириллица отображается непонятными символами, во всех других браузерах всё отображается корректно! Мета прописал: <meta charset="utf-8" > и сохранил через notepad++ тоже в utf-8, перепробывал уже множество кодировок. <html lang="en"> <head> <title>Friseursalon am Pl?rrer</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css"> <link rel="stylesheet" type="text/css…

    Asked by madeisner, August 17, 2012

    0 votes
    1 answer
19. Правильно расположить кнопки

    Подскажите, пожалуйста. Есть такая навигация: http://savepic.su/2353483.htm Вопрос касается только этих кнопочек. Как мне их правильно расположить? Через ul lu a:after {content: ...} ?

    Asked by aaron, August 16, 2012

    0 votes
    2 answers
20. Непонятки с bullet

    Подскажите новичку. Имеется bullet на макете: http://savepic.su/2315570.htm И картинка слоев: http://savepic.su/2309426.htm Отключаю все слои, кроме указанного (Alt+ЛКМ): http://savepic.su/2358581.htm И вижу такую картину: http://savepic.su/2350389.htm Почему bullet становится синим? Мне совсем непонятно...

    Asked by aaron, August 16, 2012

    0 votes
    6 answers
21. не работает border

    Хочу установить следующие границы для блока #header с помощью свойств. Но данные свойства не работают и не создают границы. В чем может быть проблема? border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; Весь HTML и CSS код: #wrap { width: 1000px; margin: auto; margin-top: 20px; } #header { border-top: 3px solid 1c1211; border-bottom: 1px solid 1c1211; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="css/style.css"> …

    Asked by mastermedia, August 16, 2012

    0 votes
    2 answers
22. Выравнивание!

    В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!

    Asked by ELBegemotos, August 15, 2012

    0 votes
    2 answers
23. Комплексный сайт

    Добрый день. Нужен совет насчет проектирование сайта. Есть идея, но я не знаю каким способом можно осуществить её. http://img94.imageshack.us/img94/3798/231222412.jpg Если посмотреть макет что выше, то можно сделать следующий вывод: нужна платформа для статей, где я бы добавлял материалы, и пользовательская площадка, где все могли бы добавлять интересные изображения (вроде Pinterest). Для блога вроде подходит WordPress, но я не знаю как быть с той самой площадкой, то есть какие инструменты мне нужны чтобы сделать такое? Плюс к этому, как быть с WordPress? Каким образом можно подключить нужные функции к уже существующему сайту? Насколько мне известно, это невозможно. Тогда…

    Asked by Tops, August 16, 2012

    0 votes
    1 answer
24. проблема с нестандартным шрифтом

    ни у кого не бывало такой ситуации? находишь нестандартный шрифт .ttf(открываешь его, видишь, что все символы отображаются нормально). прогоняешь его через генератор и встраиваешь на страницу. но в результате русские символы не отображаются заданным шрифтом(иногда только в ie, иногда и в остальных браузерах). в чем причина такой проблемы может быть, скажите пожалуйста бывает скачиваешь шрифт из разных источников и повторяешь описанную последовательность действий, но проблема остаётся. вообще нередко сталкиваюсь с такой ситуацией(в каждом третьем проекте примерно). может быть я не учитываю какую-то особенность работы с нестандартными шрифтами? прошу телепатической помощи, …

    Asked by cyklop77, August 16, 2012

    0 votes
    7 answers
25. Верхний div с заданной высотой, div под ним с высотой до конца экрана

    Есть два дива на странице: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> html, body{margin: 0; background-color: #f3f3f3; min-height:100%; height:100%; overflow:hidden;} .div0{height:100%; width:100%} .div1{background: red; height:40px; width:100%} .div2{background: green; height:100%; width:100%} </style> </head> <body> <div class="div0"> <div class="div1"> 11111 </div> <div class="div2"> 22222 </div> </div> </body> </html> Высота div2 и div…

    Asked by trisha, August 15, 2012

    0 votes
    4 answers