HTML Coding

29542 questions in this forum

1. Какие размеры дисплеев нужно учесть

   Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?

   Asked by McLotos, August 17, 2014

   0 votes
   16 answers
2. вопрос по позиционированию

   Здравствуйте. Подскажите плз как в одном блоке разместить часть текста слева, а часть - справа? и еще: между двумя колонками в опере появляется полоска, как от нее избавиться?

   Asked by Izum, May 15, 2009

   0 votes
   9 answers
3. Скругленные углы

   Знаю, скругленные углы это заежьженая пластинка, но ничего конкретного по этому поводу не нашел, кроме одного, если кто знает прамир, дайте ссылку плз. Вот нашел это Мой макет: Проблема в том что левый нижний угол дублируется в диве, как на рисунке. Вот CSS: #content { width: 927px; height: auto; padding: 0 0px; /*background: #f8e6cc*/ background: #2a3742 url(images/bgg.png) repeat-x top center; /*полоса для градиента, если в ней причина, можно убрать*/ } .corners { background: url(images/left_top.png) top left no-repeat; } .corners div { background: url(images/right_top.png) top right no-repeat; } .corners div div { background: url(images/right_bot.png) botto…

   Asked by x11, July 28, 2009

   0 votes
   11 answers
4. фиксированный див при скролинге

   Здрасьте! подскажите ссылкой или примером, очень буду благодарен за помощь в следующей проблеме. Итак: если Mozila, Opera, Netscape понимают fixed, а какя альтернатива есть для IE ? спасибо откликнувшимся !!!

   Asked by kukurikan, November 7, 2009

   0 votes
   3 answers
5. мигающая ссылка

   нужно сделать мигающую ссылку на сайте ( и не одну) blink помоему работает только с текстом, а не с ссылками посдскажите как можно сделать такое? какими методами?

   Asked by tok24ua, August 17, 2010

   0 votes
   2 answers
6. text-decoration для текстовых ссылок но не для изображений внутри ссылок

   Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!

   Asked by Mihail_, February 16, 2011

   0 votes
   14 answers
7. Верстка , с чего начать ?

   Здравствуйте , вот хочу попробовать поверстать сайты. Но не знаю с чего начать. HTML и CSS знаю на нормальном уровне , то есть сделать статическую страницу по примеру вполне смогу. Но вот как научится верстать такие страницы которые сейчас обычно можно увидеть ? Пару раз работал с такими движками как Joomla и DLE , на DLE все показалось практически элементарно практически один HTML + CSS.Но вот с Joomla сразу все очень страшно показалось один PHP практически . Пробовал что-то редактировать, изменять , даже вроде неплохой сайт вышел , но делал по готовому шаблону из интернета (изменял его) . Но вот хотелось бы научится верстать как бы "правильно" , насколько я знаю сейчас…

   Asked by CROSP, November 14, 2013

   0 votes
   3 answers
8. 2 footer'а и масштабирование ширины в Bootstrap 3

   Делаю первый раз верстку под bootstrap — решил осваивать фреймворк и все такое. Проблема — «плывет» при сужении экрана. Он высокий, 400px, фоном стоит картинка. При сужении экрана столбцы, которые не помещаются по ширине, уходят вниз, но картинка не «размножается» по вертикали (вариант repeat-y не срабатывает так, как надо). Далее, под футером стоит еще одна строка (div height:80px) более темная по фону (в ней копирайты). При сужении экрана она не уходит вниз под все выстроившиеся вертикально колонки footer, а остается «прилеплена» к нему снизу, таким образом частично закрывая столбцы футера. Вот нормальный футер, который задуман: А вот после сжатия экрана: В вариан…

   Asked by TCAby, February 8, 2016

   • bootstrap 3
   • bootstrap
   • footer
   0 votes
   0 answers
9. Баннер

   Как сделать всплывающий баннер?

   Asked by Jon, December 1, 2007

   0 votes
   6 answers
10. как: фотки-ссылки были обведены рамкой

    хотел сделать на своей хтмл страничке что бы фотки-ссылки были обведены рамкой и рамка меняла цвет при наведении мыши. нашел сайт где так сделано. там был в теге <head> такой код: <STYLE TYPE="text/css"> <!-- a:hover { color: #0000CC} A .aimage{border: 1px solid; border-color: #000000} A:hover .aimage{border: #FFFFFF 1px solid} --> </STYLE> добавил я это код в <head> на своею страничку. в фаерфоксе2 - заработало, а больше нигде. однко та страничка откуда я брал код все делает как надо и во всех броузерах! как такое может быть ? ну не копипейстилка же потеряла код... подскажите где ошибка ?

    Asked by pribl, September 3, 2008

    0 votes
    4 answers
11. Защита сайта

    Привет. Пожалуйста оцените / дополните некоторые пункты для защиты сайта: Защита папок в которые грузятся аватарки, фотки и проч - .htaccess кидается в закрываемую папку # ЗАПРЕТ ЛИСТИНГА ВСЕХ ПАПОК И ПОД-ПАПОК Options -Indexes # ЗАПРЕТ ДОСТУПА К ФАЙЛАМ Order Deny, Allow Deny from all # ЗАПРЕТ НА ЗАПУСК ФАЙЛА RemoveHandler .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml AddType application/x-httpd-php-source .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml Защита файла который отвечает за вход в админку CMS 1. входим на страницу admin/admin.p…

    Asked by blacks, July 10, 2009

    0 votes
    6 answers
12. Идентификаторы в контекстных селекторах

    Доброго времени суток! Данное определение стиля не работает <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …

    Asked by Darkside, July 15, 2007

    0 votes
    5 answers
13. Баг масштабирования в IE7

    Верстая очередной макет наткнулся на интересный баг (а я считаю это багом). Как известно, в новом масштабировании, которое появилось в ИЕ7 страница масштабируется полностью (похоже на масштабирование в Опере). Баг в том, что масштабируется все кроме фона (background) для body или возможно вообще самого body. В данном конкретном макете это выглядит очень некрасиво. Пока ничего лучше не придумал, как дополнительный див, с установленным фоном, который должен быть у боди. Предлагаю обсудить другие возможные пути решения (если таковые существуют).

    Asked by Tokolist, January 27, 2008

    0 votes
    1 answer
14. прозрачность PNG vs IE6

    Есть шапка сайта. От шапки идет тень, которую видно если разрешение экрана выше чем 800 на 600. Тень прячется за края браузера не вызывая при этом горизонтальных полосок прокрутки если экран 800 на 600. Вс? это работает в опере, мозиле и IE7. Но гр?панный Internet Explorer 6, которым пользуется большое кол-во будущих посетителей не видит прозрачности PNG (в PNG сделана тень, т.к. для плавности GIF не подходит ). После некоторых манипуляций, IE6 вс?-таки стал видеть прозрачность, но при 800на600 появляется полоса прокрутки. Перерыл кучу ресурсов, но толкового решения не наш?л. Может кто подскажет возможно ли избавиться от этой проблемы и как это сделать?? Help WANTED! смот…

    Asked by шин, February 15, 2008

    0 votes
    4 answers
15. Как брать пробу цвета с веб-страницы?

    Здравствуйте! подскажите пожалуйста как можно узнать точный RGB-код цвета который используется на странице в интернете?

    Asked by makel, April 8, 2008

    0 votes
    9 answers
16. html-сущности как защита e-mail от спама

    Поможет ли замена всех символов email html-сущностями для защиты от спама? Я имею в виду, не писать на сайте в открытую: nam@gmail.com, а написать nam.com Обычный посетитель сайта зайдёт и узреет e-mail в нормальном виде, а бот наткнётся на гору html-сущностей (спецсимволов). И вот, хотелось бы узнать, поожет ли это? Защитит ли email от кучи спам-ботов?

    Asked by mishaga, March 10, 2011

    0 votes
    18 answers
17. Footer к низу страницы

    Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…

    Asked by TMGLUK, May 29, 2011

    0 votes
    10 answers
18. 2 дива прижать к третьему который ниже

    есть два дива, один имеет фиксированую высоту, а другой плавающюю, в зависимости от контента, как мне сделать так что бы второй который имеет фиксированую ширину имел нижнюю границу свою на одной линии с дивом который меняет свою высоту вот пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> body{ min-width: 400px; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ border: 1px solid #000; /* Параметры рамки вокруг */ padding: 5px…

    Asked by bezdna, October 12, 2007

    0 votes
    4 answers
19. вопрос по ссылкам

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

    Asked by anshinkai, February 14, 2008

    0 votes
    11 answers
20. Текст на баннере

    Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

    Asked by Алеся, May 5, 2021

    • html
    • css
    • container
    0 votes
    3 answers
21. figure внутри a

    Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …

    Asked by anvyd, August 14, 2015

    • html5
    • tags
    • figure
    • link
    • responsive
    0 votes
    5 answers
22. Неправильно работает в IE

    В Опере все нормально отображается ,а в IE почемуто верхнее меню перекосило. А у бокового картинку вообще не выводит. http://astoria.jino.ru/

    Asked by Astoria, January 4, 2009

    0 votes
    9 answers
23. Impact встроен в Windows?

    Шрифт Impact встроен в Windows?

    Asked by Sheena, March 25, 2009

    0 votes
    10 answers
24. проблема с border-bottom в браузерах отличных от OPERA

    Доброе время суток. Сделал свой первый макет сайта, но то что я задумал, нормально работает только в Opera. В остальных браузерах ни как не могу сделать. вот адрес по которому можно посмотреть страничку. Проблема в следующем. Есть навигация, при наведении курсора на ссылку, под картинкой должна появиться красная линия, но это происходит только в Opera, а в Safari v.3.2.1, Chrome v.3.0.196.0, IE 7/8 линия не видна, в Mozilla v.3.5.1 линия появляется, но ломает вёрстку. Подскажите, пожалуйста, как решить проблему.

    Asked by slo_nik, August 8, 2009

    0 votes
    11 answers
25. Проблема в IE6 Background для select

    Доброго времени суток, Уважемые форумчане. Есь вопрос. Как задать кроссплатформенно Background для формы select. Задача состоит в том, что на макете для формы select есть картинка. В FF и OPERA всё ОК, но в IE 6 наотрез отказываеться понимать запись: backkground:(../image/url to image.gif)no-reapeat 0 0; Может кто сталкивался с такой поблемой. Зарание спасибо за ответ.

    Asked by taran, September 16, 2009

    0 votes
    9 answers