Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. form: ссылка action. radio: выбор по умолчанию

    как сделать чтобы форма выдавала ссылкой кроме выбора варианта еще и мои переменные action="index.php?compact=1&wn=7" на практике получается передается только выбор варианта radio. и как можно сделать пункт radio по умолчанию выбранным?

    Asked by HotCoffee,

    0 votes
    4 answers

  2. помогите нужно добавить модуль для ucoz

    Здавствуйте, у меня сайт на ucoz и я с html не разбираюсь Скажите пожалуйста куда и как это сувать? говорят между тегами <head> и </head> это как? В head: <style type="text/css"> .tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;} .tdfr img {opacity:0.65; filter:Alpha(Opacity='65');} .tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; } .tdfr a, .tdfrh a {font-size: 9px;} .deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');} #capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;} .moreFr {border-top: 1px solid #C2C5CA; pad…

    Asked by Somov,

    0 votes
    11 answers

  3. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

    Asked by Unger,

    0 votes
    16 answers

  4. Оффсет для списка

    Всем доброго времени суток! Интересует такой вопрос: как делать отступы для элементов списка <li>, да не простые, а такие чтобы отступ каждого последующего элемента увеличивался по сравнению с предыдущим на некое заданное значение как здесь: http://prntscr.com/3ucu83 Как сделать чтобы отступ каждого последующего элемента списка был больше отступа предыдущего элемента? Есть ли какой нибудь универсальный псевдокласс или элемент где можно бы было задать параметр увеличения отступа, чтобы не прописывать отступ на каждом элементе отдельно?

    Asked by betmakh,

    0 votes
    20 answers

  5. Эффект скрытия текста при скролинге

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

    Asked by Akkord87,

    0 votes
    2 answers

  6. разметить текст блока с кратким описанием языка HTML

    Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…

    Asked by vea_victis,

    0 votes
    1 answer

  7. Две колонки

    Я хочу создать страницу, которая выглядит так: __________________ |Заголовок | |_________________| ___ ____________ |m | | Контент | |___| |___________| m - меню, ширина - 150 px Контент - вся оставшаяся ширина Между ними расстояние в 15 px. CSS такое: .menublock{ border: 1px dashed; padding: 3px; margin-bottom: 10px; margin: 3px; margin-right: 10px; background-color: #DFD; float: left; width: 150px; display: block; } .pagecontent{ position: relative; border: 1px dashed; padding: 3px margin: 3px; background-color: #DFD; } .header{ background-color: #DFD; padding: 3px; display: block; } HTML: html> <head> <link rel="stylesheet" type="text/css" href="site.…

    Asked by Arrest,

    0 votes
    2 answers

  8. Скролбар в диве, опускание вниз

    Нужно сделать мини чат, и требуется, чтобы сообщения в диве отображались внизу дива. Т.е. когда див чата оверфлоу (переполняется), и срабатывает прокрутка, нужно, чтобы старое уползало вверх, а див сам прокручивался вниз и показывал новые мессаги. Не соображаю, как сделать, подскажите, пожалуйста. Набросал примерный код для теста: (почему-то в фаерфоксе при добавлении строки из message в chat, содежримое chat выравнивается по центру, а при переполнении chat, прокрутка не появляется... помогите и с этим разобраться, пожалуйста) <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <bod…

    Asked by partiz,

    0 votes
    4 answers

  9. Растяжение хедера и футера

    Как побороть проблему: Есть футер прижатый к низу средствами CSS, хедер и основная часть. Если в основной части контент шире чем окно браузера, то появляется горизонтальный скролл. Если прокрутить его влево, то будет видно что подвал и шапка остались своего размера, а надо чтоб тянулись. Пример: http://vindex10.24ua.com/ Собственно сам документ: index.php <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Блаблабла</title> <link rel="stylesheet" href="work/footer_down.css" /> <link rel="stylesheet" href="work/main.css" /> </head> <body> &…

    Asked by Victor Ananiev,

    0 votes
    5 answers

  10. Проблемы С Передачей Данных В Html Коде Через Кнопку Submit

    Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...

    Asked by Guest Гость_Денис_*,

    0 votes
    4 answers

  11. Неупорядоченный список

    Собственно - сам вопрос: Реально ли сверстать такое меню на неупорядоченном списке? Проблема в том, что я не могу придумать, как сделать эти разделители... Есть у кого-нить варианты? Был вариант сделать через фоновый неповторяющийся рисунок, но элементы li не растягиваются по высоте на 100%...

    Asked by DjTarik,

    0 votes
    10 answers

  12. SEO верстка

    Здравствуйте, есть двухколоночный макет с прижатым футером <!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"> html, body {margin:5;height:100%;} #wrapper { height:auto !important; height:100%; min-height:100%; min-width:800px; } #header { height:200px; } #left { float:left; width:200px; } #right { top: 0px; margin-left:200px; } #spacer { height:100px; } #footer { height:100px; margin-top:-100…

    Asked by Guuurd,

    0 votes
    8 answers

  13. Резиновый макет.

    Добрый день! Месяца два назад не смог сверстать макет, так как не по силам было, но теперь решил вернуться. Проблема сейчас в том, что Mozilla Firefox 2.0.0.17 шапка делает лишний отступ после того, как ставлю блок со свойством float: right, в других браузерах все как положено. В чем причина? Макет. Суть ошибки. Верстка

    Asked by Red Planet,

    0 votes
    8 answers

  14. Изменение цвета рамки у поля при фокусе

    При фокусе текстового поля цвет рамки должен меняться на цвет #663d15 Вот так: Использую :focus, но это не дает никакого эффекта http://codepen.io/anon/pen/RNMbNa

    Asked by yaparoff,

    0 votes
    4 answers

  15. Загрузка данных в поле 1-ого фрейма, при нажатии на ссылку 2-ого фрейма

    Мне нужно, чтобы при нажатии кнопки во втором фрейме, происходила загрузка в первом фрейме, но у меня вместо этого происходит ошибка. index.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> <script> view_frames(); </script> </head> <body> </body> </html> page1.html <!DOCTYPE html> <html> <head> <script type="text/javascript" src="frames.js"></script> </head> <body> <!-- поле куда надо загрузить данные --> <input type="text" id="debug'"> </body> </html> page2.html <…

    Asked by Katerina23,

    0 votes
    7 answers

  16. Народ нужна помощь

    Кроче дело обстоит так .Задаю <html> <head> <style> div.main{border:1px solid #ccc;width:100%;} </style> </head> <body> <div class="main"></div> </body> </html> Так вот проблема в том что все браузеры нормально(ну тоесть рисуют черту) ,а вот IE6 рисует div выстой 10px ....думал что в css проблема,но когда отдельно вынес ,то проблема осталась. Подскажи кто нибудь как решить эту проблему

    Asked by rukos,

    0 votes
    2 answers

  17. Как проставить ссылку на скачку?

    Как проставить ссылку чтобы при клике по графической кнопке начиналась скачка музыкального трека с сайта?)СПС)

    Asked by stardel,

    0 votes
    10 answers

  18. Проблема с высотой

    Ну вот никак, НИКАК не хочет этот ... ие отображать целиком мой сайт - обрезает его по правому столбцу. Вот сайт, смотреть в ие. Если нужно выложить код, скажите пожалуйста.

    Asked by Trust,

    0 votes
    4 answers

  19. :blink: Опять у меня проблема с ИЕ

    В форуме рылся но не нашёл ответа Вот http://palitra-oil.narod.ru/stoimost.html

    Asked by Palitra,

    0 votes
    6 answers

  20. Посоветуйте книги по профессиональной верстке

    Всем привет, хотел бы узнать у профессионалов какие книги можно почитать о профессиональной верстке. Спасибо.

    Asked by Jumper,

    0 votes
    2 answers

  21. PIE.htc не фурычит

    Скачал последнюю версию, подключил - там где применяется border-radius у элемента пропадает фон. Пробовал через pie.js - такая же фигня. Что я делаю не так? )

    Asked by SEObomj,

    0 votes
    9 answers

  22. Проблема с фиксированым подвалом

    Здравствуйте. Есть такая проблема: у меня есть фиксированый подвал, но он накрывает контент(Скриншот). Как мне зделать, чтобы контент поднялся выше подвала, если контент и боковые панели находятся в класе .layout, а подвал в .foot. Ниже приведен CSS Код .layout{ margin: auto; position: relative; width: 95%; } .foot{ background-color: rgba(198,214,229,0.8); bottom: 0; left: 5%; width: 90%; position: fixed; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } Если нужна дополнительная информация, пишите.

    Asked by Z3RO,

    0 votes
    16 answers

  23. скругление внутрь

    как сделать что-то подобное? (блок со скруглениям у вершин)

    Asked by pupil,

    0 votes
    3 answers

  24. шрифт Ronnia Bold

    Всем привет! Помогите найти шрифт Ronnia Bold. Где можно скачать, или поделитесь

    Asked by Bava,

    0 votes
    9 answers

  25. ul: margin: 5px;

    ul { list-style-type: none; margin: 5px; } Почему в "неправильном" эксплорере показывает отступ 5 пикселей, а в "правильном" файрфоксе - как будто не задавались параметры отступа, т.е. примерно 25 пикселей?

    Asked by Юзер,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept