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. Прокруткав ширину, и див такой же

    Вот возможно ли так сделать: Заголовки типа Kitchen, LivingRoom И в них должно быть то что черными символами (эти блоки у меня будут разных размеров, неизвестная высота). Т.е. что я хочу спросить, как запретить вертикальное растягивание, а оставить горизонтальное заполнение? Т.е. вот так: 1 | 4 | 7 2 | 5 | 8 3 | 6 | n Ну и есно что бы часть могла быть скрытая, по ней скрол просто уже сделать. Такое возможно на HTML CSS ?

    Asked by Лёха,

    0 votes
    6 answers

  2. Нужна помощь

    Всем привет... Впервые решил создать сайт,но никак не могу справиться с выравниванием рисунков...помогите ,а... вот что у меня получилось: Файл index: <html> <head> <title>Открытки HandMade </title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="verh1"> <div id="verh"> <img src="images/batterfly 2.gif" align="left"> <div id="verh-right"> <img src="images/butterfly.gif"> <div id="main"> <div id="niz_left"> <img src="images/Text.gif" align="left" align="bottom"> <div id="niz_right"> <img src="images/Left bot…

    Asked by Ruzzel,

    0 votes
    2 answers

  3. Наследование или приоритет?

    Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …

    Asked by Bhudh,

    0 votes
    17 answers

  4. Reset (прислал верстальщик)

    reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …

    Asked by Verder,

    0 votes
    27 answers

  5. ID и class, как правильно назначать правило для div

    Здравствуйте. Только недавно начал изучать CSS по видео урокам и столкнулся с тем, что один создаёт правила для блока назначая ему идентификатор ID, а другой тоже самое но только через class. Как правильно ?

    Asked by Illuminati,

    0 votes
    5 answers

  6. "Экстренная мобилизация"

    Коллеги, нужна срочная помощь. Имеется сайт www.zgames.com (игрушки для айфона), на самом айфоне отображается (имхо) адекватно, но к концу сегодняшнего дня нужно сделать для него отдельную мобильную версию. Никогда с такой задачей не сталкивался (всегда придерживался позиции, что лучше делать основную верстку доступнее, проверял в Опере Мини и всё), поэтому не знаю толком, с какого конца браться. Нужно ли юзать XHTML MP (с правильным контент-тайпом application/vnd.wap.xhtml+xml и т.п.)? И вообще, на что обратить внимание в первую очередь, а что можно оставить "на после"? Пожалуйста, помогите чайнику хотя бы сориентироваться...

    Asked by SelenIT,

    0 votes
    3 answers

  7. как открыть несколько сайтов с одном окне?

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

    Asked by atew,

    0 votes
    1 answer

  8. Проблема с позиционированием

    Вобщем вот что у мя есть: http://i013.radikal.ru/1011/fe/0c1ad6be4132.jpg Вобщем я взял скрипт лента фильмов - Вот сам скрипт, и переделал под себя,под афишы. Я создал информер: <div style="width:18%;background:#333;display:block;border:1px solid #444;float:left;margin-left:8px;height:180px;margin-bottom:10px;"> <table border="0" cellpadding="2" cellspacing="1" width="100%" class="infTable"><tr></tr><tr><td class="infTitle" colspan="2"> <?if($SOURCE$)?><c><a href="$ENTRY_URL$"><img src="$SOURCE$" width="100%" height="50%" alt="$TITLE$"/></a> </c><?endif?> </table> </div> П…

    Asked by Vladinho,

    0 votes
    3 answers

  9. Фиксированный блок в фиксированном блоке

    Скорее всего хожу вокруг да около или просто туплю, но мне надо сделать два блока фиксированной ширины. Схематично это можно выразить так: Грубо говоря, у меня есть зеленый блок фиксированной ширины, а внего нужно запихнуть красный блок фиксированной ширины. Естественно, не получится запихнуть блок большей ширины в блок меньшей ширины, но вот как-то надо это сделать каким-то другим образом.... )))

    Asked by vadimon,

    0 votes
    13 answers

  10. Подсказки на странице

    Иногда когда наводишь на странице на какой-нибудь элемент появляется подсказка. Обычно просто текст. Как можно этот текст сделать и оформить? Скриншот сделан с этой странчки:http://ge1i0n.mybrute.com/cellule Наведите на "Speed" например и вы увидите что я имею ввиду, если непонятно выразился.

    Asked by Ge1i0N,

    0 votes
    5 answers

  11. IE6 и 7 - подскажите!

    Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…

    Asked by pattaya,

    0 votes
    6 answers

  12. Невидимые гграницы при эмуляции одинаковой высоты.

    Здравствуйте, при эмуляции одинаковой высоты можно как-либо сделать границы центрального блока невидимыми? Верстаю макет, решил одинаковую высоту сэмулировать (А может и не нужно было?). Поставить синий цвет тоже не могу, так как градиент все же дает о себе знать, ставил border-left: hidden и border-right: hidden, но тогда колонки разбегаются по сторонам.

    Asked by Red Planet,

    0 votes
    9 answers

  13. Можно ли в таблице повернуть текст на 90*?

    сабж

    Asked by pix_l,

    0 votes
    3 answers

  14. проблемы с кодом

    <!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=utf-8" /> <title> sss </title> <style type="text/css"> html { margin: 0; padding: 0; } body { background-image:url('700.jpg'); } #main { background-image:url('fon2.png'); background-repeat:no-repeat; position:absolute; width:1024px; height:100%; background-position:center top; } #title { background-image:url('title.png'); background-repeat:no-repeat; position: absolute; width:100%; height:100%; background-posi…

    Asked by jinjoly,

    0 votes
    1 answer

  15. DIV внутри ячейки TABLE IE проблемы резины

    Всем привет! Помогите кто шарит в ХТМЛ, есть простой кусок ХТМЛ, но в ИЕ 8 он отображается каряво: <body> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом--> <div style="width:100%; float:left"> <div style="margin-left:64px; background-color:red">TEXT</div> </div> <div style="margin-left:-100%; width:64px; float:left; background-color:blue">IMG</div> <div style="clear:both"></div> <!--ТУТ "РЕЗИНОВАЯ" строка с картинкой и текстом в обёртке table--> <table style="width: 100%; vertical-align: middle; height: 100%; text-align: center"> <tr> <td align="center" valign="middle" height="100%"&g…

    Asked by hexen2,

    0 votes
    4 answers

  16. Открытие EXE-файлов на сайте

    EXE - файл создан на Visael Basic'е и выгружен в Интернет. Вопрос: Можно ли сделать так, чтобы VB-форма появлялась программным образом на стартовой странице сразу в момент загрузки сайта, а не путём клика по ссылке.

    Asked by oleg.smirnykh,

    0 votes
    2 answers

  17. Как воспроизвести звук при нажатии на кнопку ?

    Как можно воспроизвести звук при нажатии на кнопку ??? Кто то может знает как это можно сделать? Вот мои кнопки <p id='kino'>Кино</p> <p id='kartinki'>Картинки</p> <p id='music'>Музыка</p>

    Asked by 333_org_ua,

    0 votes
    1 answer

  18. Иероглифы в мозиле вместо русского языка ! В чем дело ?

    Сделал сайт. На компьютере работает все хорошо и на мозиле и на гугл хром и на интернет експлоер и даже на нетскейп навигатор. Загрузил файлы на хост и появилась проблемма. IE и Гугл Хром отображают все хорошо а вот мозила и нетскейп навигатор вместо русского выдают иероглифы ! Помогите разобраться пожалуйста. В чем может быть проблемма ?

    Asked by 333_org_ua,

    0 votes
    2 answers

  19. Проверка сайта (движок Joomla) на валидность.

    Ошибка: Sorry, I am unable to validate this document because on line 224 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xD0" does not map to Unicode Подобная тема уже есть, решение вроде бы тоже. Но в моем случае указывается номер линии, которого либо вообще нет, либо на этой линии ничего необычного не наблюдается. Может быть причина в том, что я не знаю где смотреть эту самую линию, поскольку в коде созданном на Joomla плохо разбираюсь. Через браузер номера строк…

    Asked by Trali-Vali,

    0 votes
    8 answers

  20. Оптимизация логотипа форума

    Здравствуйте! Возможно где-то такая тема уже есть, но я не нашёл и создал новую. Помогите разобраться в коде CSS #logodesc { margin-bottom: 15px; padding: 0px 5px; background: #FFB3CC; border: 2px solid #D7E4E4; background :url(images/header.jpg) no-repeat; width:1480px; height:150px; } Почему-то в разных браузерах логотип отображается по разному, например, в IE, опере - он не до конца доходит, а в мазиле через-чур уезжает за границы и появляется прокрутка. Код как мог набросал, понимаю, что многое может быть и не правильно, недавно совсем начал разбираться с ними. Мне очень надо понять что не так-то

    Asked by sunrec,

    0 votes
    8 answers

  21. font-weight указать в font

    Нужно задать font-weight: normal, используя свойство font Синтаксис: font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit Попытка №1: font: inherit inherit normal 20px inherit; Попытка №2: font: normal 20px inherit;

    Asked by kedovan,

    0 votes
    3 answers

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

    как выравнять текст по центу по высоте в поле input? спасибо

    Asked by vvsh,

    0 votes
    5 answers

  23. Ширина 100%

    есть сайт http://skrypalej.net/ , Как видите при расширении 1024x786 все нормально - http://img716.imageshack.us/img716/9564/11477702.png , но если больше тогда фон правой колонки автоматически неувеличивается , перепробовал все способы которые знаю, картинка и впредь не розшираеться при большом екране - http://img109.imageshack.us/img109/1498/59495913.png Html и Css нету смисла викладивать ,можно посмотреть на сайте!!!!

    Asked by Mr.Black,

    0 votes
    14 answers

  24. Две фоновых картинки

    Добрый вечер, Гугу веб-дизайна! Вот, не знаю, как быть… В процессе создания меню для сайта столкнулся с траблом. Меню представляет собой список — <ul>. Для тега <a> прописано фоновое изображение (уголок, прибитый к левому нижнему углу). Нужен точно такой же уголок в правом нижнем. Пробовал использовать вложенный <div> — всё рушится. Подскажите, как сделать? #menu { background-color:#34618e; text-align:center; height:25px; margin-top:10px; margin-left: 50px; margin-right: 50px; padding-top: 20px; } #menu ul, #menu li { display:inline; margin:0; padding:0; } #menu a { padding:20px 25px 20px 25px; background-color:#507caa; background-image:u…

    Asked by brainiac,

    0 votes
    3 answers

  25. position:absolute; div

    Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.

    Asked by G6CFfy,

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