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. Вертикальная тонкая полоска

    на своем сайте я такую полоску сделал с помощью таблиц "width" на 0.1 % в теге TD, поставил но эта полоска все равно получается толстоватая. нельзя ли как то по другому решить эту проблему?

    Asked by Melted,

    0 votes
    6 answers

  2. Параметры тега <param>

    Еще один вопрос по тегам. На этот раз - <param>. Кто-нить может подсказать, какие вообще бывают значения? Есть ли где-нить максимальное описания всех <param name=" " value=" " /> с описанием что там да как? Я кое что нашел, но хотелось бы получить более подробную информацию... Спасибо.

    Asked by DjTarik,

    0 votes
    18 answers

  3. как дасть разным классам одни свойства

    вот кусок ЦСС кода: a.opel {display:block; background-image: url(diz/opel.png); width:200px; height:199px; background-repeat: no-repeat;} a.opel:hover {background-position:0 -200px;} a.chevrolet {display:block; background-image: url(diz/chevrolet.png); width:200px; height:199px; background-repeat: no-repeat;} a.chevrolet:hover {background-position:0 -200px;} a.kia {display:block; background-image: url(diz/kia.png); width:200px; height:199px; background-repeat: no-repeat;} a.kia:hover {background-position:0 -200px;} a.hyundai {display:block; background-image: url(diz/hyundai.png); width:200px; height:199px; background-repeat: no-repeat;} a.hyundai:hover {background-positi…

    Asked by Kos87,

    0 votes
    10 answers

  4. Выравнивание картинки и текста

    Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>

    Asked by SeZuka,

    0 votes
    13 answers

  5. Как отправить данные из формы по нажатии на ссылке

    Ребята, подскажите как мне оправить данные формы по нажатии на ссылку? Чет немогу сообразить. Собственно кнопки у меня такие вот должны быть: При этом, при наведении на кнопку она меняет цвет и надпись стает не подчеркнутой.

    Asked by grantand,

    0 votes
    5 answers

  6. border как его в нутерь запихать

    завдаю элемент шириной 100% ему же бордер в 1px опа-па появляется скролинг и всё понятно он к элементу не имет отношение (ширине) это оконтовка в связи с чем вопрос как сделать так что бы он внутри оказался ———————————-- мои приставления надо создать элемент на 100% а уж в него элемент с бордером но что то ни как не получаться ————-- помоги те пожалуйста

    Asked by serjico,

    0 votes
    10 answers

  7. Ширина абзаца в ячейке таблицы

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> … <style> .first {width: 44%; padding: 0 4% 0 6%;} .second {width: 42%; padding: 0 4% 0 0;} </style> … <table width="100%" border="0" cellpading="0" cellspacing="0"> <tr> <td class="first">Длинный текст</td> <td class="second">Текст</td> </tr> </table> IE8 отрисовывает текст первой ячейки за пределы онной. Как побороть, если паддинг нужен?

    Asked by psworld,

    0 votes
    2 answers

  8. Ширина макета 1600px высота 1300px как сделать?

    По идее макет должен быть резиновым. Вся загвоздка в том что background в виде одного jpg изображения 1600X1300 px. Браузер не должен его обрезать или выдавать горизонтальную полосу прокрутки. Люди добрые подскажите как его сделать??????????????????

    Asked by taran,

    0 votes
    3 answers

  9. Css box

    Здравствуйте. Я пытался сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока (top.gif) 2 картинка за низ (bottom gif) 3 картинка за левую сторону (left.gif) 4 картинка за правую сторону (right.gif) 5 картинка за середину (center.gif) Создав своё творение с солидной пачкой divов, я понял что на него нельзя смотреть, да и разваливается в каждом браузере. Я достаточно погуглил закруглённые углы, но они держатся на заголовках и параграфах, а если у меня их будет много в этом боксе, то он и не получится...Решил поэтому создать тему. Текст, который я буду размещать, будет на "5 картинке за середину". Для этого я создал: #content { background:url(img/center…

    Asked by Faran,

    0 votes
    10 answers

  10. Как сделать два рисунка для фона?

    Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!

    Asked by vestern,

    0 votes
    4 answers

  11. Как взять нужные стили для блока?

    Есть какой-то блок в готовой верстке. Мне надо взять его HTML и CSS, кторый используется при его построении. HTML "слить" не проблема при помощи Firebug, а вот как забрать только нужные стили? Есть ли какие-то способы?

    Asked by milax,

    0 votes
    10 answers

  12. Перекрытие границ?

    Народ взгляните на 2 скрина, в обоих видно то что отображается дебаггере (см.справа снизу), смысл в том что ИЕ почему то 2 раза (судя по показаниям дебаггера) прописывает нижний марджин, это происходит из за перекрытия границ или это какая то специфическая модель поведения ИЕ?

    Asked by TonKhaO,

    0 votes
    12 answers

  13. Как выравнить счечики посещений

    Здравствуйте, у мня вопрос: Как выровнить счетчики посещений как на картинке(нижний вариант)? Нужно ли их заключать в один контейнер или в два как на картинке, чтобы в конечном итоге они шли попорядку в строчку слева - направо??? Спасибо.

    Asked by marcool,

    0 votes
    7 answers

  14. Как убрать отступы внутри <form>

    Здравствуйте, подскажите кк убрать отступы внутри <form> между элементами у меня прописан display:inline в опере и файрфоксе всё нормально, а в IE отступы вертикальные не могу убрать .

    Asked by Dimas888,

    0 votes
    1 answer

  15. Верстка под mac os x

    Привет ребята! недавно перешел на макос и столкнулся с проблемой тестирования кода в IE. Давно я завидовал тем, кто верстает под маком, мне всегда казалось это красивым и удобным средством, давно я мечтал, что открою настоящий текстмейт, а не вин суррогат... Вот и свершилось это чудо, а такие элементарные вещи, как полноценное тестирование кода, под маком совершить не удается. Вот такие дела. Я в расстроенных чувствах.

    Asked by linpulee,

    0 votes
    15 answers

  16. overflow: visible в IE

    Всем привет!!! Подскажите плиз решение данной проблемы(если оно есть). Вот код: div#test { margin: 0; padding: 0; width: 100px; background: #ff0; border: 1px solid #000; zoom: 1; overflow: visible; } </style> <div id="test"></div> <div id="test">asdadaasddssssssssssssssssss</div> Везде кроме IE эти контейнеры имеють шрину 100px и видно их содержимое(ибо overflow: visible;), а IE растягивает нижний до размеров содержимого, игнорируя width: 100px;. Подскажите можно ли это както поправить?(мне это нада для создания контента который не занимает места, position: absolute не подходит)

    Asked by CoDy,

    0 votes
    2 answers

  17. Работа с CSS

    Здравствуйте. Мне нужно сделать блок для текста из 5 картинок. 1 картинка отвечает за верх блока 2 картинка за низ 3 картинка за левую сторону 4 картинка за правую сторону 5 картинка за середину Думал сделать солидную пачку дивов, но хтмл код будет слишком "грязным". Я делаю первый раз сайт и не знаю более компактных способов. Мой блок будет 700 пикселей в ширину и в зависимости от текста будет ползти вниз. В нём будут только заголовок H1 и теги <p> Подскажите пожалуйста, как это можно компактно реализовать?

    Asked by Faran,

    0 votes
    14 answers

  18. FireFox: растягивание ячейки содержимым при overflow:auto

    Доброго времени суток. Заранее прошу простить, если подобный вопрос уже встречался здесь - значит я просто не сумел толково воспользоваться поиском - найти ответ не удалось. Итак, суть вопроса: <table style="height:100%; vertical-align: bottom;"> <tr> <td style="overflow: auto;"> <div style="height:100%;"></div> </td> </tr> <tr><td style="height: 200px;"></td></tr> </table> Цель (что нужно получить): Таблица во всю высоту height:100%. Имеет нижнюю строку с фиксированной высотой 200 пикселей. Нижняя строка примыкает к нижнему краю экрана vertical-align: bottom. Верхняя строка занимает все ост…

    Asked by Takker,

    0 votes
    1 answer

  19. Проблема с иконкой в строке адреса

    Я хочу добавить иконку в строку адреса. Создаю файл favicon.ico, помещаю его в корневой каталог сайта, в файле пишу: В результате в Мозилле и Опере отображает, в ИЕ- нет. Смотрю в код сайтов, в которых все нормально отображает: у них либо прописано так, либо вообще ничего в коде не прописано. Тем не менее, у них отображает везде. Так почему у меня не отображает, если я делаю так же? Есть какие-то идеи?

    Asked by nemecfc,

    0 votes
    8 answers

  20. нужна помощь

    есть код поисковика от google. все работает... все классно!!! может кто знает, как сделать его "валидным"??? вот пример кода: <!-- SiteSearch Google --> <FORM method=GET action="http://www.google.com/search"> <input type=hidden name=ie value=windows-1251> <input type=hidden name=oe value=windows-1251> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" border="0" ALT="Google"></A> </td> <td> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT type=submit name=btnG VALUE="Google Search"> <font size=-1> &l…

    Asked by ask1503,

    0 votes
    10 answers

  21. Вопросы по резиновому дизайну.

    Народ, просьба только камнями в меня за ньюбство не бросать Вопросы в следующем: 1. При задании для дива в ксс-е свойства width:100% и height:100% ширина в 100% работает хорошо, а вот с высотой проблемы. Тоесть сей див не растягивается на всю высоту экрана браузера. Это как-то можно вылечить или нет? 2. В заголовке есть 2 картинки, одна слева, вторая справа. реализовано это так: <div id="header"> <div id="left"> <img src="img/Header3.jpg" width="400" height="110" align="left" /> </div> <div id="right"> <img src="img/header2.jpg" width="138" height="110" align="right" /> </div> </div> CSS к ним: #header{ width:100…

    Asked by Raiden-=DM=-,

    0 votes
    9 answers

  22. Как сделать блок одним целым

    Парни подскажите как сделать следующию конструкцию одним монолитом! выводится картинка, а слева с ней надпись, которая выровнена по вертикали относительно картинки. Это получается один блок. и таких блоков может быть очень много. Один из блоков может дойти до конца строки, картинка останется на старой строке, а текст переносится на новую. Как сделать, чтобы при достижении конца строки, если весь блок не входит, то целиком бы переносился на новую строку. Надеюсь, мне удалось объяснить <div class="pic"><img src="../pic.png" style="vertical-align:middle;"><a href="">Картинка</a></div> где .pic { display: inline; text-align: left; pad…

    Asked by Pacan4ik,

    0 votes
    2 answers

  23. Имя элемента формы в качестве параметра функции

    Есть следующий пример: <!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>Блокировка поля</title> <script type="text/javascript"> function agreeForm(f) { // Если поставлен флажок, снимаем блокирование кнопки if (f.agree.checked) f.submit.disabled = 0 // В противном случае вновь блокируем кнопку else f.submit.disabled = 1 } </script> </head> <body> <form action="handler.php"> <p><textarea cols="30" rows="4" readonly> Типовой договорОтда…

    Asked by Clou,

    0 votes
    6 answers

  24. помогите найти ошибку

    Ребят, помогите разобраться. Ситуёвина такая... На готовом шаблоне (joomla 1.5) делаю сайт (пока в локалке, поэтому показать к сожалению не могу). Разрабатывая дизайн, решил добавить ещё один модуль. Прописал позицию в Template details, присвоил ему один из имеющихся классов. Всё пучком. но тут мне понадобилось изменить фон в этом модуле. так как код слишком сложный, решил особо не заморачиваться и тупо скопировал в CSS исходный класс с подклассами, изменив названия и ссылки на фоновую картинку. Ан не тут-то было. оказалось, что модули прописаны ещё в файле modules.php Решил поступить таким же макаром и скопировал скрипт исходного файла, поменяв имена классов. В итоге пр…

    Asked by DNZ,

    0 votes
    6 answers

  25. как используется COLSPAN ?

    .....

    Asked by cosonic,

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