HTML Coding

29542 questions in this forum

1. Написание кода главной стр. и подстраниц сайта

   Добрый день. Заранее простите за мой "ломаный html" Вопрос заключается вот в чем: Необходимо создать сайт. Почитала статьи на htmlbook. Из прочитанного поняла, что нужно сделать css файл (оформление сайта) и html файл (главная страница, где уже разметка структуры сайта). Не думаю что каждая стр. сайта должна содержать весь этот огромный код разметки сайта. Вдруг мне телефон нужно будет поменять в подвале сайта, не менять же его на всех 20 страницах? По-моему нужен один загрузочный файл (структура, разметка) и css (оформление) - т.е. если нужно поменять номер телефона на сайте и его цвет, то это делается 1 раз и уже по-новому отображается на всех страницах сайта. А с…

   Asked by To4ilka, January 26, 2010

   0 votes
   9 answers
2. Влияет ли семантика на результат поиска?

   Недавно в мобильном интернете наткнулся на конкурс по продвижению 'бессмысленной фразы' в поисковиках. Участвовать в нем я не собираюсь, но глядя на коды страниц захотелось доказать (вне конкурса), что важней всего не мета теги, а семантика html. Посмотрите, пожалуйста, грамотно ли я сложил страницу? код удалил, так как эта тема уже в поиске отображается И будет интересно узнать влияет ли семантика на результат поиска или она нужна просто для валидации

   Asked by Gnom7, June 13, 2010

   0 votes
   7 answers
3. Флешка в Iframe перекрывает выпадающее меню

   Парни, не подскажет ли кто как решить проблему? На сайте есть выпадающая менюха, ниже ее я вставляю флешку - она на другом серваке и обернута жабаскриптом, на хост где висит сайт нельзя вставлять скрипты - он на конструкторе, вставляю так через iframe <iframe frameborder="0" scrolling="no" src="http://imageslider.zz.mu/slider/imageSlider300-940.html" width="940" height="300" wmode="opaque" ></iframe >Проблема в том что эта флешка перекрывает выпадающее меню на сайте - глюк замечен в опере и IE, в firefox все нормально работает.... выручайте

   Asked by Andryshok, November 14, 2014

   • Iframe перекрывает выпадающее
   0 votes
   15 answers
4. Потянуть фон

   Не пойму в чем дело, вот стиль: td.header1 { background: url(images/bg1.jpg) repeat-x; height: 154px; } применяю это к двум ячейкам в таблице, но все равно видно стык: Как правильно поступить в данном случае?

   Asked by okunev2, December 13, 2007

   0 votes
   7 answers
5. можно ли изменить в CSS вид подсказки

   Здравствуйте! Можно ли изменить в CSS размеры,цвет и шрифт текста-подсказки, выдаваемого через title=""? Спасибо!

   Asked by masterok, September 4, 2008

   0 votes
   7 answers
6. Блочная верстка

   вот css, блочная верстка по центру, фиксированной ширины: html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7pre,code,form,fieldset,legen d ,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } #container { width: 900px; margin: 0 auto; } #header { height: 226px; margin: 0; background: url(images/bg1.gif) repeat-x; } #wrapper { float: left; width: 100%; } #content { margin: 0 150px; } #navigation { float: left; width: 150px; margin-left: -900px; background: #B9CAFF; } #right-block { float: left; width: 150px; margin-left: -150px; background: #FF8539; } #footer { clear: left; width: 100%; background: #ff0000; } как теперь бы растянуть контейнер по высоте, …

   Asked by okunev2, September 22, 2008

   0 votes
   6 answers
7. Во всех браузерах одинаково, только в Opera нет.

   Сколько верстаю, проблем таких не находил. В общем, надеюсь ваш опыт поможет. Попытаюсь описать ситуацию, сверстан на div-ах. Абсолютно все браузеры (Все версии IE, Google Chrome, FF, Safari, Avant, Opera 10 и др.) показывают одинаково правильно, но только Opera 8, 9 портит дизайн. В css прописано: width:980px; margin:0px auto; padding:10px; background:#ссс url(images/bg.gif); (bg - картинка размером 5 x 5 пикселей) Все браузеры отображают фон. Opera показывает только кусок 10px сверху. Проблема только в 8, 9 версии! Я не понимаю почему.

   Asked by Ritter, February 16, 2010

   0 votes
   10 answers
8. Спрайт png24 - проблема в ie6

   Задача: Есть полупрозрачная кнопка. При наведении - подсвечивается. Решение: Делаю спрайт. Через clip() и позиционирование на ховер меняю стили. Везде работает, кроме как в ie6. Не работает именно из-за прозрачности. Как только ставлю фильтр - всё, не пашет. Причём не могу понять закономерность - в одном проекте работает - в другом - нет. Есть ли какие-нить ограничения, нюансы?

   Asked by DjTarik, July 7, 2010

   0 votes
   12 answers
9. Помогите объединить вкладки!

   Не могу никак убрать пробел между вкладками Models и New faces. Помогите, плз! Вот.

   Asked by Poptimistic, August 23, 2011

   0 votes
   15 answers
10. Автоматическая ширина - span

    Подскажите пожалуйста: <span id="A" style="width: 200px">Left</span> <span id="B">Center</span> Как можно сделать чтобы элемент B, автоматически выставлял себе ширину (до конца границы/родителя/..) на оставшееся место, находясь при этом на одной строчке с элементом A?

    Asked by AppleMacMy, January 27, 2012

    0 votes
    9 answers
11. Верстка и Safari

    Всем добрый день! Столкнулся со следующей проблемой... Разрабатываю сайт http://admship.ru. В основе - Wordpress. Шаблон, по сути, написан с нуля. Во всех браузерах сайт отображается прекрасно - никаких нареканий нет. Но когда дело доходит до Apple'овских продуктов, то получаем следующее: весь сайт съезжает влево и часть его канет в лету. Что самое неприятное, на мобильных устройствах Android с установленной Оперой то же самое - за границы экрана улетает левый край. В каком месте может быть хитрость?

    Asked by OVenGo, July 17, 2012

    0 votes
    6 answers
12. Не работает z-index для блока с position: absolute

    Добрый день! Есть абсолютно позиционированный блок с z-index: <div style="position: absolute; margin-top: -220px; z-index: 200"></div> И есть второй блок, у которого не заданы ни position, ни z-index. И этот второй блок отображается поверх первого. Почему так? Как сделать, чтобы первый отображался поверх второго?

    Asked by Koroed, May 31, 2014

    0 votes
    6 answers
13. Помогите разобраься с тегом!

    Здравствуйте! Помогите пожалуйста разобраться тегом. Ввожу такой тэг (чтоб при наведении курсора на картинку она менялась на другую): onmouseout="document.link1.src='image/logo.png'"> Когда вставляешь одну картинку, все нормально. Но когда добавляешь еще картинку, работать перестает. В чем дело? Может его надо как-то закрыть???? :| ЗАРАНЕЕ БОЛЬШОЕ СПАСИБО!!!!!

    Asked by Nicole, June 22, 2008

    0 votes
    6 answers
14. Выравнивание в теге <option>

    Приветствую всех! Нужно в теге <option> выровнять часть строки по левому краю, а часть - по правому. Рецепт Как разместить два слова на одной строке, чтобы одно выравнивалось по левому краю, а второе по правому? с помощью стилей не помог, а таблицы использовать не хочется. Есть ли другой способ?

    Asked by stalker_2000, August 20, 2008

    0 votes
    2 answers
15. не работает background: url

    Вот класс #u1{ width: 600px; margin: 10px 0 40px 0; float: right; right:630px; background: url(images/gerb1.gif) repeat-x; } Вот див </div> <div id="u1"> <img src="image/g.gif" alt="" border="0"> </div> Хотелось чтобы картинка заполнилась фоном, только не получается. вЧемпроблема?Я в css новичек, помогите!

    Asked by Admiral, April 14, 2009

    0 votes
    9 answers
16. Относительное позиционирование

    Ситуация следующая: Появилась у меня бредовая мысль сделать тень наложением друг на друга 2х объектов с относительным позиционированием. Всё получилось нормально, второй текст воспринимается как тень первого, НО начались "непонятки"... Если прокручивать окно в эксплорере, то эти тексты висят, так как бы я задал им позиционирование absolute. Файрфокс все показывает нормально - тоесть надпись уползает вверх вместе со всем остальным. Можно как-то вылечить эксплорер? Вот код: <div style="width:500px; float:right; padding:0; margin:0 auto;"> <H1>Текст </H1> <h2>Текст</h2> </div> И цсс к нему: h1 { position:relative; top:24px; text-align:…

    Asked by Raiden-=DM=-, November 3, 2009

    0 votes
    13 answers
17. горизонтальный список с графическими разделителями

    Помогите плиз! Задача стояла доверстать горизонтальное подменю, а опыта маловато... В результате получилось что адекватнее всего оно выводится в ИЕ6 Имею следующее: разделители в начале строки обрезаются (как и задумывалось) только в ИЕ6 и ИЕ7. В опере10 и ФФ 3.5 упорно не хотят скрываться. К этому всему добавилось то, что ИЕ7 не хочет переносить слово на вторую строку, обрывает на половине. В чем может быть проблема? Уже не знаю куда смотреть CSS .submenu2 { position:relative; float:left; width:550px; margin-bottom:5px; overflow:hidden} .submenu2 ul { position:relative; float:left; display: inline; width:550px; overflow:hidden;} .submenu2 ul li{ float: left; overflo…

    Asked by Kotyara, February 11, 2010

    0 votes
    13 answers
18. открытие результата обработчика формы в iframe

    Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…

    Asked by displayser, February 14, 2012

    0 votes
    3 answers
19. реально такое сверстать?

    Наконец-то дождался, когда зработает форум))) Здравствуйте. Подскажите пожалуйста, как можно реализовать такую структуру или это вообще невозможно?? 1. Блоки Article и Sidebar - одинаковые по ширине, но разные по высоте. 2. Блок Sidebar должен обязательно находится только справа. В голову нормальные варианты вообще не приходят)))

    Asked by decode, January 21, 2013

    0 votes
    18 answers
20. Идентичное отображение шрифта Lobster 1.4

    Здравствуйте! Столкнулась с проблемой отображения шрифта на компьютере Заказчика и моем. У Заказчика Mac, шрифт у него выглядит жирнее, у меня Windows. Сейчас подключаем с Google. Как решить данную проблему, чтобы у всех было одинаково? Попробую подключить через @font-face с помощью http://www.fontsquirrel.com/ Теперь вопрос: как правильно настроить его?

    Asked by Светлана Г., February 5, 2015

    • font
    • шрифты
    0 votes
    6 answers
21. Эффект скрытия текста при скролинге

    Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

    Asked by Akkord87, March 28, 2016

    0 votes
    2 answers
22. Проблема с картинкой в <DIV>

    Приветствую друзья! Возникла необходимость вставить картинку в , но проблема, слой переводит на другую строку картинку при передачи параметра align="right" в .CSS следующий: .blockHead { FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #004685; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; HEIGHT: 17px; BACKGROUND-COLOR: #EBEEF4 } Высота картинки 15px. Но проблема, крайне нежелеательно вносить изменения в CSS. Может кто сталкивался? Спасибо

    Asked by walek, October 18, 2007

    0 votes
    7 answers
23. Вопрос для гуру верстки

    Всем привет столкнулся вот с такой проблемой http://clip2net.com/clip/m32940/1273163333-clip-501kb.jpg все что помечено стрелочками должно быть за пределами экрана монтиора начиная от разрешения 1024 на 768 , без полосы горизонтальной прокрутки в браузере.Полоски слева и справа от контента репитится и снизу уголки должны быть внизу полосок.Помогите -"пиваза" поставлю материально))

    Asked by sertu, May 6, 2010

    0 votes
    7 answers
24. резиновая верстка

    Здравствуйте. Скажите, пожалуйста, у меня получилась резиновая верстка? По-моему не очень. Как улучшить? http://jsfiddle.net/30pezc2f/

    Asked by zolga7, November 18, 2015

    0 votes
    13 answers
25. Помогите!

    Здравствуйте. У меня проблема. Когда браузер раздвигаешь, слова съезжают с картинок, смотрится очень весело. Не подскажите какой скрипт отвечает за это. Ну или скажите (если есть) скрипт, который автоматически подгонял бы браузер под нужный мне размер. Заранее спасибо.

    Asked by SANR, December 28, 2007

    0 votes
    10 answers