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. Декоративная таблица

    Помогите,пожалуйста!есть таблица,которая во всех браузерах отображается так http://saveimg.ru/show-image.php?id=...bf599e7ae0b022',а в опере вот так http://saveimg.ru/show-image.php?id=...54b6041856722b. Вот тут код http://www.fayloobmennik.net/2347325

    Asked by Dimanchik87,

    0 votes
    4 answers

  2. ine-height и единицы измерения (продолжение)

    Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…

    Asked by USF,

    0 votes
    4 answers

  3. Не отображается книпки соц.закладок от Addthis.

    Не отображаетсякнипки соц.закладок от Addthis. Что я делаю неправильно? Создал для теста главную страницу: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Untitled</title> </head> <body> <link rel="stylesheet" type="text/css" href="css/css.css" media="screen" /> <div id="int"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_vk"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="…

    Asked by pakee,

    0 votes
    0 answers

  4. подскажите как лучше поступить

    Всем зашедшим добрый вечер!) Подскажите как лучше сверстать данный макет шапки: позиционирование или таблица из div'ов? Если позиционировать, то как лучше выровнить "заголовок", "языковая панель" и "личный кабинет" по-середине, а если таблицей, то как ее сверстать, чтобы объединить строки под логотип(типа rowspan)? Заранее премного благодарен за помощь!)

    Asked by XuLLlHuK,

    0 votes
    4 answers

  5. Проблемы с выравниванием.

    Имеется небольшая шапка, где должны находится несколько кнопок и логотип(просто название сайта). Располагаться должно в таком порядке: ссылка-кнопка(прижата слева), по центру логотип, кнопка(прижата справа). .,, <div id="header"> <a class="menu" href="index.html">Меню</a><a class="logo" href="index.html"><b>Название сайта</b></a><a class="add" href="index.html">+</a></div>... #header{margin:0 auto;height:32px;background: #333;position:fixed;width:100%;z-index:1;} .logo{text-decoration:none;color:white;font-variant:small-caps;font-size:large;display:block;margin-top:5px;text-align:center;} .menu{float:left;} .…

    Asked by Адель,

    0 votes
    2 answers

  6. Скрипт слайдера

    Можете ли пожалуйста скинуть ссылку на такой слайдер http://itmages.ru/image/view/1697662/febafd16 ? заранее спасибо

    Asked by Shenia132,

    0 votes
    2 answers

  7. Вопрос от чайника по размеру изображений

    Доброго времени суток! Я самая что ни на есть начинающая. Купила книгу по html, вот сижу ее штудирую. Поэтому заранее прошу пощения за совершенно идиотский вопрос. Автор сначала нарезает макет будущего сайта, сохраняет изображения и пр. и пр. Потом начинает верстать сайт с самого начала. И на моменте, когда он добавляет в код изображения, я немного запуталась. Вот пример : <a href="#"<img alt="" src="img/cart.png" width="66px" height="59px" /></a> Это что-то типа картинки/баннера со ссылкой, не суть. Я не понимаю, откуда он берет значения ширины и высоты? Не из головы же он прописал именно эти цифры? Я повторяю каждое его действие на своих картинках…

    Asked by kds2108,

    0 votes
    3 answers

  8. Вопрос по резиновой верстке.

    Здравствуйте. При резиновой верстке в каких единицах указываются отступы? Ведь при сужении экрана отступы в px не изменятся? Следовательно, блоки не сузятся и на растянуться. И что делать с макетом, если его ширина 1486px? Посоветуйте, где можно почитать о резине. Спасибо

    Asked by IvanRu08,

    0 votes
    6 answers

  9. Расположение объекта.

    Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева? <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>

    Asked by ErUnDAK,

    0 votes
    3 answers

  10. Проблемы с отображением текста в Мозилке

    самая простая вещь - верстка текста внутри сайта. мозилла не хочет распознавать тахому. что делать?

    Asked by Extranjero,

    0 votes
    7 answers

  11. Таблица "разлетелась" в ie

    Посмотрите, плз, http://savmotors.ru/1/maket2.html В ie небольшая часть таблицы убежала. Да и в остальном, если посчитаете нужным что-то сделать по-другому, буду рада замечаниям.

    Asked by top-top,

    0 votes
    0 answers

  12. logo поверх флешки

    Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…

    Asked by Saiko,

    0 votes
    0 answers

  13. Проблема с таблицей и css

    Имеется таблица из 3 столбцов и 3 строк! Строки в первом столбце объединены(там находится картинка)! А строки в следующих двух столбцах имеют разную высоту(первые две строки одинакового размера, а последняя изменяет свою высоту в зависимости от размера рисунка в первом столбце). Вопросик: как в css прописать чтобы все строки имели одинаковую высоту - но не фиксированную, а зависящую от высоты рисунка в первом столбце!

    Asked by sorochini,

    0 votes
    1 answer

  14. Прозрачность не работает при наложении div

    Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…

    Asked by warobushek,

    0 votes
    2 answers

  15. Разрыв между дивами

    Добрый день. Возникает проблема уже не первый раз. Делаю закругление страницы с помощью бэкграунда, в ИЕ7 возникает промежуток между дивами. Как это можно исправить? Вот как это выглядит.Скрин Ps. Скорее всего на форуме этот вопрос обсуждался, но не знаю как в поиске описать подобную проблему

    Asked by ejohn,

    0 votes
    1 answer

  16. Корректная разбивка на страницы

    Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…

    Asked by Ugo,

    0 votes
    2 answers

  17. баг хрома?смешно....

    <!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=utf-8" /> <title>Документ без названия</title> <style type="text/css"> *{padding:0;margin:0} .wrapper {width:100%;overflow:hidden; background:red;} article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block} a {color:#000;text-decoration:underline;outline:none} a:hover {text-d…

    Asked by dostel1,

    0 votes
    7 answers

  18. Поехал сайт в ИЕ

    Сайт http://sitop.info/smsphones/ поехал во всех ИЕ,почему так и не погу разобратся.

    Asked by NeoMurderer,

    0 votes
    5 answers

  19. Вопрос про текст внутри div'а.

    Доброго времени суток! Подскажите пожалуйста: <div><img ... />Текст</div> - Возможно ли в данном случае сделать стиль для текста через id дива, не трогая при этом img? Заключить Текст в ещё один тег я не могу. Спасибо большое!

    Asked by Arinden,

    0 votes
    7 answers

  20. Проблемы с меню.

    Есть достаточно сложное горизонтальное меню Вот css код: .menu LI { float: left; display: block; position: absolute; } .menu LI A { display: block; } .menu LI A:hover { display: block; text-indent: -9999px; overflow: hidden; /*+opacity:80%;*/ -moz-opacity: 0.8; opacity: 0.8; } .li1 { left: 80px; top: 88px; z-index:1; } .li1 A { width: 62px; height: 63px; background-image: url(img/onas.png); background-position: 0px px; } При таком раскладе появляется горизонтальный скролл на странице. Но если из .menu LI A убрать display: block, то скролл пропадает.Но и элемент меню тоже Как быть?

    Asked by Sedacove,

    0 votes
    5 answers

  21. Различное написание

    Здравствуйте! Подскажите, пожалуйста, Какая разница между написаниями: .nav a {} и a.nav {}? Почему сайт по-разному на них реагирует? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    3 answers

  22. Отображение изображений с удаленного фтп

    Здравствуйте. Даже не представляю как решить такую задачку. Есть доступ к фтп серверу по логину, паролю. В корне сервера лежат файлы изображений. Количество постоянно пополняется. Есть веб-страничка на другом сервере. Как отобразить на страничке изображения с фтп, при условии, что ни количество ни имена файлов заранее не известны. Может есть какое готовое решение на jquery, например.

    Asked by Andyk,

    0 votes
    3 answers

  23. Блок с материалами

    Добрый день! Помогите реализовать вот такое: У самого не выходит что-то Картинка должна быть размером: 104px на 54px

    Asked by Simpsons,

    0 votes
    4 answers

  24. Нестандартная форма блока

    День добрый. Натолкнулся на такую штуку и не имею понятия, как ее сверстать. Углы понятно, а вот выпуклые верх и низ?

    Asked by Ponyatno,

    0 votes
    4 answers

  25. Tag data в зависимости от ширины экрана

    День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.

    Asked by seemax,

    0 votes
    3 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