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. Простая форма с нефиксированной шириной

    Всем привет. Недавно встала необходимость сделать довольно стандартную форму вот такого вида Login: ________ Password: ________ То есть как видно, лэйблы выравниваются по левому краю, филды по правому. Страница локализирована, то есть лэйблы могут быть на разных языках, так что задавать им ширину не катит, как и самой форме в целом. Надо это сделать слоями. Может кто подскажет решение ?

    Asked by yroman,

    0 votes
    2 answers

  2. Сайт уезжает по вертикали за границу окна

    Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!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> <link href="style2.css" …

    Asked by Golden_Puma,

    0 votes
    7 answers

  3. Изменение стиля ссылки внутри <span>

    Есть код: span class="alfavit"> А Б В Г Д Что и как прописать в таблице стилей, чтобы убрать подчеркивание ссылок внутри span class="alfavit"> ?

    Asked by Vlaimir,

    0 votes
    2 answers

  4. Выплывающее меню средствами css

    В общем имеется картинка как можно средствами CSS сделать выплывающее меню в левом нижнем углу с названием и годом написания картины. прекрасно понимаю что можно легко реализовать средствами js, но я не знаю языка если кто напишет скрипт буду благодарен...

    Asked by nicotin,

    0 votes
    6 answers

  5. Фон checkbox

    Собственно это работает только в Опере: <input style="background: #fc0000;" type="checkbox"> Как сделать чтобы в Мозиле и ИЕ тоже заливался checkbox цветом?

    Asked by okunev2,

    0 votes
    4 answers

  6. Позиционирование фона png-24

    Столкнулась с моментом, где фоном тянущегося по высоте блока в правом нижнем углу должен быть прозрачный png-24. Поверх этого фона будет контент. Проблема, как Вы догдались, из-за IE6. Признаюсь честно, не могу придумать, как реализовать такое. Ну если бы блок не тянулся, то тут решение очевидно: Блок-контейнер. Внутри него блок-пустышка сверху, который прижимает блок с png фоном к низу. Сверху абсолютным позиционированием кладем блок с контентом, по ширине и высоте индентичный контейнеру. Но.. в моем случае то, блок с контентом тянется.. следовательно данное решение не подходит, поскольку только при помощи JS можно высоту блока-контейнера сделать зависимой от высоты абсо…

    Asked by iRina,

    0 votes
    12 answers

  7. ПОДСВЕТКА ОТДЕЛЬНОЙ СТРОКИ МЕНЮ при наведении

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

    Asked by Defender1,

    0 votes
    15 answers

  8. counter

    Решил написать статью об использовании counter-increment, но тут же выяснил, что в FF это свойство работает коряво и в полной мере поддерживается только Оперой. Обидно.

    Asked by Vlad,

    0 votes
    2 answers

  9. Валидность

    валидатор ругается на строку .iePNG, IMG { filter:expression(fixPNG(this)); } http://jigsaw.w3.org/css-validator/validat...&usermedium=all кто знает как исправить?

    Asked by Иван Шумов,

    0 votes
    15 answers

  10. opera vs "универсальный шаблон"

    Доброго времени суток! Возникла проблема с оперой (что меня удивило) Сверстан сайт по вот этой идее http://trifler.ru/blog/i/users/ushablon.htm пример работает везде и на ура. у меня же после внедрения в жЫзнь, по закону подлости отображает не правильно ФФ и ИЕ корректно понимают margin-bottom:-32767px;padding-bottom:32767px; а вот опера не пожелала пример сайта http://devel.domik.net/mod/offers/ даю ссылку не на главную старницу специально. вкратце для тех кто не хочет заходить: в опере появляется огромное пространство размеров в те самые ~30000рх. Код в студию: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401…

    Asked by ignar,

    0 votes
    3 answers

  11. высота ячейки при 100% hieght таблицы в IE

    есть талица, которая растянута на 100% по высоте в ней 3 строки: верхняя и нижняя с фиксированной высотой, средняя все остальное место. вот я не понимаю почему, но ие (7..в 6 не проверял, но думаю тоже самое) не смотря на фиксированную высоту всеравно растягивает эти ячейки по высоте. <table class="table"> <tr> <td colspan="2" class="up"></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td height="90"></td> <td height="90"></td> </tr> </table> html, body{ margin:0; padding:0; height:100%; } .table{ height:100%; } .up{ height:224px; } * код сократил.…

    Asked by paShaman,

    0 votes
    16 answers

  12. Меню не расстягивается на 2 строки

    В меню заголовок ,когда не помещается,нормально растягивается на 2 строчки,а самом меню вторая строка уже налезает на след пункт.хотела прикрепить принтсрин,не поняла как) <!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=windows-1251" /> <title>Кафедра медицинской биологии и генетики КГМУ</title> <link href="help.css" rel="stylesheet" type="text/css" /> </head> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало конте…

    Asked by net,

    0 votes
    8 answers

  13. У ссылки нет нижнего bordera

    Почему у ссылки в IE не вылазиет border (билин) В firefox вроде работает.! Подскажите .плиз... Как с этим бароться? http://one-gi.ru.terra.mtw.ru/test/lk.html

    Asked by antonP,

    0 votes
    5 answers

  14. Роловерная кнопка средствами CSS

    Здравствуйте. Можно ли сделать ролрлверную кнопку средствами CSS с меняющемся фоном так, что бы не только при наведении но и при нажатии мышкой на не? фон менялся??? Средствами Java делать неохото так как IE блокирует скрипты и постоянно нужно давать разрешение на них.

    Asked by dennrum,

    0 votes
    1 answer

  15. календарь на сайте

    а как календарик на сайт добавить? что бы сам обновлялся, конечно явой или пхп можно??)) помогите ламеру кодом, если можно) заранее спасибо)

    Asked by Arkada,

    0 votes
    20 answers

  16. Кроссбраузерное форматирование столбцов таблицы.

    Всем привет. Предлагаю дискашн на эту тему, т.к. в инете очень мало инфы. Пишите сюда ваши варианты кто как делал. Я делал так: 1. добавил теги <table><col class=col1><col class=col2><col class=col3><col class=col4> и т.д. (добавляются сразу после тега <table>) Дальше в стилях прописывал форматирование. тег <td> наследует свойства от тега <col> В итоге в IE все получилось. А Опера такие вещи не понимает. Соответственно вопрос: как с этим быть?

    Asked by Shkur,

    0 votes
    4 answers

  17. IFRAME - полосы прокрутки

    Помогите новичку. Нужно "перекрасить" полосы прокрутки для обьекта . Пишу так IFRAME{ border: 0; scrollbar-face-color: #0000FF; scrollbar-darkshadow-color: #0000FF; scrollbar-shadow-color: #0000FF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-arrow-color: #FFFFFF; background-color : #FFFFFF; } не работает ни в каких браузерах (именно то, что связано со scrollbar, остальное работает). Как можно сделать такое - если это возможно. Желательно для браузеров MSIE и Opera (разумеется не "древних" версий).

    Asked by fdds,

    0 votes
    7 answers

  18. Проблема с версткой на div(. Помогите плиииииз!

    Хотел создать свой первый сайт на дивах, но возникает ряд проблем: в разных браузерах страница отображается по-разному и некоректно. В идиале сайт должен одинаково отображатся о этих браузерах, и 2 колонки с контентом должны ростягиватся содержимым, но не получается добиться этого ефекта. Укажите на ошибки, буду очень благодарен. Заранее спасибо! IE 7.0: Opera: Mozilla Firefox: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>.: Морские прогулки на яхтах в Крыму :.</title> <META http-equiv=Content-Type content="text/html; charset=win-1251"> <META content="Морские прогулки на яхтах в Крыму"…

    Asked by romik,

    0 votes
    5 answers

  19. PNG + CSS + IE ? ...

    Добрый день! Подскажите как заставить png работать не из корня, а из нужного каталога для IE ? В таком варианте работает везде: background: url('kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=kontent_t.png,sizingMethod=crop); А вот в таком только в Опере и Мазиле: background: url('../img/kontent_t.png') no-repeat left top; //background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../img/kontent_t.png,sizingMethod=crop); Заранее благодарен.

    Asked by Demis,

    0 votes
    4 answers

  20. Старнное поведение тега form в Mozilla

    Добрый вечер. Вот сверстал сайт слоями,все нормально,код валидный. Но если в слой,отведенный для контента, вставить содержимое с тегом form, в Mozilla все начинает плыть, если какой-нибудь другой контент-все норм.Подскажите,плз,как с этим бороться Пример контента (Smarty) <form method="post" id="f2" name="f2" enctype="multipart/form-data" onsubmit="return false" action=""> <table> {section name=font loop=$ar_font} <tr> <td><input type="button" value="del" onclick="doLoad(document.getElementById('f'),'fonts.php?action=delete&id_font={$ar_font[font].id}','body');" class="but width150"> </td> <td><input type="button" va…

    Asked by Микель,

    0 votes
    2 answers

  21. Список сдвигается только в IE...

    Создаю список ul по центру вытянутый в строку. Все прекрасно, но почему-то именно IE сдвигает его вправо где-то на 20 пикселей. Если в "ul#links {...}" изменить "margin-left: auto;" на "margin-left: 0;", то в IE встает все по центру как надо, зато в других браузерах блок прилипает к левому краю! Что делать? Перепробовал все что смог... #main { text-align: center; } ul#links { text-align: left; margin-left: auto; margin-right: auto; list-style-type: none; margin-top: 0; padding: 5px 0 5px 0; width: 800px; } ul#links li { padding-left: 26px; list-style-type: none; background:url(pic/kr.png) no-repeat 10px 50%; display: inline; }

    Asked by kireyev,

    0 votes
    6 answers

  22. вставляю div в ячейку - таблица смещается. не пойму.

    Здравствуйте! Стал делать сложную верстку, сделал таблицу со строками, и в эти строки вставил трехколоночные таблицы, первые две таблицы (во всех трех колонках) заполнил дивами и все ок, а вот в третьей вставил див (переход строки есть, ширины дива и ячейки совпадают, абсолютного позиционирования не применял, вобщем все ок), но все сместилось влево. Убираю див - все ок, не понимаю абсолютно, может кто сталкивался??? Таблицы автономны друго от друга - вставлены в разные строки и явно указаны ширины ячеек... P.S.: Абсолютное позиционирование не люблю и хотелось бы обойтись без него. Всем откликнувшимся заранее спасибо!

    Asked by walaby,

    0 votes
    2 answers

  23. Проблема с selectом

    В и задаю фон с помощью CSS через вот часть кода: background: url(../images/gold_sem.gif) center center; все нармально, а вот в не получается.Что вы об этом думаете?

    Asked by vl@dvk,

    0 votes
    5 answers

  24. Не получается с двумя слоями.

    Не могу совместить два слоя в одной ячейке таблицы (такое вообще, возможно?). Ж?лтая область - это область, где по умолчанию должна находится строка "On-line заказ.....", эта область растягивает ячейку по высоте, да и вообще портит вид, какого бы цвета не была. Саму строчку я передвинул (но ж?лтая область осталась), однако в этой же ячейке находится рисунок, который тоже описан отдельным слоем. Вобщем отрывок кода ячейки такой: <td colspan="2" class="menubar"> <span class="pic_left"><img src="images/left_bar.gif"></span> <div id="menubar_text">On-line заказ</div> </td> CSS: .menubar { background: #fc0 /* ж?лтый для наглядно…

    Asked by JeФoks,

    0 votes
    2 answers

  25. просвечивающееся меню

    Подскажите как реализовано здесь просвечивающее меню? http://lifelab.com.au/ Там где написано Life.lab и сами пункты меню как бы просвечиваются, сквозь них видно подложку в виде дома. Думал сначала картинки меню так сделаны изначально что бы просвечивались, оказалось нет

    Asked by nicotin,

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