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

29,542 questions in this forum

  1. Как сделать кастомный чекбокс?

    Приветствую! Подскажите, плиз, как сделать чекбокс как на скрине? Я новичок в верстке и что-то не могу разобраться в кастомизации данной штуки

    Asked by Dos1er,

    0 votes
    0 answers

  2. Как оформить отправку файла в печать со страниц сайта?

    допустим, есть ссылка на документ ворд... а на странице с этим документом хочу сделать опцию *в печать*..как это сделать? спасибо

    Asked by _Ирина_,

    0 votes
    4 answers

  3. Почему ошибка в валидаторе?

    Я хочу изменить шрифт разрыва сообщения в блоге ("читать далее") в блоггере код идёт стиля и html и xml находятся в одном файле и идут друг за другом, вначале идёт css стиль, в котором я пытаюсь написать нужный шрифт: H10 { font-family: Georgia, 'Times New Roman', Times, serif; font-size: 16px; } и внизу кода, когда идёт html код, я пытаюсь вставить этот тег для разрыва сообщения "читать далее" <b:if cond='data:post.hasJumpLink'> <div class='jump-link'><div align='right'> <h10> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </h10> </div></div> </b:i…

    Asked by virgin,

    0 votes
    17 answers

  4. Печать html страниц

    При вывод страницы на печать весь дизайн "плывет", то есть страница распечатывается только без таблиц стилей. Как решить этот вопрос?

    Asked by Alex&R,

    0 votes
    2 answers

  5. Изменение стиля маркера.

    Добрый день! Как сделать так чтобы элемент #div_after шел после содержимого элемента #div с фиксированной высотой? <style> #div { background: #fcc; height: 10px; } #div_after { background: #ccf; height: 10px; } </style> <div id="div">1<br/>2</div> <div id="div_after">3</div> Как должно быть и как есть: Решение тут. Проблема подробнее: Пытаюсь контролировать стиль маркера не через картинку или свойство list-style, а через css свойства height, width, background, и т.п. Одна проблема: при переносе строки во вложенном в список элементе div (можно использовать другой, к примеру span), эти строки загораживают следующий элемент т.е…

    Asked by Webkit,

    0 votes
    21 answers

  6. Как сделать проще галерею карусель

    Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?

    Asked by Mary_RND,

    0 votes
    9 answers

  7. При нажатии кнопки выполняется проверка на количество символов

    Добрый вечер. Помогите пожалуйста, не знаю как сделать подобное задание. Дано пять полей. При нажатии кнопки выполняется проверка того, что все поля содержат строки длиной от 5 до 7 символов.

    Asked by WebNewbe,

    0 votes
    4 answers

  8. display:inline в IE, FF и Opera

    Когда используется inline в самом верху страницы, то border-top элемента к которому он применен не отображается в IE. <!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>vkladka_ne_rabotaet_v_IE_border-top.html </title> <style type="text/css"> .notetitle { border: 1px solid black; /* Параметры рамки */ border-bottom: none; /* Убираем границу снизу */ padding: 3px; /* Поля вокруг текста */ display: inline; /* Устанавливаем как встроенный элемент */ background: #ffeebf; /* Цвет фона */ …

    Asked by ardjuna,

    0 votes
    4 answers

  9. Как убрать трехмерный эффект бордера у таблицы?

    Как убрать трехмерный эффект у border в таблице? Нужно, чтоб выглядело как в правом нижнем углу, там где число 26 справа от него. Нужно, чтоб весь бордер был тонкой линией... Вот код table WIDTH="298" HEIGHT="137" cellspacing="0" cellpadding="3" border="1" bordercolor="#FFFFFF"> <tbody> <tr> <td bgcolor="#eeeeee" valign="top" > </td> <td bgcolor="#eeeeee" valign="top" colspan="5" width="500"> <p align="center"><strong>Июль</strong></p> </td> </tr> <tr> <td valign="top"> <p><strong>Пн</strong></p> </td> <td valign="top"…

    Asked by Ангел_А,

    0 votes
    3 answers

  10. Проблемы с IE6

    Здравствуйте! Вот такие проблемы в IE6: появляется промежуток (белое поле) под верхним меню, а правое меню при масштабировании вываливается. Не могу никак решить проблему. Очень надеюсь на помощь. Заранее спасибо! www.septic-topas.ru/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <div id="container"> <div id="header"> <div id="menu-top"> <ul> <li class="active"><a href="#">Главная</a></li> <li><a href="catalog.html">Каталог</a></li> <li><a href="price.html">Цены</a>&l…

    Asked by Светлана Гр.,

    0 votes
    8 answers

  11. Как прописать стиль для слайдера

    У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…

    Asked by Mila,

    0 votes
    5 answers

  12. span | display:inline-block и динамическое изменение высоты спана

    Здравствуйте, уважаемые. Никак не могу понять, почему во всех браузерах, кроме IE в приведенном ниже случае при клике на спане (событие onmousedown), его общая (итоговая) высота увеличивается на один пиксель (идущая ниже верстка смещается на 1 пиксель вниз). Доктайп xhtml 1.0 strict. <span class="but1" style="width:20px;margin:10px 0 15px;display:inline-block" onmouseover="this.className='but2';" onmousedown="this.className='but3';" onmouseup="this.className='but2';" onmouseout="this.className='but1';"> Бла бла бла </span> .but1{ height:19px; border:1px solid #000; padding-top:1px; background-image:url('../_ima/but1.gif'); text-align:center; cursor:pointer…

    Asked by vahrusha,

    0 votes
    7 answers

  13. Проблемы с z-index.

    Добрый день! Есть сайт bizprofi.ru На главной слайдер - он работает нормально. Картинки имеют z-index больше 100, javascript'ом они увеличивается на единицу при смене картинок (но едва ли кто-то дойдет до 1000) И есть проблемный блок. По умолчанию он скрыт. Чтобы его увидеть нужно нажать на ссылку в шапке под телефонами "написать нам". У всплывающего блока z-index 1000 но картинка его все равно перекрывает. Очень прошу помочь разобраться в чем же дело?

    Asked by Artik20003,

    0 votes
    6 answers

  14. float и отрицательные отступы

    Добрый вечер! Нашел решение для двухколоночного макета, в котором используются плавающие элементы с отрицательными отступами. Пример работает, но я не могу понять, почему. css: #content{ float: right; margin-left: -200px; width: 100%; } #content-inner{ margin-left: 200px; } #left-sidebar{ width:200px; } html: <div id="content"> <div id="content-inner"> <p>content</p> </div> </div> <div id="left-sidebar"> <p>sidebar</p> </div> C чисто обывательской точки зрения, отрицательный маргин должен сдвинуть блок контента с текущей позиции на 200 пикселей влево, однако вместо …

    Asked by scorpio,

    0 votes
    3 answers

  15. Менюшка работает только в firefox и Safari ((

    Ребята помогите, ибо уже завязался с этой темой а решить вопрос не могу. Есть сайт, там менюшка состоит из 4 кубов при навидении они вращаются. но это работает только в Firefox и Safari.Помогите. Пример брал отсюда http://pcvector.net/scripts/layout_and_interface/338-effekt-vraschayuschegosya-kuba.html

    Asked by romoga,

    0 votes
    11 answers

  16. размер шрифта хочу относительный

    надо шрифт размером 11px но явно указывать его не охота, x-small - слишком велик xx-smal - слишком мал возможно как нибуть сделать так font: xx-smal+1;

    Asked by chus,

    0 votes
    2 answers

  17. Размер картинки в таблице в процентах

    Как правильно задать размер картинки в таблице. Ситуация такая: Есть таблица с четырьмя колонками резиновая(по 25%). В одну из них надо запихнуть картинку на 100% ширины(пробовал уже и 90% - не помогает). Код: <!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=iso-8859-1" /> <title>Untitled Document</title> </head> <body> <table width="100%" border="0"> <tr> <td width="25%">123</td> <td width="25%">123</td>…

    Asked by Sergo,

    0 votes
    0 answers

  18. Помогите чайнику!

    Ввела <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML4.01 Transitional//EN”> <html> <head> <title>Наша тестовая страница</title> <meta http equiv=”Content-tupe” content= “text/html “charset=”windows-1251”> <meta name “keywords” content=”учебник, язык HTML”> <meta name “description” content=”Здесь Вы найдете общую информацию по языку HTML и структуре страниц”> </head> <body> Моя первая страница </body> </html> Сказано, что в браузере будет показано только три слова "Моя первая страница", открываю, а у меня весь этот текст со всеми тегами и т.д. Помогите пожалуйста!

    Asked by Svetulina87,

    0 votes
    4 answers

  19. щели в ИЕ6

    Добрый. хелп, плиз.... такая хрень в ie6 см 185.exonit.by всплывающие изображения, при наведении на активные области какой-то левый то ли padding, то ли margin появляются между bal_top и bal_mid, bal_mid и bal_bot. HTML: <div class="bal_top"></div> <div class="bal_mid"><div class="bal"> <div class="p1">КОНТАКТ! регионы<span> <br/> Телефонный справочник Вашего города</span></div> </div></div> <div class="bal_bot"></div> CSS: .p1{ font:Arial, Helvetica, sans-serif; font-size:18px; color:#202020; text-align:center; } .p1 span { font:Arial, Helvetica, sans-serif; font-size:12px; color:#778de2; text…

    Asked by sdm98,

    0 votes
    7 answers

  20. Выпадающее меню :hover

    Добрый вечер. Суть вопроса. Есть выпадающее меню, в нормальных браузерах + 7 и 8 осле работает, в 6 - нет div.header-middle ul.menu { width: 100%; height: 60px; list-style: none; text-align: right; position: absolute; top: 10px; left: 0; } ul.menu li.menu { border-right: 1px dashed rgb(250,130,30); display: inline-block; float: right; width: 8%; height: 100%; text-align: center; vertical-align: top; position: relative; } ul.menu li.menu-end { border: 0; } ul.menu li.menu a { color: rgb(10,10,10); font: normal 12pt Arial; text-decoration: none; display: block; width: 100%; height: 100%; pa…

    Asked by Frolov,

    0 votes
    4 answers

  21. Баг с "overflow: hidden;" и "border-radius: ;"

    Собственно, сабж: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Баг с "overflow: hidden;" и "border-radius: ;"</title> <style type='text/css'> .wrap { width: 200px; height: 200px; background: red; overflow: hidden; border-radius: 50px; position: relative; } .el { width: 190px; height: 190px; position: absolute; top: 5px; left: 5px; background: green; } </style> </head> <body> <div class="wrap"> <div class="el"></div> </div> </body> </html> Или тут: http://jsfiddle.net/…

    Asked by DjTarik,

    0 votes
    2 answers

  22. Анимированное меню в виде сот

    Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

    Asked by NatalieZ,

    0 votes
    2 answers

  23. Извлечь нужные значения из HTML страницы

    Помогите пожалуйста с кодом для консоли браузера. Вот страница http://proxyb.net/proksi_rossiya_besplatno.html Мне нужно скопировать все прокси из первого столбца IP:Порт вставить в текстовый файл Для этого нужно убрать всё лишнее, оставить только значения в формате ХХ.ХХ.ХХ.ХХ:хххх Важно, чтоб каждая прокси была с новой строки - одним столбцом. В итоге должно получиться так: 1.169.198.197:80 1.162.34.57:80 1.93.2.191:3128 120.195.205.99:80 120.195.194.56:80 и так далее. главное чтоб можно было всё скопировать и вставить в текстовый файл. Заранее огромное спасибо!

    Asked by Robert3,

    0 votes
    0 answers

  24. (не)применение стилей к спискам

    Здравствуйте! У меня вопрос, наверно оч. простой и наивный. В стилях для списков на сайте убраны маркеры UL { list-style: none; } Но в одном списке на сайте эти самые маркеры все же должны быть. Как для этого списка "отказаться" от общего стиля? Спасибо

    Asked by jarvi,

    0 votes
    8 answers

  25. Проблема с блочной версткой.

    Есть следующий код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Заголовок</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> <div id="container"> <div id="head"> Это заголовок. Он должен быть вверху. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину страницы. Во всю ширину с…

    Asked by SpyLive,

    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