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. И снова css + IE

    <style type="text/css"> #container { margin-top: 20px; margin-right:15px; margin-left:10px; width: 800px; /* Ширина слоя */ background: url(http://mediapro.com.ua/economist/magazine/fon_snow.gif ) no-repeat left top; } #otstup1 { position: relative; width: 470px; /* Ширина слоя */ margin-right: 450px; } #otstup2 { position: relative; width: 400px; /* Ширина слоя */ margin-right: 325px; } #otstup3 { position: relative; width: 770px; /* Ширина слоя */ margin-right: -15px; } </style> </head> <body> <div id="container"> <div id="otstup1"> <div style="text-align: center;"><span class="webpagetitlegreen">Дорогие друзья!…

    Asked by Lana_M,

    0 votes
    14 answers

  2. И снова div

    Всем привет, возникла проблема с Div ни в какую не хочет растягиваться по размерам дочерних блоков. <div class="divCenter"><div class="divCenter2"> <div class="divMain1"><img src="img/main1.jpg" width="600" height="380" alt="Изображение не доступно" /></div> <div class="divMain2">Комфорт превыше всего!</div> <div class="divMain3"><img src="img/main2.JPG" width="510" height="320" alt="Изображение не доступно" /></div> <div class="divMain4"><img src="img/main4.jpg" width="1140" height="400" alt="Изображение не доступно" /></div> </div></div> .divCenter {width:1200px; height: 100%; …

    Asked by Skej,

    0 votes
    0 answers

  3. И снова htaccess

    Здравствуйте. Возникла надобность использовать mod_rewrite. Есть простенький сайт. В нем всего 2 типа ссылок. 1. site.ru/?page=имя страницы например contacts 2. site.ru/?galery=имя например user Надо как то сделать эти линки вида site.ru/имя_страницы и site.ru/galery/имя_пользователя Я создал файл .htaccess и внес в него следующие строки Options +FollowSymLinks RewriteEngine on RewriteRule (.*)/(.*)/$ /?galery=$2 Все работает но если я вношу еще и RewriteRule (.*)/(.*)/$ /?page=$2 то первое правило перестает работать( т.е. срабатывает первое правило, но ничего не отображается из контнета Прошу помочь.

    Asked by greeb,

    0 votes
    1 answer

  4. И снова z-index - не получается спозиционировать выпадающее меню.

    Доброго дня всем. Возникла проблема с выпадающим меню на сайте http://izodecor.md , а точнее никак не удается выдвинуть меню вперед. z-index не помогает или я что-то не так делаю (я новичок в этом) хотя сам DIV с меню располагается внутри "злого" DIV-а который и перекрывает меню . Устал биться - перечитал с полсотни постов и так ничего и не понял - прощу помощи. Не сплю уже вторые сутки и мозг просто не выдержит еще даже 10 страниц чтива. Подозреваю, что проблема кроется в "overflow: hidden" но самостоятельно не догоняю, где чего исправить. В общем - HELP!

    Asked by Veysel,

    0 votes
    2 answers

  5. И снова z-index в ie8-9

    В ie8-9 Элементы с классом m-pointer находятся уровнем ниже main-img. Z-index не помогает при том, что элементы позиционированные. ...... <div class="m-pointer p1" id="p1"></div> <div class="m-pointer p2" id="p2"></div> <div class="m-pointer p3" id="p3"></div> <div class="m-pointer p4" id="p4"></div> <div class="m-pointer p5" id="p5"></div> <div class="m-pointer p6" id="p6"></div> <div class="m-pointer p7" id="p7"></div> <div class="m-pointer p8" id="p8"></div> <div class="m-pointer p9…

    Asked by gekas,

    0 votes
    2 answers

  6. И снова верстка рассылок

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

    Asked by sjinks,

    0 votes
    7 answers

  7. И снова вертикальное выравнивание

    У меня вот задача: четыре блока в ряд, каждый блок целиком — ссылка. Текст выровнен по центру. Сейчас так сделано: <nav class="extra__list"> <a class="extra__unit extra__unit_view_1" href="#ex1">Раз</a> <a class="extra__unit extra__unit_view_2" href="#ex2">Два</a> <a class="extra__unit extra__unit_view_3" href="#ex3">Три</a> <a class="extra__unit extra__unit_view_4" href="#ex4">Четыре</a> </nav> .extra__list { display: table; width: 100%;} .extra__unit { display: table-cell; height: 122px; width: 25%; text-align: center; vertical-align: middle; font-size: 24px; border-radius: 3px; padding: 0 30px;} Всё бы …

    Asked by Gaspode,

    0 votes
    17 answers

  8. И снова вопрос

    Снова нужна помощь знающих, В общем вот такой кусок: Интересует 2 вопроса: 1. правильно ли делать через таблицу 2. как сделать такие прикольные границы между ячейками Мой код: HTML: <table width="98%" style="border: solid 1pt #810e05; font-family: Arial 11px; color: #cea9a2"> <tr style="background-color: #770000"> <td width="30%"></td> <td width="20%" valign="middle">Jouer ? la Roulette dans All Jackpots Casino</td> <td width="40%">200€ de Bonus de Bienvenue Bonus de 100% sur Votre Premier D?p?</td> <td width="10%" align="right"></td> </tr> <tr style="background-color: #440B06"> <td></td&…

    Asked by ShiftedReality,

    0 votes
    11 answers

  9. и снова вопрос по шрифту

    Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно э…

    Asked by Nailya,

    0 votes
    2 answers

  10. и снова выпадающее меню

    сделал выпадающее меню, на Ul li все вроде работает, но вот незадача, ширинав выпадающей подменю привязанна к ширине самого меню и ни в какую не хочет менятся в зависимости от динны пунктов подменю, в чем ошибка, подскажите плиз... #menu_top { position:relative; height:37px; background:#31343d;; width:100%; z-index:1} #menu_top ul { position:relative; margin:0 0 0 7px; padding:0; list-style:none} #menu_top ul li { position:relative;float:left; line-height:37px; margin:0 0 0 0; overflow:hidden;_behavior: url(ie6hover.htc)} #menu_top ul li:hover, #menu_top ul li.hover { overflow:visible} #menu_top ul li ul { position:absolute; top:37px; left:-7px;background: url(../../img…

    Asked by Likan,

    0 votes
    4 answers

  11. И снова высота 100 в ИЕ

    Таблица. Три строчки. Верхняя и нижняя фиксированная высота. Средняя тянется на 100%. Вопросы: почему ИЕ растягивает среднюю неправильно? как с этим правильно бороться? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link href="main.css" rel="stylesheet" type="text/css"> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } td { padding: 0; } table { border-collapse: collapse; height:100%; width: 100%; border-…

    Asked by LikeAPilot,

    0 votes
    35 answers

  12. и снова ие6 палки в колеса вставляет

    проблема вот в этом коде... идея такая чтоб логотип смещался и менял размеры в зависимости от размера окна браузера #logo { position:absolute; z-index:10; top:4%; left:17%; width:20%; background:transparent; } что нужно добавить чтоб ие6 понял left:17%; width:20%; top:4%; с остальными браузерами все замечательно... помогите пожалуйста

    Asked by dvs,

    0 votes
    3 answers

  13. И снова кнопки!

    Проблема состоит в следующем: на страничке есть форма,на форме кнопка ОК , так воть на эту кнопку необходимо повесить 2 функции. Это функция обновления странички и функция которая будет выполнять определенные действия с данными из полей формы. Внимание вопрос! Что нужно прописать в action формы что бы выполнялись оба действия последовательно, сначала считать и обработать и только потом обновить, как сделать это отдельно я представляю (то есть то что нужно прописать в action для каждого пункта в отдельности), а вот вместе нет.

    Asked by Иван,

    0 votes
    3 answers

  14. И снова кодировка и языки.

    Как и положено новичку, я просто обязан задать вопрос о кодировках . Но прежде чем отправлять меня в поход на Гугл (я только оттуда) - гляньте. Это немного не то, что обсуждается в статьях для новичков по кодировке. Зачем мы устанавливаем кодировку в редакторе при сохранении файла понятно - задаем фактическую кодировку документа. Зачем мы прописываем кодировку в мататегах понятно - задаем рекомендацию браузеру, чтоб он ненароком ничего не перепутал. НО. Есть еще такая вещь как <a charset="...">...</a> И она как-бы сообщает браузеру, что "а вот когда нажмешь по этой ссылке, то попадешь на страницу, у которой будет такая кодировка". Вопрос - зачем? Нажмем на сс…

    Asked by Kray Storm,

    0 votes
    4 answers

  15. И снова меню

    Посмотрев на форуме много тем по меню понял что помогать не всем охотно хотят, но вс? же я наш?л в инете меню вклеил себе, переделал что мог, а дальше не оч то нормально вс? пошло... Мне нужно сделать чтобы при наведении на ссылки они подствечивались цветом и учеличивались я пробовал использовать псевдоклассы http://htmlbook.ru/content/?id=57] не совсем видимо понимаю что куда вставлять, в css b js времени расбираться покаместь нету, прошу помочь. <style type="text/css"> html{ height:100%; } body{ font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; font-size:0.8em; margin:0px; padding:0px; background-color:#121212; height:100%; te…

    Asked by Kiman,

    0 votes
    5 answers

  16. И снова о "float"

    После прочтения небезызвестной статьи на Хабре по поводу флоата: http://habrahabr.ru/post/142486/ Решил попрактиковаться, но не работает почему-то((Мой код иэ Брэкетса: http://clip2net.com/s/3oBGMRfПочему у меня не срабатывает "display: inline" для li ?Может потому что в статье речь идет о картинке, а у меня просто элементы списка? Подскажите!

    Asked by Riggs,

    0 votes
    3 answers

  17. И снова о 100% высоте дивов и подвале снизу.

    День добрый. Вот решил у знающих людей поинтересоваться вот такой проблемой. Сразу скажу что прочел тему "Верстка div-ми. Как быть с подвалом?", поглядел макеты которые там приводились по ссылкам. Взял на заметку данный макет http://vk.osvita.org.ua/footer.htm В данном макете в принципе все хорошо, но вот хотелось бы чтобы Sidebar и Mainbar разтягивались до Footer. Вот привожу свой код. В принципе в IE и в Opere он работает так как мне нада, но в FF3.6. работает не так как хотелось бы. Файл index.php <!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" xml:lang="…

    Asked by Pavv323,

    0 votes
    5 answers

  18. И снова о растягивании блоков по высоте.

    Подскажите пожалуйста, что упустил в этой верстке? Ссылка Не могу понять как заставить растягиваться .container по высоте в зависимости от контента.

    Asked by To_wave,

    0 votes
    3 answers

  19. И снова о футере

    Всем привет! Я относительно недавно начал копаться в html, понадобилось для учебного проекта. В общем, задача такая. Мне нужна полоска внизу, то бишь футер, вот страница: http://milkreal.narod.ru/temp.html. Хром отображает ее именно так, как хотелось бы, опера почти, а ie вообще бред полнейший. Я читал, что проблема, в общем-то, может заключаться в min-height? Подскажите, если это так, то как можно исправить? Или баг в чем-то другом? Да, и еще, сразу извиняюсь за столь многообразный исходный код страницы, как-то руки до такого рода оптимизации не дойдут. Поэтому сразу скажу, что буду рад услышать в том числе все советы и рекомендации по оптимизации, критику, etc. etc. etc…

    Asked by alex118,

    0 votes
    2 answers

  20. И снова позиционирование)

    Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…

    Asked by Vladinho,

    0 votes
    3 answers

  21. и снова привет

    вот подскажите много ли косяков в этом коде <table background="images/shapka4.jpg " bgcolor="#660f0f" border="0" cellpadding="0" cellspacing="0" height="150" width="100%"> <tbody> <tr> <td width=100% valign=bottom> <center> <div id=menu> <font class="middle"><b>Вход для пользователей</b></font> <table cellspacing="0"> <form action="index.php" method="post"></form> <input name="enter" value="1" type="hidden"> <td align="right"><font class="shapka">Логин:</font></td> <td><input class="ss" name="user_login" size="10" type="text"></td&g…

    Asked by ppvkomi,

    0 votes
    13 answers

  22. И снова проблемы IE с CSS

    Дорогие коллеги, подскажите, ну что не нравится IE в моем css стиле для Primary Links? http://www.kirpich-akk.ru/articles

    Asked by Spiller,

    0 votes
    0 answers

  23. И сново про фреймы

    Народ! Помогите плиз! Такая проблема: 1. Слепил сайт на фреймовой основе. Начал проверять в браузерах (Firefox, IExp, GooglHrom) В первых двух переход по ссылке отображается как задано (в правом фрейме "MainFrame"). В googlhrom при переходе открывается новая страница на все окно браузера. Как с этим бороться? 2. Подскажите пожалуйсто чего надо написать, чтобы сайт на фреймах индексировался в поисковых системах? ваяю в Dreamweaver CS4. Заранее большое СПАСИБО!

    Asked by SVDstyle,

    0 votes
    4 answers

  24. Ивритский язык в HTML

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

    Asked by TonKhaO,

    0 votes
    4 answers

  25. Игнорирование overflow при переходе в Chrome и дополнительные полоски градиента в FireFox

    Столкнулся со следующим странным поведением. В хроме пока работает transition, фон просвечивает через border-radius (наведите на первый пункт). В Лисе градиент имеют такую особенность: полосочка 10px, полосочка 10px, прозрачность, на стыке второй полосочки и прозрачности образуется некий серый фон толщиной пикселя в два. Поскольку фон в примере двухнаправленный, то Вы, убрав одно направление (65 или 66 строчка, не забудте в конце оставленной строчки поставить точку с запятой ), можете увидеть что полоска есть только в том направлении, где нулевой переход из цвета в прозрачность. По обеим глюкам: что это? откуда это? куда писать? какие способы бороться? …

    Asked by Launder,

    0 votes
    1 answer

  • Обсуждения

    • 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