HTML Coding

29542 questions in this forum

1. выравнивание по центру - пропадает часть при сдвиге окна

   Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }

   Asked by Dasha, July 18, 2012

   0 votes
   7 answers
2. Текст по центру

   http://cssdeck.com/labs/hvhc0no2 Парвильно я установил текст по центру или же есть более адекватные методы ?

   Asked by extrabass4, January 10, 2014

   0 votes
   15 answers
3. Кастомизация оригинального поиска Яндекс

   Здравствуйте! Решил разместить у себя на сайте поиск от яндекса. Есть сверстанная форма поиска. Но я не могу к ней "прикрутить" поиск от яндекса. Вот моя форма поиска - http://jsfiddle.net/MmQ4R/ Помогите, пожалуйста, прикрутить к ней поиск от яндекс. Заранее благодарю!

   Asked by volshebnyi, January 27, 2014

   • поиск
   0 votes
   1 answer
4. Прослонящиеся и нет блоки div

   Всем привет. Ребят помогите с версткой, прилагаю образец, результат, код. Как надо - У меня получилось так - проблемы - 1) 1 и 2, 3 и 4, 5 и 6 блоки (блоки категорий) должны находится на одной высоте по отношению к друг другу 2) "подкатегории" должны прилипать друг к другу 3) лишний отступ код: <div class="category_list"> <div class="category"><div class="title">Дизайн-студия</div><div class="subcategory_list"> <div class="subcategory"><div class="bullit"><img src="img/bullit.png" alt=""></div><div class="subcategory_desc"><a>Айдентика:</a><span>разработка логотипов, фирменных стилей, бре…

   Asked by bpystep, February 4, 2014

   • display
   • float
   • div
   • прислоняться
   0 votes
   1 answer
5. Адаптивная вёрстка. Как правильно подойти?

   Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…

   Asked by tigrus2014, June 12, 2017

   0 votes
   2 answers
6. Нужна помощь. Я далёкий.

   Здравствуйте, я так сказать начинающий и многое не знаю . Суть такова , есть сайт от конструктора но там скрипты не поддерживает ( Так написал мне админ конструктора: К сожалению стандартный функционал сайта не дает возможности вставлять скрипты в конструктор.. У видел в одного пользователя так же сайт от данного конструктора на котором он разместил ссылку на другой сайт как бы в рамке, показываю скрин. как он мог вставить ссылку на сторонний сайт где текстовая реклама ( как бы на сайте сверху этого сайта другой сайт только в уменьшённом виде . Вот мое меню админа где могу редактировать

   Asked by dimor1986, December 5, 2017

   • ссылка
   • ссылка в октивном окне
   0 votes
   2 answers
7. Проблема с ссылками

   Всем привет! Друзья вебмастеры по возможности помогите в решении проблемы! Дело в том, что у меня возникла парадоксальная ситуация, заключается она в том, что тег <a> (ссылки) отказывается работать и не перенаправляет на нужную страницу. При разработке сайта я встроила одно горизонтальное меню. Оно было уже с готовыми решениями. Кроме html и css в ней ничего нет. Ссылки обернуты тегами ненумерованного списка <li> и не работают, хотя страницы эти есть. Когда эти же ссылки тупа размещаю в контенте все работает, а в меню отказывается. Сайт вообще только на html и css пока. Впервые такое встречаю. Если у кого было такое или есть мнение поделитесь пожалуйста. …

   Asked by Aliona108, April 2, 2018

   0 votes
   5 answers
8. особенности map area в Firefox

   Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, пример простой, о ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width="200" …

   Asked by dubist, September 18, 2008

   0 votes
   1 answer
9. A:Link,hover каряво работет в Опере

   что происходит тут?

   Asked by <v>, February 5, 2009

   0 votes
   4 answers
10. Как применить стиль только к таблице-контейнеру

    <style type="text/css"> table#cntab {border-collapse:collapse} table#cntab td, table#cntab th {border:solid 1px black} </style> <table id="cntab"> <tr><th>Column</th><th>Feature</th></tr> <tr> <td>ID</td> <td> <asp:RadioButtonList ID="IDColOption" runat="server"> <asp:ListItem Value="ordinary" Text="Ordinary column"></asp:ListItem> <asp:ListItem Value="pk" Text="Is primary key"></asp:ListItem> <asp:ListItem Value="pkafter" Text="Primary key applied after filling"></asp:ListItem> </asp:RadioButtonList> </td> </tr> <tr…

    Asked by Webr, April 23, 2009

    0 votes
    2 answers
11. : Подскажите как сверстать такой поиск, не могу привести к кросбраузерности

    Здравствуйте! есть такой поиск, левая и правая сторона должна быть фиксированая, а сама строка поиска резиновая. Как я делал слева в фиксированую три слова, справа кнопку+чекбокс+лейбл, центральная была резиновая. Инпуту даю 100% он то растягиваеться вроде норм, но в остальных браузерах просто жесть. В фф норм, в ие6 даже норм, в ие7 и хроме не видна левая и правая сторона только центральный резиновый блок вообще не пойму почему, в опере тоже самое. Как можно сверстать его, таблицы юзать нельзя, может есть где пример был бы очень и очень благодарен. Жесть вроде все просто и нифига не выходит да и такие глюки именно в новых браузерах, фиг найдешь почему так происходит.

    Asked by voooodoo, April 12, 2010

    0 votes
    1 answer
12. Нужна помощь

    Всем привет!я начал делать сайт и когда захотел ввести контент на сайт то сталкнулся с такой проблемой как ТЕКСТ!!! как вы видите на моем "сайте" текс вводится как-то неправильно!он сам автоматически как-то переносит строчки!даже побывал сделать в таблице все равно такая проблема!!Проблему я нашел это из-за меню!!! Код сайта!! <html> <head> <style type="text/css"> #flag { position: absolute; top: 0; left: 0; } body { background-image: url(http://s017.radikal.ru/i416/1111/5a/f64c420fd930.png); background-position: 10 100; background-repeat: repeat-x; } #levaya { position: absolute; top: 120; } #pravaya { position: absolute; top: 120; le…

    Asked by koroles, November 5, 2011

    0 votes
    15 answers
13. Полоса прогресса

    Решил выполнить упражнение на сайте http://htmlbook.ru/practical/indikator-vypolneniya . В принципе, решение автора задачи мне ясно. Но я хочу понять свою ошибку. Далее привожу написанный мной код. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Полоса прогресса</title> <style type="text/css"> .time { border: solid 1px #000000; width: 250px; position: relative; } .leftnum, .rightnum { position: absolute; height: 100%…

    Asked by ListOFF, August 14, 2012

    0 votes
    4 answers
14. Непонятки с 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
15. колонки списка одинаковой высоты

    помогите пожалуйста решить проблему. устроит даже css3-, js-решение есть <ul><li> список. длина строк в каждом <li> очень различается. необходимо преобразовать этот список в 3 колонки равной высоты в сети много js-решений, но они мне не подходят. проблема в том, что из-за разницы в длине строк получается примерно такой результат. мне же нужны колонки одинаковой высоты

    Asked by cyklop77, November 23, 2012

    0 votes
    6 answers
16. Позиционирование блоков

    Проблема такова, по горизонтали 4 блока ,не могу понять как сделать ,чтоб при добавлении блоков они вставали друг под другом? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>our team</title> <link href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function blinkIt() { if (!document.all) return; else { for(i=0;i<document.all.tags('blink').length;i++){ s=document.all.tags('blink'); s.style.visibility=(s.style.visibility=='visible')?'hidden':'visible'; } } } </script> </head>…

    Asked by romeo753, January 27, 2013

    0 votes
    10 answers
17. Съедается часть кода при отображении на странице

    Здравствуйте! У меня такой вопрос: Когда я добавляю не просто текст, а код на С++ то после добавления часть кода съедается. Чтобы было понятно вот ссылка:http://torrent.uweek.ru/ там можно всё посмотреть. Как сделать так, чтобы код не съедался? p.s. я уже задавал этот вопрос в другой своей теме (вот она: http://forum.htmlbook.ru/index.php?showtopic=44469 ), но т.к. там другой title, я подумал что целесообразно создать отдельную тему, чтобы больше людей увидело. p.p.s ветка форума вроде подходит)

    Asked by The Norb, April 25, 2013

    • C++
    • Code
    0 votes
    5 answers
18. резиновый div

    Всем привет. Возможно ли сделать div1 резиновым в такой конструкции: <div1> <div2></div> </div> .div2 {position:absolute;}

    Asked by SnowWind, June 16, 2013

    0 votes
    7 answers
19. Горизонтальное меню

    Есть блок div с шириной 900px и с высотой 40px. В ней создан список li со ссылками внутри. 5 штук. Как сделать что бы был отступ с левого и правого борта блока на 41px, а остальное растянулись исходя из этого? Да и как выравнить сами ссылки по центру блока?

    Asked by CroaToa, February 3, 2014

    0 votes
    11 answers
20. Пример верстки логотипа

    Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

    Asked by borus, March 22, 2015

    0 votes
    8 answers
21. Проблема верстки шапки и слайдеров

    Здравствуйте. Я начинающий верстальщик. Возникла проблемы такого характера: 1. Не знаю как сверстать меню в шапке (см. рисунок). Как я вижу логотип расположен посредине меню. Никогда раньше с таким не сталкивался. Решения пока не нашел. 2.Возможно ли создание подобный слайдеров? С такими тоже раньше не встречался. Кроме того, даже не представляю, как такое потом реализовывать (к примеру на том же wordpress). Буду рад за любые соображения по этому поводу.

    Asked by blackgeneral, September 4, 2015

    • верстка шапки
    0 votes
    10 answers
22. Справочники по html xhtml и css

    Подскажите пожалуйста где можно заказать справочник 3 в 1 по html xhtml и css (не электронное издание) в каком интернет магазине можно заказать,не могу найти

    Asked by Юрий04, October 16, 2015

    0 votes
    6 answers
23. Блок div не растягивается в высоту.

    Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css

    Asked by GLOCTARR, March 23, 2016

    0 votes
    4 answers
24. Код не проходит валидацию

    Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!

    Asked by Zakonoposlushniy, August 10, 2016

    • код валидация
    0 votes
    2 answers
25. Выравнивание блоков

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>FlexBox</title> <style> body { padding: 0; margin: 0; } .container { position: absolute; background: red; width: 40%; word-break: break-all; padding: 5px 5px; margin: 60px auto 0 5%; } .lol { width: 400px; height: 400px; background: black; margin: 7.1% auto 0 50%; } </style> </head> <body> <div class="container"> <span> Husbands ask repeated resolved but laughter debating. She end cordial visitor noisier fat subject general picture. Or if offering confined entrance no. Nay…

    Asked by ErUnDAK, July 6, 2017

    • html
    • css
    0 votes
    4 answers