HTML Coding

29542 questions in this forum

1. Проблемма с вёрсткой

   Вот вёрстка - http://ack.webatu.com/an/ В Mozilla Firefox, всё работает как надо. А вот в Chrome, Safari, Opera. - Отображение неверное... Слайд изображение имеет отступ от внешнего блока... Как только не пробовал не выходит...

   Asked by ohinem, October 7, 2012

   0 votes
   5 answers
2. Стиль

   У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это?? Текст в блоке " <div id="blockNav1">" <div id="nav"> <ul class="mainMenu"> <li style="border-left:none;" class="Diablo1">Diablo</li> <li class="warCraft2">WarCraft</li> <li class="wow3">World of WarCraft</li> <li class="starcraft4">StarCraft</li> <li style="border-right:none;">Войти или зарегистрировать</li> <div id="blockNav1"> <div class="closeBlock"></div> <span class="titlBlockNav">Навигация</span> …

   Asked by skvaer09, December 24, 2012

   0 votes
   6 answers
3. Форма

   http://htmlbook.ru/practical/poshagovaya-forma Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?

   Asked by jaster, March 6, 2013

   0 votes
   2 answers
4. Ребят, помогите, пожалуйста, с версткой.

   Проблема следующего характера: блок с контактами, карта и форма должны быть отдельными блоками, то есть, сначала идут контакты, справа от контактов идет карта, и под контактами находится форма. Помогите, пожалуйста, найти ошибку в коду, т.к. форма после всех манипуляций находится явно не насвоем месте (по фаербагу она залазит на контакты, да и так это видно). Привожу пример кода: <article class = "content" role = "main"> <div class="container"> <div class="sidebar"> <ul class="sidebar_list"> <li class="sidebar_item"><a href="#">Главная страница</a></li> <li class="si…

   Asked by Stranger, April 27, 2013

   0 votes
   2 answers
5. Как добавить верхнюю и нижнюю тени?

   Здравствуйте. Пробую на сайте добавить тени сверху и снизу от div с id citation следующим образом: не выходит. Как бы вы поступили? Дать тень выше стоящему div-у плюс добавить еще один обертывающий для задания второй тени? Благодарю

   Asked by borus, May 1, 2013

   0 votes
   6 answers
6. Подскажите хороший способ задания градиента для текста

   Подскажите хороший способ задания градиента для текста. Насколько я знаю есть плагины на jquery, не вызовут ли они тормозов? (не подскажете неплохой плагин, которым вы пользуетесь?) Прозрачная картинка через span - делает невозможным нормальное выделение текста - верно? Может есть css3 возможность сделать градиент? Если да, то какова кроссбраузерность метода?

   Asked by Zverushka, October 27, 2013

   0 votes
   6 answers
7. тег <a> перед <li> выдает ошибку в валидаторе HTML

   Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…

   Asked by Nailya, March 14, 2014

   0 votes
   4 answers
8. Отступ от новости

   Как навигатор отлепить от картинки? (http://truebooks.ru/page/2/). Пробовал margin, не помог, или я его не туда впихнул,хз

   Asked by JohnBondlock, April 19, 2014

   0 votes
   5 answers
9. Как скомпоновать сайт?

   Я хочу создать сайт. По строению он будет как flickr.com (главная страница). Т. е. - разделение на 5 блоков с закрепленным хедером. Какими тегами я смогу добиться результата и как это оформить в css?

   Asked by opiumniy, January 5, 2015

   • css
   • html
   0 votes
   2 answers
10. Включить таймер

    На старом шаблоне устанавливали таймер "До конца акции осталось ...", теперь поставил новый шаблон, вставил туда код этого таймера. Сам таймер появился, но сами часы не работают. Может где-то в яваскрипте прописать нужно путь к новому шаблону?

    Asked by svang, April 4, 2015

    0 votes
    5 answers
11. Оцените верстку

    Всем привет. Хотел бы чтобы вы проверили мою верстку http://verstka-primer.esy.es/world/ Макет, для многих легкий но я хотел бы чтобы вы мне показали как лучше сделать тот или иной элемент. Надеюсь, что там не так все плохо )

    Asked by Shenia132, April 9, 2015

    • верстка
    0 votes
    0 answers
12. background-image в td

    Доброго время суток. Проблема в следующем. Имеем таблицу с текстом - нужно снизу справа расположить background картинку. Как лучше реализовать? <table width="219" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"><img src="images/strelka.jpg" width="9" height="7"> <a href="http://u-i-m.ru/">О нас</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/component/option,com_virtuemart/Itemid,51/">Интернет-магазин</a><br> <img src="images/strelka.jpg" width="9" height="7"> <a href="/content/blogcategory/1/30/">Новости</a><br> <img src="images/strelka.j…

    Asked by tomclancys, December 4, 2009

    0 votes
    2 answers
13. Скроллинг в ячейке таблицы

    <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> .full{height:100%; width:100%; margin:0px;padding:0px; border:3px;} #scrollable-container {height:100%; width:100%; overflow: auto; position: relative; } #relative {min-height: 0; position: relative; width:100%;} label { display: inline-block;} label.error { width: auto; margin-left: 10px; color: red; font-style: italic; } label.ok { width: auto; margin-left: 10px; color: green; font-style: italic; } input.pole { width: 250px; border: 1px solid black; } input.error { border: 1px solid red; } </style> <sc…

    Asked by KVA, February 17, 2010

    0 votes
    1 answer
14. возникает рамочка вокруг посещенной ссылки

    примитивное горизотальное меню, организованное с помощью ссылок, без эффектов, красные буквы на белом фоне. При нажатии и после того, как сходил на другую страницу и вернулся, вокруг пункта меню появляется рамочка. После обновления страницы исчезает... Как избавиться???

    Asked by uncleChalex, October 7, 2010

    0 votes
    4 answers
15. Высота блока (Использование вложенных слоев)

    Подскажите как задать высоту блока с использованием вложенных слоев и чтобы без скролла было. Вот что имею, а скролл все равно есть: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Высота блока</title> <style type="text/css"> html, body { height: 100%; /* Высота родителя */ margin: 0; /* Убираем отступы у страницы */ } .layer {height:100%; } .layer div{ height: 100%; /* Высота */ background: #fc0; padding: 20px; border: 1px solid #000; } </style> </head> <body> <div class="layer"> <d…

    Asked by creaturee, August 31, 2011

    0 votes
    5 answers
16. background-size

    Добрый день! Вот что выдает валидатор http://validator.w3.org/ 21 .shapka Свойство -webkit-background-size не существует : 100% 22 .shapka Свойство -o-background-size не существует : 100% 23 .shapka Свойство -moz-background-size не существует : content-box 77 .spisok Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% 103 .razdel Свойство background-size не существует в CSS2.1, но существует в [css3] : 100% 100% Как быть? Может где то у меня нужно указать что это css3 или как то по другому написать сам css. Вот мой кусок css .shapka { position: absolute; height: 13%; width: 88%; left: 0%; top: 0%; right: 0%; bottom: aut…

    Asked by Petro21, November 2, 2011

    0 votes
    5 answers
17. Проблема с background-attachment в Firefox

    Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?

    Asked by me_alex, December 4, 2011

    0 votes
    6 answers
18. css + ul :: как сделать следующее (рис)..

    как этот список оформить с помощью css или jquery? спасибо всем

    Asked by kay05, August 15, 2012

    0 votes
    3 answers
19. Фоновый рисунок

    Я уже замучился. . . Никак не могу сделать, чтобы картинка растягивалась на всё окно фрейма. Вот index.html: <!DOCTYPE html> <html> <head> <title>Successful Life</title> <meta charset="utf-8"> <meta name="keywords" content=""> <meta name="description" content=""> </head> <frameset rows="40% , *" frameborder="0"> <frame src="head.html" name="HEAD" scrolling="no" noresize> <frameset cols="25% , *"> <frame src="menu0.html" style="background: #fda" name="MENU0" noresize> <frame src="content0.html" style="background: #abc" name="C…

    Asked by Mr_ILYAS, August 31, 2012

    0 votes
    2 answers
20. Кастомные шрифты

    Добрый день друзья, вставляю кастомный шрифт с помощью следующего кода @font-face { font-family: 'sss'; src: url('fonts/sss.eot'); src: url('fonts/sss.eot?#iefix') format('embedded-opentype'), url('fonts/sss.woff') format('woff'), url('fonts/sss.ttf') format('truetype'), url('fonts/sss.svg#TerminalDosisMedium') format('svg'); } шрифт формата .ttf скачивал с fontzone.net, а конвертировал через сервис http://onlinefontconverter.com/ ну шрифт правильно отображается только в opere, а еще бы хотелось бы в мозиле с 3.6 и в гугл хроме, что не так? Или оставить один ttf ну в мозиле все равно не работает..... даже в самой новой, для мозилы…

    Asked by Hol1killer, September 11, 2012

    0 votes
    3 answers
21. src: local('Cuprum')

    Здравствуйте. Встретил подключение шрифта: @font-face { font-family: 'Cuprum'; font-style: normal; font-weight: 400; src: local('Cuprum'), local('Cuprum-Regular'), url(http://themes.googleusercontent.com/static/fonts/cuprum/v4/wHBEZCjwNI3HN2fD1RQJgw.woff) format('woff'); } Хочу использовать на своем сайте. В справке по @font-face не нашел, что означает запись типа local('Cuprum'). Это проверка в ОС клиента установленного шрифта с названием Cuprum?

    Asked by borus, October 11, 2012

    0 votes
    1 answer
22. Не стандартый вет ссылок

    Доброе время суток ! Не получается добиться ,что бы ссылка была черного цвета при наведении красного а посещенная была тоже черного a:link{color:#000000;font-family:Minior pro regular !important; font-size:14pt; } a:hover{color:#ff0000;} a:visited{color:#000000;} работает только в мазиле и IE в опере ссылки только черные и при навидение ничего не меняется Как с этим бороться ? Спасибо !

    Asked by glzobilo, October 19, 2012

    0 votes
    2 answers
23. width

    Чем отличается max-width от width, и min-width от width ?

    Asked by rpmcmerphy, November 26, 2013

    0 votes
    11 answers
24. div внутри div по центру

    Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }

    Asked by SLameN, April 21, 2014

    0 votes
    5 answers
25. Адаптивный слайдер

    Здравствуйте! Подскажите, пожалуйста, как сверстать такой вот адаптивный слайдер или может быть есть подобные в сети? Важно то, что бы изменялся фон и автор проекта, а так же имя и название. Что бы все было ссылкой. Буду очень благодарен!

    Asked by volshebnyi, May 28, 2014

    0 votes
    7 answers