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. Выравнивание по центру изображения с absolute

    Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE…

    Asked by Elmirill,

    0 votes
    2 answers

  2. Резиновая вёрстка с минимальной шириной центра

    Всем привет! Возникла одна интересная задача, которую пока не смог решить. Имеется резиновая вёрстка: 2 боковые колонки, фиксированной ширины, и растягивающийся центр. Проблема в следующем. Минимальное разрешение экрана для нормального просмотра сайта - 1024х768. Мне нужно сделать так, чтобы центр полностью разместился на экране, имея минимальную ширину примерно в 990px, а боковые колонки чтобы просто "срезались", заняв оставшееся место на экране. При большем разрешении экрана, соответственно, колонки будут показаны уже больше. А у кого совсем широкий экран - колонки будут на месте, а центр растянется под свободное место. Думаю, идею изложил ясно. Итак, вот что имеется: …

    Asked by Yuriy,

    0 votes
    13 answers

  3. 3 колонки у каждой получается своя высота

    Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…

    Asked by klara7,

    0 votes
    12 answers

  4. верстка на дивах, когда вставлена картинка верстка съезжает

    Так вот, ситуация следующая, сверстала макетик, для проверки просто вставила туда текст, все работало замечательно, но по задумке в одном из блоков (их всего 4 - шапка, две колонки, подвал - все фиксированное), а именно в левой колонке, где располагается основная часть, которая должна быть картинкой, слетела верстка. Если в левой колонке стоит просто текст, то все отображается нормально, но если я ставлю туда картинку, то она съезжает вниз на длину правой колонки (на макете зеленая). как это должно выглядеть, но тут вставлен текст. а вот как выглядит макет когда в него картинка вставлена вместо текста. при чем белая полоса над картинкой удлиняется, если длина зеленой ко…

    Asked by rognarek,

    0 votes
    2 answers

  5. Шрифт и разные браузеры

    Сталкнулся с проблемой. В Опере и Фаерфоксе текст отображается поразному, из-за этого в Опере текст съезжает и не помещается в таблицы как задумано. Подскажите как с этим бороться. Если можно с примерами. Спасибо.

    Asked by gohtwew,

    0 votes
    6 answers

  6. Выпадающее индексированное поисковыми роботами

    Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.

    Asked by people2010,

    0 votes
    6 answers

  7. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!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"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    0 answers

  8. 2-ая ячейка вышла за полюс

    У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!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"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…

    Asked by people2010,

    0 votes
    1 answer

  9. Не изменяется цвет фона контента.

    Не могу понять почему не изменяется цвет контента. Я взял шаблон кода html+css с сайта. Вот у меня в body {} стоит background-color: #a1cfff;. Это я так поставил цвет краёв, т.е. что не входит в границы сайта. Теперь я хочу чтобы контент и сайдбар были белыми. Я пишу в #content { background-color: #fff; } и фиг меняется что. Пишу в #container { background-color: #fff;}. Тоже ничё не меняется. В сайд баре поменялось. Не могу понять почему. Вроде всё должно менять и работать. Помогите мне разобраться пожалуйста, если конечно поняли меня.

    Asked by prowoke,

    0 votes
    1 answer

  10. Как сделать перенос текста на новую строку, если он не влазит в div?

    Доброго времени суток. Обрашаюсь за помощью к сообществу. В вёрстке я глубокий чайник Есть вот такая картинка: страница на которой всё это http://club.desantura.ru/lit/ не могу понять, как сделать, чтобы текст, который не влазит в ячейку переносился на новую строку, а не вылазил за её пределы. уже весь мозг сломал. Лучший вариант, который смог достичь, это применение overflow: hidden чтобы обрезать лишнее.

    Asked by am-inbox,

    0 votes
    4 answers

  11. Список ссылок в диве

    Внутри ячейки возникла необходимость сделать список ссылок,то есть внтутри <td> я хочу сделать несколько ссылок, только каждая ссылка на следующей строке должна находиться/ Раньше делал таким коротким способом, сейчас чего-то этот способ не работает. Создал класс .d{display:block;} А потом в диве писал такое раньше и выходило, а сейчас не выходит: <div class="d"> <a href="#">Privet</a> <a href="#">Privet</a> <a href="#">Privet</a> </div>

    Asked by people2010,

    0 votes
    1 answer

  12. Стиль бордюра

    Скажите как коротко записать чтоб, верхней границы бордюра не было, а право, лево и низ было чёрным цветом 1 пиксель? border:право лево низ solid black; Вот так не получаеться .menubordur{border:1px 1px 1px solid black;}

    Asked by people2010,

    0 votes
    2 answers

  13. Список с разными маркерами

    Как правильно сделать список чтобы у каждого элемента списка была своя картинка-маркер? создал Вот такой список: <div id="menu8"> <ul> <li><a href="#1"><span id="one"> Подсолнух</span></a></li> <li><a href="#2"><span id="two"> Лютик</span></a></li> <li><a href="#3"><span id="three"> Ромашка</span></a></li> </ul> </div> сss-код: #menu { /** background: #333333; **/ float: left; width: 250px; height: 624px; margin-top: 10px; margin-right: 10px; border: 1 solid black; padding-right: 20px; } /* …

    Asked by Newbie,

    0 votes
    3 answers

  14. Выравнивание в div по вертикали

    День добрый. Вопрос в нете обсуждался, но именно, то что нужно мне не нашлось. Итак, нужно в div выровнять два элемента. Один по верху (обычно) а один элемент вывести в самом низу. Высота родительского div фиксирована. Всем спасибо

    Asked by ekkl,

    0 votes
    1 answer

  15. размер шрифта на сайте и операционная система.

    Ребят, полазил по форуму, не получилось найти ответа, так что создаю тему. Суть вот в чем, в настройках винды (ПЕРСОНАЛИЗАЦИЯ), установил крупный шрифт и решил посмотреть на свои работы и ужаснулся - шрифт стал больше и все стало некорректно выглядеть. Вопрос. Можно ли с помощью CSS сделать шрифт одного размера не смотря на настройки ОС. Спасибо за внимание.

    Asked by getalusk,

    0 votes
    2 answers

  16. ie высота ячейки

    Есть таблица следующего вида: <table> <thead> <tr> <th><span>12323</span></th> <th><span>12323</span></th> <th><span>12323</span></th> </tr> </thead> <tbody> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr> <td><span>12323</span></td> <td><span>12323</span></td> <td><span>12323</span></td> </tr> <tr…

    Asked by theo_,

    0 votes
    2 answers

  17. Условн. комментарии в ИЕ

    Хочу сделать отступ картинки которая находиться внутри ячейки таблицы, отсуп хочу сделать на определенное расстояние вправо. Дело в том что задаю в стилях и во всех браузерах кроме ИЕ, отступ, такой как нужен, в ИЕ показывает немного дальше что меня не устраивает. Для этого использую условные комментарии. Дело в том, что вроде они срабатывают, но проблема в том, что не знаю как поставить так условие, чтоб не дублировалась картинка 2-ой раз в браузере Ие именно, толкьо в нём и больше ни где дублируется картинка, как исправить подскажите. <html> <head><title>Видео</title> <style type="text/css"> .videoyrokiIE{position:relative; left:165px; } …

    Asked by people2010,

    0 votes
    23 answers

  18. Отступы от картинок

    У меня вот такая вот проблема. У меня 3 мини фотографии должны располагаться в линию и чтобы расстояние между ними было n пикселей. Так вот я думал, что я это решу также как и с тегами ul li, как делал отступ между словами, но не получилось. Между словами я делал так: #navigation li { display: inline; margin-right: 25px; padding-left: 20px; } Картинки у меня расположены в 1 диве, те <div id="kartinka"> <img src="1"></img> <img src="2"></img> <img src="3"></img> </div> Я чуть погуглил, но я фиг его знает, как описывать проблему в поиске. В общем помогите. Верстальщик тока начинающий.

    Asked by prowoke,

    0 votes
    3 answers

  19. масштабирование странички по ctrl+колесико

    Добрый день, подскажите, кто-нибудь сталкивался с проблемами мастабирования по ctrl+колесико? проблема вот в чем, страничка php с заданным функционалом и дизайном упорно не хочет масштабироваться, а очень надо! все размеры шрифтов в em наблюдается некоторая странность - если страничка загружена и я хочу ее отмасштабировать, она стоит на месте, но как только нажимаешь F5, она сразу же масштабируется на столько, сколько я прокручивала колесико и уже потом ведет себя нормально, хотелось бы что бы поведение странички было сразу адекватным...

    Asked by jul_k,

    0 votes
    6 answers

  20. Динамические всплывающие меню

    Здраствуйте. Я недавно занимаюсь версткой и сейчас передо мной стоит серьезная задача, справиться с которой, увы, пока не могу. Ка мне реализовать меню,как наэтом сайте http://shakhtar.com/ua/. именно всплывающие динамические меню. Буду очень благодарен за пример с обьяснениями, что-бы я егонетолькоскопировал но и понял))) Заранее спасибо!

    Asked by supervaleha,

    0 votes
    3 answers

  21. Проблемы с подключаемыми шрифтами

    Доброй ночи, товарищи верстальщики) Заниматься версткой стала недавно и занимаюсь как говориться самообучением и сталкнулась вот с какой вещью. во всех браузерах и даже ие7 шрифты подключенные с помошью Cufon работают без проблем. а вот ие6 их хоть и выводит пишет ошибку - "инструкция return вне функции". я все ломаю голову и не могу найти решение данной проблемы. все вроде слово в слово как в примере найденном. ну почти слово в слово. везде работает без проблем. а вот 6 не хочет не ругнувшись выдать текст. не исключаю того, что просто где-то в коде допущена глупая синтаксическая ошибка, но просто я ее не вижу к сожалению(( хотелось бы попросить помощи у вас, может кто зн…

    Asked by Nurok,

    0 votes
    3 answers

  22. Как быстро поменять фон таблицы

    Всем привет. я хочу при наведении мыши на графический элемент менять его вид(формально это таблица 3 на 3 где крайние ячейки имеют фон-картинку а центральная ячейка содержит список с данными). типа hover. использую джаваскрипт. проблема в том что ИЕ безумно тормозит. сейчас на mouseover/out меняю класс ячеек таблицы. может есть идеи как можно быстрее background-image сменить? спасибо

    Asked by maximspb,

    0 votes
    15 answers

  23. IE8 и padding для ссылки

    Столкнулся с такой проблемкой. Есть ссылка, т.е. http://' target="_blank"> и к ней стили color: #2b587a; padding: 1px 0 1px 18px; background: url(../img/big_search.png) no-repeat; в опере, мозиле все как надо отображаеться, в осле криво (см. скрин) Собственно вопрос, неужели осел не понимает свойство padding для элементов а?

    Asked by Саныч,

    0 votes
    4 answers

  24. Предварительная загрузка невидимых элементов страницы?

    Есть сайт, на сайте есть блок, в котором есть картинки-ссылки которые меняются при наведении мышки и нажатии мышки (что то типа меню с кнопками). Проблема у меня в том что картинка, которая должна появляться при наведении и другая при нажатии, начинают они подгружаться в момент этого действия и это заметно, даже на быстром интернете, как сделать чтобы картинки эти подгружались в месте с страницей, но небыли видны пользователю пока он не выполнить действие мышкой над картинкой-ссылкой? Вот пример HTML кода: <td width="135" height="135"> <a href="#" class="d15" onfocus="this.blur()"></a></td> Вот CSS: a.d15:link { background: url(images/catalog_co…

    Asked by eVErl@Sting,

    0 votes
    11 answers

  25. Как сделать text-shadow в ie?

    У меня возникла проблема с text-shadow в ie во всех других браузерах проблемы нету а в IE не как не хочет показываться, я пробовал прописать: filter: DropShadow(Color=#666666, OffX=1, OffY=1, Positive=0);

    Asked by serg_ss,

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