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. Работа с текстом

    Добрый вечер. Нужна помощь, помоймо можно как то регулировать ширину и высоту букв(как например в фотошопе, грубо говоря высота: 105% ширина 95%), скажите каким атрибутом это делается??

    Asked by woofs,

    0 votes
    4 answers

  2. Сайт в IE выводится не по центру

    Использовал вот этот http://www.zakharov.ms/footer/ метод, чтобы прижать подвал к низу странице. В FF и Opera сайт (http://electrodance.org.ua) центрируется, а в IE нет. CSS: http://electrodance.org.ua/templates/Default/css/style.css В чем проблема? Заранее благодарен.

    Asked by Mr.Smith,

    0 votes
    8 answers

  3. Почему справа нет отступа

    Почему в FF 3.0.5 и Хроме 1.0.154.43 нету справа отступа? В IE7 есть, 10px как и положено. Сам код: <!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>CSS</title> <style type="text/css"> body { margin:0; padding:0; } div { width:100%; margin:10px; color:white; background-color:blue; } </style> </head> <body> <div>Красивый заголовок на синем фоне</div> </body> </html>

    Asked by frayd,

    0 votes
    10 answers

  4. Всплывающая подсказка

    У меня вопрос как мне сделать подсказку для ссылки на основе переката изображения css: A.history { background: url('../images/buttons/history.jpg'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 209px; /* Ширина рисунка в пикселах */ height: 49px; /* Высота рисунка */ } A.history:hover { background-position: 0 /* Смещение по горизонтали */ -49px; /* Смещение вверх по вертикали */ } html: <a href="index.html" class="history"></a> с простой то картинкой все понятно <img border="0" src="images/don't-panic_09.jpg" width="209" height="49" alt="История">

    Asked by Noks,

    0 votes
    6 answers

  5. Поменять стандартные стили тега select

    Подскажите, возможно ли, у тега select поменять стандартнуй стрелочку и бэк на свои стили средствами css? Если да, то как? З.Ы. ну или правильный запрос к гугл, потому как мои запросы мне ничего не дали...

    Asked by rus,

    0 votes
    3 answers

  6. iframe

    Доброго времени суток. При загрузке странички, содержащей динамический iframe в iframe главной страницы, iframe-потомок теряет способность менять высоту, появляется полоса прокрутки. Долгие поиски в сети результата не дали. Помогите, граждане и гражданки, решить проблему.

    Asked by Gennadi,

    0 votes
    3 answers

  7. Можно ли объявить запасной scr ?

    Возникла такая ситуация, что база изображений для сайта распределена по двум каталогам. Причем, для каждого изображения известно только имя файла, но не известен каталог, то есть он известен, но с точностью до двух вариантов (это такие условия партнерки). Вот я и подумал, не придет ли мне на помощь HTML 5 со своими новыми возможностями, и нет ли там возможности указать запасной атрибут scr в теге img? Если, кто обладает информацией по даному вопросу, дайте знать, пожалуйста...

    Asked by freeneutron,

    0 votes
    12 answers

  8. Спрятанный текст в DIV или Table

    Здравствуйте Надо зделать так чтоб половина куска текста была спрятана. Пример есть <div style="width: 50"> с длинным текстом и надо чтоб текст помешался столько сколько по параметрам ширины а остальной текст скрывался.

    Asked by serg2222,

    0 votes
    2 answers

  9. Помогите прибить div к низу

    #sidebar { float: right; width: 320px; margin: 0px; padding: 0px 0px 10px 0px; display: inline; } .logocounter { background: #FFFFFF url(images/sidebartop.gif) top no-repeat; float: left; width: 300px; margin: 0px 0px 10px 0px; padding: 10px; border: 1px solid #DDDDDD; } <div id="sidebar"> ... Всякие виджеты ... <div class="logocounter"> ... Коды счетчиков ... </div> </div> Есть ли возможность прибить к низу <div class="logocounter">?

    Asked by tpa2111,

    0 votes
    6 answers

  10. Помогите чайнику.

    Добрый день. Делаю сайт для магазина и хочу на первой его странице разместить несколько товаров с ценой и названием. Сделал таблицу, сунул в нее картикни и описание(цена,модель) и все бы хорошо, НО при изменении разрешения экрана монитора появляется горизонтальная полоса прокрутки, а хотелось бы чтоб моя таблица из таблицы в 3 столбца и 2 строки превращалась в таблицу 2 столбца и 3 строки при изменении разрешения дисплея. Если я все правильно понимаю и называю все своими именами, то макет - табличный, "резиновый" (ширина 2 колонок сайта в пикселях, 1-ой колонки в процентах, в ней-то как раз и находится таблица, которая должна из 3х2 превращаться в 2х3) Возможно ли это? Ес…

    Asked by Leviofan,

    0 votes
    5 answers

  11. Определить числа и знаки

    Подскажете как более точно определить, ввел пользователь запятую или точку... нужна в числе только точка или ее отсутствие (например, 0.9 или 9 или 88). На запятую error. $sumznak = !eregi("^[0-9]+([\.]+[0-9])", $sum); Так у меня проверка проходит, если ввели запятую, но и если ввести одно число (например, 4) - тоже ошибка. Ввожу 44 - все гуд.

    Asked by banyman,

    0 votes
    4 answers

  12. Вертикальное выравнивание

    Добрый день, вновь. Подскажите как мне содержимое контейнера выровнять по вертикаль-центр(vertical-align почемуто не помогает), у контейнера минимальная высота, в него помещается еще один контейнер.... #title_conn {width:100%; /*он долженн выставить чтобы содержимое равнялось по вертикал-центр*/ background-color:#eeeeee; position:relative; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; min-height:30px; } .tit { /*он должен встать по центру вертикали*/ position:relative; width:158px; left: 16px; padding:2px; border: 1px solid red; } <div id="right"> <div id="title_conn"> <div class="tit"><p>jjjjj</p> …

    Asked by woofs,

    0 votes
    16 answers

  13. Помогите ламмеру

    Привет ребята помогите ламмеру. Как сделать фон Web-страницы в HTML. Хочу чтобы фоном была ненавязчивая катинка jpg размером 1024 Х 768. Но подлый браузер не растягивает её а копирует. <body background="pic.jpg"> что добавить к этому коду или как правильно его написать??????? Приношу извиения за тупость, заранее СПАСИБО за ответ.

    Asked by taran,

    0 votes
    5 answers

  14. Как можно создавь фотогаллерею для сайта?

    Хочу создать фотогалерею!

    Asked by Gladiator,

    0 votes
    5 answers

  15. Рамка вокруг flash

    Здравствуйте! У меня проблема: http://zhivoyfest.ru/ Это тестовая страница - специально для форума сделал. Сверху flash-шапка с кодом <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="995" height="249"> <param name="movie" value="flash/top.swf"> <param name="bgcolor" value="#ff0033" /> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="opaque" /> <!--[if !IE]> <--> <o…

    Asked by Patriot_spb,

    0 votes
    4 answers

  16. Ссылка "обновить"!

    Как сделать ссылку "обновить", на которую если нажать, то определённое изображение обновится, в моём случае будет обновлятся капча!?

    Asked by orion,

    0 votes
    9 answers

  17. в IE подчеркивание превратилось в перечеркивание

    ссылка вставлена вот таким кодом: <div class='bottommenu'><a class='page1' title='' target='_self' href='index.php'>название ссылки</a></div> а вот стили: div.bottommenu {text-align:center; margin:0px; padding:0px; margin-top:10px; margin-bottom:10px;} a.page1:link {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; text-align:left; text-decoration:underline; vertical-align:bottom} a.page1:visited {color:#3366cc; font-family: Arial, Arial Narrow, Tahoma, Verdana, sans-serif;font-style: normal; font-weight: bold; font-size: 10px; line-height:12px; …

    Asked by begin3,

    0 votes
    2 answers

  18. Разное отображение рисунка

    Всем привет! Вопрос: Почему происходит разное отображение (разрешение?) рисунка gif в Internet Explorer и в Opera ? http://www.balkon-servis.ru Спасибо!

    Asked by kochay,

    0 votes
    13 answers

  19. проблемы с подвалом

    В общем не могу разобраться в чем проблема, всегда было наоборот, опира, сафари и фф всегда отображали как надо а ие косячит, а тут вот такое вот дело... наоборот... html - страница: <html> <head> <link rel="stylesheet" type="text/css" href="/css/scr.css"> </head> <body> <div id="all_page"> <div id="top-page_round"></div> <div id="content-page"> <div id="header"> HEADER </div> <div id="f_content"> <div id="box_links"> {field_16} </div> <div id="box_content"> {field_1} </div> <div id="box_plus"> <h4>Полезно знать</h4>{field_13}…

    Asked by mario,

    0 votes
    4 answers

  20. шаблон css

    главное что бы колонки были одинаковой высоты (тянулись), не зависимо от того в какой колонке больше текста!!!

    Asked by web-publisher,

    0 votes
    2 answers

  21. Как зафиксировать ячейку таблицы с рисунком

    Вот бьюсь 3 дня над такой проблемой. Делаю верстку шаблона, но вся соль в том что диз построен на градиенте и требует создания дополнительных ячеек в таблице, а вот зафиксировать их я не могу. Вернее один раз получилось, как назло комп подвис и все. Навожу код <style type="text/css"> <!-- .tile_news_inside { background-color: #E8F0F7; background-image: url(images/tile_news_inside.gif); background-repeat: repeat-x; } .left_tile_news { background-image: url(images/left_tile_news.png); background-repeat: repeat-y; } .right_tile_news { background-image: url(images/right_tile_news.png); background-repeat: repeat-y; } --> </style> <TABLE CELLSPA…

    Asked by flint2000,

    0 votes
    6 answers

  22. Нужна помощь!

    Помогите с хостингом сделал сайт он у меня на жостком,как мне с жосткого зарегистрировать его в хостинге.

    Asked by Програмист,

    0 votes
    8 answers

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

    Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…

    Asked by artist_id,

    0 votes
    4 answers

  24. Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.

    Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…

    Asked by chabapok,

    0 votes
    3 answers

  25. 2 стиля

    У меня проблема никак не могу разобоатьс: у меня есть файл со стилями(style.css): A:hover{ color: green; } и html в который подключаю стили <head> <title>ААА</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" text="#FFFFFF" background="images/fon.jpg"> <a href="the%20punk/the%20punk1.php"> <span style="text-decoration: none;"> Ссылка №1</span></a> <a href="2.php">Ссылка№2&…

    Asked by Noks,

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