HTML Coding

29542 questions in this forum

1. Input type text сделать резиновым

   Собственно САБЖ. Вот код: http://jsfiddle.net/dJrD5/ Пытался сделать с помощью min-width и max-width, но ничего не вышло.

   Asked by Tobey, April 19, 2014

   0 votes
   4 answers
2. Трапеция? Неправильный прямоугольник?

   Добрый день. Подскажите, как можно заверстать вот такие штуки? Без картинок. http://prntscr.com/anvzcp http://prntscr.com/anvzgx http://prntscr.com/anvzpg Спасибо!

   Asked by necro, April 4, 2016

   0 votes
   5 answers
3. Проблема

   Здравствуйте! Хочу создать php код для загрузки изображения на сервер на выбранные области карты как прикреплено внизу. Чтобы когда зашел посетитель он мог выбрать любое фото у себя и загрузить его на любую область карты, как можно это сделать? Спасибо

   Asked by Di110, February 12, 2017

   0 votes
   0 answers
4. Проблема с переносом подчеркнутого текста

   Как сделать, чтобы при переносе подчеркнутого текста это подчеркивание не съезжало вниз (см. картинку), а фиксировалось под словами? Для примера желаемый вариант выглядел бы как "Описание Описание Описание Описание Описание"

   Asked by DmitriyS, July 28, 2017

   0 votes
   3 answers
5. Что входит в html и css верстку

   Объясните пожалуйста, что входит в работу html, css верстальщика. Также интересует вопрос: нужно ли делать формы или popUp окна, а если и делать, то каким функционалом мне их наделять будучи html, css верстальщиком?

   Asked by Oloref, June 13, 2018

   • html
   • css
   • вёрстка
   0 votes
   1 answer
6. Оптимизация меню

   <style> * { padding: 0; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #menudiv { padding-right: 8px; height:17px; border-top: solid 3px #ef3e35; background: #eaeaea; } .menu { width: 100px; margin-left: 1px; float:right; background: #ef3e35; font-size: 11px; color: #fff; text-decoration:none; text-align:center; display: block; } .menu i { display: block; border:#eaeaea 4px solid; border-top-color:#ef3e35; border-bottom-width:0; } .menu:hover { background-color:#007fc3; color: #fff; } .menu:hover i { border-top-color:#007fc3; } </style> <div id="menudiv"> <a href="news.htm" class="menu" onMouseOut="documen…

   Asked by chus, December 21, 2007

   0 votes
   1 answer
7. Помогите с позиционирование простой структуры блоков

   Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…

   Asked by artpol, June 12, 2010

   0 votes
   5 answers
8. CSS: объемлющий селектор

   Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?

   Asked by warobushek, June 25, 2010

   0 votes
   5 answers
9. expression max-width для IE6

   С min-width понятно - width: expression(document.body.clientWidth > 970? '100%': '970px'); А как быть с max-width в IE6? Есть такой экспрешн?

   Asked by Verder, August 14, 2010

   0 votes
   2 answers
10. Вопрос по верстке в две колонки

    Здравствуйте, только начинаю изучать верстку возникает много вопросов, например по верстке в две колонки, показали пример <div id="all"> <div id="out"> <div id="right"> </div> </div> <div id="left"> </div> </div> вопрос, вот в чем: для чего будет использоваться <div id="out"> ведь можно просто поменять местами <div id="left"> и <div id="right">, и второму задать маржин, на ширину первого, а первому флоат,подозреваю что это как то связано с фоном но "допетрить" сам не могу, я прощу прощения если вопрос глупый и ответ будет очевидным но опять же повторяюсь я начинающий а спросить не у к…

    Asked by Vasdram, June 16, 2011

    0 votes
    4 answers
11. Безопасная ширина, разрешение, шрифт

    Хотя собираюсь всё это дело реализовывать потом через JS, вопросы относятся, скорее, к вёрстке. 1. Безопасная ширина? Для 1024x768 рекомендуют от 950 до 960, а что для других разрешений? Где-то можно получить такую информацию? 2. Вопрос проистекает из предыдущего. А можно ли нарваться на нестандартное разрешение? Например, 1024x750? Это важный момент, так как его придётся учесть, чтобы не задать жёстко, а потом жалеть. 3. Какой размер шрифтов уместен под разные разрешения? Под 1024x768 часто используют 12px. А что использовать под более высокие и низкие разрешения? Всем спасибо!

    Asked by thekap, December 4, 2011

    0 votes
    2 answers
12. макет с двумя колонками одинаковыми по высоте

    Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body { width:100%; height:100%; margin:0; padding:0; } * html #content { height: 100%; } body { background: blue; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; height: 100%; } .header { background: red; position: relative; height: 356px; width: 998px; ma…

    Asked by xenon6, December 6, 2011

    0 votes
    5 answers
13. Помогите убрать пробел между divами

    Делаю сайт. Шаблон у меня частично на дивах, частично в таблицах. Возникла такая проблема: не могу убрать пробел между горизонтальным меню и блоком "контент". Как сделать floatОМ так и не понял, пустой див с нулевыми размером шрифта и высотой вроде бы помогает, но тогда половина горизонтального меню не отображается. Вот код шаблона html: <div id="main"> <header> ?<div id="header"><table align="center" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="30%"><div id='logo'><img src="logo.png" alt="" height=100px weight=200px></div></td> <td valign="bottom" width="50%" id="name"><…

    Asked by Perezzloy, July 14, 2012

    0 votes
    7 answers
14. Якорь для вкладки

    Помогите сделать ссылку якорь для любой из вкладок сайта http://kopiichasov.ru/direct.php

    Asked by top10, February 11, 2013

    0 votes
    1 answer
15. Добавление тега <p>

    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …

    Asked by GstarMax, June 4, 2013

    0 votes
    9 answers
16. @media Медиа запросы

    Народ, помогите разобраться в медиа запросах. написал в css файле 2 вида стилей. Для обычного десктоп и для телефона. Но обычный почему-то все равно немного перебивает стили. В чем проблема? вот html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" media="screen and…

    Asked by FotGOD, October 13, 2018

    0 votes
    2 answers
17. Сайт не отображает блок

    Первый раз создаю сайт на хостинге. Не видит блок о компании. Он в конструкции есть, на сайте пустота.

    Asked by marizza40, November 13, 2019

    • css
    0 votes
    1 answer
18. CSS Для печати

    Решил протестировать свой сайт плагином Web Developer 1.1.6 для мозилы, посмотрел во вкладочке css какой вид будет для печати, у меня там один див выплывает, скажите как мне сделать отдельный css для печати и как его крепить?? И как мне на страничке сделать действие на печать чтоб грубо говоря была ссылка РАСПЕЧАТАТЬ и по нажатею на нее открывлся либо просмотр либо сразу печать...

    Asked by woofs, January 25, 2009

    0 votes
    4 answers
19. Выбор css

    Можно ли дать пользователям возможность выбор таблицы стилей при заходе на сайт? Базы пользователей нет, поэтому выбор я представляю себе что-то вроде мелких картинок сайта, с разным оформления, и какой гость выберет, то оформление и будет. Если это можно реализовать, то как?

    Asked by Юрий2008, February 6, 2009

    0 votes
    3 answers
20. div'ы внутри div'а

    Добрый день. Есть следующая ситуация: div, внутри которого еще два div'a. Нужно, чтобы внешний див растягивался в высоту по большему из внутренних. Соответственно, сейчас в случае, если один из внутренних дивов по высоте больше внешнего, он просто располагается поверх. Что пробовал: 1) Не указывать высоту внешнего дива. Внешний див создается высотой в 1 пиксель, внутренние идут поверх. 2) Выставлять всем троим display: block; - никакого эффекта. 3) Выставлять внешнему display: table; а внутренним - display: table-cell; . Верстка летит к чертям, других эффектов нет. Заранее благодарен за помощь.

    Asked by Simior, August 6, 2009

    0 votes
    3 answers
21. Таблица на всю страницу!

    Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!

    Asked by Prokopov Nikolai, October 13, 2009

    0 votes
    3 answers
22. аномальная навигация

    Всем привет, захожу сегодня на сайт http://portal-knyazeva.ru вроде всё, как обычно. Щёлкаю по первой попавшейся статье и обнаруживаю, что внизу статьи появилась аномальная ссылка-ячейка (< Предыдущая Следующая >), которая мало того отвратительно выглядит, с какой-то не понятной границей, так я и вообще никогда эту навигацию не создавала. Просматриваю код элемента, вижу следующее: <table align="center" class="pagenav"> <tbody> <tr> <th class="pagenav_prev"> <a href="......"><Предыдущая</a> </th> <td width="50" </td> <th class="pagenav_next"> <a href="......"><Следующая</a> </th> Вроде …

    Asked by joomgirl, January 14, 2010

    0 votes
    6 answers
23. drupal проблема с классами

    Привет всем верстаю для сайта на drupal 7, возникла проблема. Установил модуль fivestar (оценка материала), соответственно, делаю для него красивые рамочки. Но есть загвоздка, там существует два режима, когда зарезанный пользователь смотри и просто гость. Для зареганого я назначаю, такой код: form.fivestar-widget { display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит это так: Затем я добавляю класс в css, это как-бы получается для зарегистрированных пользователей: .fivestar-static-form-item{ display: inline; float:right; border: 1px solid #D3D7D9; padding: 20px; margin-bottom:-50px; } Выглядит, это …

    Asked by Kerny, July 10, 2011

    0 votes
    6 answers
24. Неправильное отображение в IE

    Всем Привет! Eсть сайт magicsmile точка cz и с ним такая проблема, он во всех браузерах отображается нормально, кроме IE7.(с первой страницей все ок, но при переходе на другие поплыл дизайн) В IE 9 все нормально. что здесь не так?.

    Asked by Demeus, July 27, 2011

    0 votes
    4 answers
25. Вопросик по CSS3

    Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди …

    Asked by Spamol, October 30, 2011

    0 votes
    10 answers