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://notepad.if.ua (логин: test пароль: test123) - и в ссылке "создать новую" при наводе на нее, подчеркивание вылазит за границы слова "Создать" и идет вплоть до картинки (хотя у нее margin-right установлен в 4px). Как сделать так чтобы подчеркивание было только под самой фразой "Создать новую" и изображение тоже при этом являлось ссылкой (разумеется при наводе на изображение должно появляться подчеркивание у текста ссылки). Спасибо!

    Asked by inox,

    0 votes
    11 answers

  2. Плавающая картинка в блоке

    Вопрос по примеру из ЧаВо: http://forum.htmlbook.ru/index.php?s=&...ost&p=94256 Всё хорошо. Но возникает вопрос, если у картинки заданы маргины. ИЕ 6 и 7 растягивает внешний див только на величину рисунка, не учитывая эти маргины. Сравните пример в ИЕ и в Мазиле или Опере: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Плавающая картинка в блоке</title> </head> <body> <div style="border: 1px solid red;overflow:hidden;zoom:1;"> <img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt="" style="float: left;margin-bottom:10px;"> Test </div> </body> </h…

    Asked by Колос,

    0 votes
    7 answers

  3. разница в размерах в фотошопе и при верстке

    Здравствуйте. Помогите пожалуйста, сам уже туплю))). Вот кусочек макета из фотошоп: желтым кружочком выделено расстояние, измеренное инструментом "линейка", приблизительно 80px, размер шрифта - 11px. То есть список ссылок должен отступать от надписи "subscribe to:" на 11 px, или от начала главного контейнера на 80px. Это то, что получается в итоге. И я уже сломал весь мозг, почему так!! Чтобы не громоздить тут свой код, я выложил проект на хостинг: http://www.zhuravlik.b13.su/. Уважаемые спецы, помогите неофиту))) з.ы. еще пара второстепенных вопросов 1. Правильно ли я сделал, что создал topleftmenu, вместо того, чтобы на каждый див заново задавать отступ сверху и цвет/…

    Asked by zhuravlik,

    0 votes
    4 answers

  4. Не правильное отображение в IE

    Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.

    Asked by tishka,

    0 votes
    4 answers

  5. след от фонаря

    Доброе время суток. Нужна помощь. Хочу сделать следующее: Вся верстка сайта была закрыта полупрозрачным фоном, а вокруг мышки был прозрачный круг, будто свет от фонаря, а все остальное в тени. Свет от фонаря постоянно находятся там где курсор мышки. На сколько я понимаю это можно сделать с помощью CSS и возможно немного JavaScript, но как, это уже тяжелее, подскажите

    Asked by Pavlov___,

    0 votes
    11 answers

  6. Растягивает страницу

    Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);} По идее должно всё работать, а не катит( вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??

    Asked by ВэйДлин,

    0 votes
    7 answers

  7. Не могу убрато отступ

    Подскажите как убрать отступ,не могу,не убирается.(стрелкой показал) Откройте в новом окне изображение,так будет понятней.

    Asked by TrilLiaN,

    0 votes
    6 answers

  8. hover + first-letter

    Ну собственно очень хочется сделать чтобы при наведении на Link получалось что то такое: Link, а как этого добиться я что то не могу сообразить. вот как то A:hover > A:first-letter {color: red;} неработает. PS я новичок

    Asked by XiBOR,

    0 votes
    7 answers

  9. Баг в ИЕ незнаю как решить

    Искал вроде не нашел. Потому что, даже незнаю как это можно назвать =) Как видно из картинки, колечко исчезает где-то, непонятно где в IE. В других браузерах просто сдвигается, как по сути и должно быть. <div class="SPEC_Div_4"> <a href="java script:AddToCart(@productUid@)" class="basketin" title="Купить @productName@"> <img src="images/ring1.png" border="0" class="rring"> </a> </div> .basketin { display:block; width:125px; height:37px; background: url(images/inbasket.gif); } .rring { margin-right:-22px; margin-top:-3px; } Буду благодарен помощи в этой проблеме. Спасибо.

    Asked by eSender,

    0 votes
    6 answers

  10. Облако тегов 3D (модификации)

    Здравствуйте. Разместил на сайте "Облако тегов", все работает верно. Ранее очень часто слышал что его всячески можно модифицировать, например вставлять лого внутрь создавая иллюзию. Или же менять цвета ссылок. Я сам не очень знаком с подобными технологиями и знания у меня поверхностные. Вот код: <script type="text/javascript" src="Мой сайт/swfobject.js"> </script> <div id="RiveraCloud"><p align="center"> Для отображения элемента необходим <br> Adobe Flash Player </p></div><script type="text/javascript">var rnumber = Math.floor(Math.random()*9999999); var widget_so = new SWFObject("Мой сайт/tagcloud.swf?r="+rnumber, …

    Asked by TRIGUN,

    0 votes
    7 answers

  11. Не получается добавить изображение в шапку сайта

    Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…

    Asked by ProRus,

    0 votes
    29 answers

  12. Сьезжает структура

    Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.

    Asked by SergeyVM,

    0 votes
    14 answers

  13. Отличие css2 от css2.1 (шрифты)

    Заметил, что свойства шрифтов в спецификации CSS2 задаются несколько иначе чем в CSS2.1. Какую спецификацию верстальщику необходимо взять за основу? В спецификации CSS2 есть такие свойства шрифтов, как font-size-adjust и font-stretch. В CSS2.1 их уже нет. Куда они делись? Поддерживают ли их современные браузеры?

    Asked by clavin,

    0 votes
    1 answer

  14. загрузка фотографий как на faceboook.

    здравствуйте. как сделать загрузку фотографий, как на facebook. там java плагин. хочется что-нибудь подобное с плагином или без него. спасибо заранее.

    Asked by arthur.a,

    0 votes
    0 answers

  15. colgroup

    <table> <colgroup span="1" style="text-align: right; color: green; background: gray;"> <colgroup span="2"> <tr class="lvl1"> <td>Параметр</td> <td>Значение</td> <td></td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table> в пустой странице, других стилей и т.п. нет. Кто-нибудь может объяснить, почему цвет к фону применяется, а вот позиционирование текста и цвет текста - не работает ?

    Asked by Razor,

    0 votes
    5 answers

  16. блоки в div-е уезжают вниз

    есть вот такой код: <html> <style> div.content { border: 1px solid #000; } div.content a.foto { display: block; float: left; margin-right: 10px; margin-bottom: 10px; width: 295px; height: 110px; border: 1px solid #000; background: #d7e8fc; } div.content a.foto:hover { background: #a0a0a4; } </style> <body> <div class="content"> trololo<br> trololo<br> trololo<br> <a class="foto" href="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png"><img src="http://www.google.com.ua/intl/en_com/images/srpr/logo1w.png" /></a> <a class="foto" href="http://www.google.com.ua/intl/en_com/imag…

    Asked by stalker_2000,

    0 votes
    3 answers

  17. Содание страницы с расстановкой текста

    Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.

    Asked by antonios,

    0 votes
    16 answers

  18. выравнивание изображения в ячейке

    добрый день. подскажите, пожалуйста. есть таблица, с ячейками 200х200 пикселей. в каждой ячейке должна быть картинка, с высотой 200 и разной шириной. ячейка при этом должна сохранять ширину 200. короче надо чтоб в ячейке отображались только 200 пикселей из середины картинки. т.е. чтоб картинка выходила за края ячейки. в общем выглядеть должно так: http://500px.com/Senecarus

    Asked by alazankin,

    0 votes
    7 answers

  19. разделение элементов по краям

    Есть стиль общий который создает рамку с max-width: 450px нужно на одном уровне слева разместить картинку, по середине пусто, а справа текст. С учетом того что width может быть меньше 450px пока сделал float:left картинки а вот текст справа не получается разместить так чтобы он не вылез за границу max-width Помогите пожалуйста

    Asked by WebGraf,

    0 votes
    10 answers

  20. Загрузка сайта в хостинг

    Здравствуйте. Кто зарегистрирован на хостинге prosto.1gb.ua, помогите. Не могу загрузить свой сайт на хостинг. Все регистрации выполнены, домен зарегистрирован. Нужно просто открыть свой сайт.

    Asked by Elisa Day,

    0 votes
    1 answer

  21. Проблема с фоновым изображением

    Всем привет. Верстаю сайтик один, в верстке не знаток, верстаю таблицами. Основная таблица с контентом шириной 800рх, отцентрирована. Мой монитор с разрешением 1650х1050 поэтому и фоновую картинку лепил под это размер шириной в 1650, с такими CSS: body { background-image:url(fon.jpg); background-repeat:no-repeat; background-attachment:fixed; background-color:#ff8281; background-postion: center top; } ну и при уменьшении ширины экрана вплоть до 1024 естественно, сама таблица сдвигается, а фоновая картинка остается на месте, становится некрасиво. Посоветуйте, что можно сделать что бы фоновая картинка так же сдвигалась вместе с таблицей, либо может другую технику посоветует…

    Asked by kashik,

    0 votes
    14 answers

  22. [IE6 БАГ] Position:relative & Position:absolute & Hover

    В ие6 при использовании image-trail'а (увеличенная картинка бегает за мышкой при наведенни на маленькую) Li с position:relative улетает в неизвестность. Убил кучу времени на это, сломал голову и не могу побороть, помогите кто чем может. Т.к в код включается множество скриптов и стилей, то привожу УРЛ на саму страницу сайта, где это проявляется: [потёрто]

    Asked by admit,

    0 votes
    7 answers

  23. круглые углы...

    Всем здрасте. Да, снова круглые углы. Юзал поиск - и не нешел того, что надо. Задача: блок с круглыми углами Требования: блок должен быть масштабируемым; нужна граница к блоку (stroke); углы должны быть прозрачные; нужно обрамление блока (сори за корявый язык, привык к инозёмному языку) - glow; IE 6 поддержка. мое решение (вернее то, что удалось подбрать из разных статей и примеров): масшатабирование достигается по обоим осям, но код при этом нагромождается жутко (пример здесь). отображение в IE 6: для отображения прозрачности в ie_6 я использовал .png, 8 bit. юзал fireWorks cs3. в этой софтине можно выбрать index transparency или alpha transparency. я выбрал a…

    Asked by paska,

    0 votes
    3 answers

  24. Редактирование шаблонов Joomla.

    Не сколько не разбираюсь в PHP, изменяю файл CSS шаблона но в самом шаблоне ничего не меняется . В самом шаблоне очень много PHP может дело в нем?

    Asked by Alexsays,

    0 votes
    7 answers

  25. Лишний отступ тег li, ul. Баг в IE

    Доброе время суток, уже сколкьо времени не могу разобраться в чём проблема. Имеется меню создано с помощью ul, li. В Опере, ФФ, Хроме - всё хорошо, а в ИЕ получается двойной отступ (Или мне так кажется) Код меню <dl class="left_menu"> <dt class="lm_title"><span><b class="lmt_ico"> </b><b class="lmt_sh"> </b>Заголовок</span></dt> <dd> <ul class="sub"> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> <li><a href="#">Заголовок</a></li> &lt…

    Asked by Sven,

    0 votes
    5 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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