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. Проблемы с валидацией

    Сверстал я тут недавно один макетик и решил проверить его на валидацию, а мне там выдает такую хрень: there is no attribute X ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supporte…

    Asked by nex0,

    0 votes
    2 answers

  2. Манипуляции с ненумерованным списком

    Здравствуйте. Как вы думаете возможно ли такое организовать с помощью трехуровневого ненумерованного списка средствами CSS? Контейнер имеет определенную высоту, перенос в новый столбец происходит автоматически. спасибо

    Asked by 25mute,

    0 votes
    8 answers

  3. Подскажите по mod_rewrite

    Уважаемые форумчане выручайте... Никак не могу настроить замену урла Надо что бы ссылка http://wzel.ru/count обрабатывалась как http://wzel.ru/?s=tr Просто подмена урла, надо что бы пользователи видели в строке http://wzel.ru/count. За ранее большое спасибо за помощь и ответы.

    Asked by emilasp,

    0 votes
    1 answer

  4. Dreamweaver

    Суть проблемы есть таблица созданная в дримвивере.........не могу поставить курсор в нужном место ячейки талбицы....поэтому картинка прилепает к левому краю и всё...а нужно поставить её по середине ячейки с помощью дримвивера.....т.е тыкнул курсор в то же место картинка и переносится....... <!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>Главная страница блога</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="690" border=…

    Asked by RANCID,

    0 votes
    59 answers

  5. Что значит "шаблон"?

    Итак, я прочитал статью на сайте "основы верстки". Но тем не менее так и не понял, что такое шаблон и как его делать. Я ведь не могу залить на хостинг под Drupal пять html страниц и документ .css? И тогда объясните, какие именно файлы заливают на хостинг? Допустим я сделал несколько страниц, но как мне из этого получить шаблон?

    Asked by htmlonline,

    0 votes
    13 answers

  6. Помогите

    Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!

    Asked by Mr.Black,

    0 votes
    11 answers

  7. Я не умею верстать таблицы, помогите.

    Есть таблица где чередуются 'tr' в первом три ячейки, во втором одна, в третьем три, в четвертом одна и т.д. Во втором 'tr' ячейку нужно растянуть на всю ширину 'tr'. Я не знаю как. Вот разметка: <table border="1" width="100%"> <caption>Заголовок таблицы.</caption> <thead align="center"> <tr> <td>название столбца</td> <td>название столбца</td> <td>название столбца</td> </tr> </thead> <tr class="offer"> <td>Ячейка</td> <td>Ячейка</td> <td>Ячейка</td> </tr> <tr class="description"> <td> Описание товара Описа…

    Asked by rediskavet,

    0 votes
    19 answers

  8. Проблемы со ссылками.

    Доброго времени суток. Начну, пожалуй, с описания задачи: 1) Сделать ссылку с флешкой; 2) При отсутствии флешки появляется картинка с ссылкой; 3) Блок ссылок находится снизу после флешки; содержит одну основную и список побочных; 4)Из таких ссылок сделать два ряда по 3 штуки. Первые три пункта осилил - http://beavers-net.narod.ru/primers/links_wth_swf.html 4-й так и не смог. Пытался как-то загнать все в блок через overflow: hidden, в результате столкнулся с тем, что ссылка вообще активной перестала быть.. Любая ссылка в блоке перестала реагировать на события мыши.. http://beavers-net.narod.ru/primers/links_trouble.html Все ошибки валидации - из-за вставок яндекс-хостинга.…

    Asked by tt48,

    0 votes
    5 answers

  9. баг или ошибка

    В общем, ситуация следующая: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…

    Asked by denidip,

    0 votes
    4 answers

  10. Div блок

    У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!

    Asked by andry65,

    0 votes
    1 answer

  11. Текс поверх картинки

    Итак, есть картинка, с одной стороны разделил её части на ссылки, а другой хочу зделать текст поверх картинки. Раньше картинка шла как фон и на нее легко накладывался текс, но тепер решил что-бы части той фоновой картинки были ссылками но и тот текс который был остался на своем месте. (части картинки, которые используются как ссылки, и сам текст не накладаются друг на друга) Как так зделать?

    Asked by xrated,

    0 votes
    4 answers

  12. Позиционирование и скроллинг.

    <html> <head> <title>test</title> <script type="text/javascript"> function drawdiv(){ if (document.getElementById("new_div")){ document.body.removeChild(document.getElementById("new_div")); } var d=document.createElement("div"); d.id="new_div"; d.style.position="absolute" d.style.top="50px"; d.style.left="50px"; d.style.background="#009900" d.innerHTML="шминдер бокс" document.getElementById("main").appendChild(d); } </script> </head> <body style="margin:15px 15px 15px 15px; background:#FFFFFF"> <div id="main" style="width:240px; height:385px; float:left; overflow:auto; border:solid 1px #…

    Asked by Deomon,

    0 votes
    2 answers

  13. Проблема с версткой,люди добрые,выручите

    Сайт www.selecta.ru. На главной странице съезжает модуль вывода случайных новостей.Люди добрые,подскажите,плиз,в чём косяк(целый день сидел тупил,не мог исправить.Вроде нигде там нет паддингов и маргинов,которые бы вызывали такой съезд).Очень срочно надо поправить( Заранее,спасибо!

    Asked by extrawert,

    0 votes
    6 answers

  14. Как задать непрозрачный фон ( background-color: #ffe;)

    Здравствуйте ! Очень смешной вопрос. Мне нужно получить непрозрачный фон, чтобы сквозь него не просвечивал текст нижележащего слоя. Думал, что если просто задать background-color: #ffe; (например), то и достаточно. Однако нижележащий слой просвечивает :-( Посмотрите, пожалуйста, кусочки текста и подскажите, пожалуйста, что ему еще надо: <style type="text/css"> BODY { background: #EEFFFF; } .menu1 { font-size: 16pt; font-weight:700; font-face: Arial; } .in2 { z-index:2; /* float: left; Обтекание врезки по правому краю */ width: 200px; /* Ширина врезки */ background-color: #ffe; /* Цвет фона */ padding: 15px; /* Поля вокруг картинки */ margin: 5px 15px 0 130…

    Asked by Win-ni,

    0 votes
    4 answers

  15. Горизонтальный список с подпунктами

    Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…

    Asked by klim_off,

    0 votes
    4 answers

  16. Оптимизировать строчку кода (упростить)

    <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> a {—;} не предлагать, на странице используются несколько разных стилей к ссылкам

    Asked by xDev,

    0 votes
    7 answers

  17. Equal Height Colums & IE9

    Привет, тестировал тут некоторые оптимизации разных методов вёрстки колонок одинаковой высоты, и наткнулся на одну странную особенность IE 9 в случае использования одного старого метода, который так и называется Equal Height Colums. Суть этой странности продемонстрирована на скринах ниже: рис 1. - рендер браузеров с правильным отображением (куда входит ie6-ie8, Opera > 9.2x, Safari > 3.x, FF > 3.6x и т.д) рис 2. - отображение в IE9, на рисунке видно, что border-bottom элемента blockquote на один пиксель выше, чем во всех остальных Рис. 1 Рис. 2 Собственно, подскажите пожалуйста из-за чего это происходит, и как это фиксить относительно без хаков и условных комме…

    Asked by alvin,

    0 votes
    3 answers

  18. 3 дива по центру

    подскажи как построить 3 дива по центру типо как на _lostfilm.tv 3 подряд получается сделать но они висят в левой стороне и на центр не получается их выгнать .. и нужно что бы они были на всех разрешениях ... так что отступ просто не получиться сделать ..

    Asked by smart,

    0 votes
    1 answer

  19. Элементы списка

    ситуация следующая: есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных. получаем следующий код XHTML: <ul id="content_links"> <li><a href="#">Cunsumer</a></li> <li id="middle"><a href="#">Communications</a></li> <li><a href="#">Enterprise</a></li> </ul> код CSS: #content_links{ margin-top: 100px; border:1px so…

    Asked by LeD4eG,

    0 votes
    6 answers

  20. Загрузка других сайтов внизу страницы

    Я новичок совсем в html верстке, вот делаю такой вот сайт - (картинка сделана в Google Docs - Drawing) Два фрейма - меню и тело, в котором есть iframe со своим содержимым. Внизу есть ссылки, которые ведут на другие сайты, но я не хочу чтобы люди тыкая по ним уходили на эти сайты, я хочу чтобы эти сайты открывались внизу страницы, как бы сам Scroll увеличивался, но чтобы iframe мой никуда не терялся. Я думал вначале реализовать с помощью iframe, но там насколько я знаю нужно размеры указывать точные, а я не знаю, я хочу чтобы сайт полностью грузился внизу. Например если тыкнуть по "мини-ссылке", то внизу появлялся весь сайт, например youtube и так далее. Как такое мо…

    Asked by hello2,

    0 votes
    6 answers

  21. Дальнейшее изучение HTML и CSS

    Доброго времени суток. Совсем недавно заинтересовался Web-технологиями, облазил кучу форумов, где пытался ответить на вопрос: «с чего начать?» В результате поисков остановился на видео уроках Попова по «HTML и CSS» после их просмотра решил закрепить знания, по этим языкам прочитав, книгу Чебыкина: «HTML и CSS Современные технологии» Теперь мне нужна практика для отточки моих знаний. Хотел задать вопрос знающим людям. Что делать дальше: 1)Попытаться создать свой сайт путём проб и ошибок? 2)Попробовать поверстать макеты? или ещё какие-нибудь упражнения для практики. Забегая вперёд, хочу сказать, что в дальнейшем хочу изучить PHP и MYSQL. Если не сложно помогите составить …

    Asked by manhunt,

    0 votes
    5 answers

  22. Подвал

    На сайте http://liondesert.narod.ru подвал сделан с помощью фонового рисунка. Как думаете, есть ли более оптимальный способ добиться того же результата?

    Asked by Vlad,

    0 votes
    1 answer

  23. Текст/блок доходит до низа браузера и сайт сьезжает

    Текст/блок доходит до низа браузера и сайт сьезжает примерно на 5-10px влево.... из-за чего такое может быть?

    Asked by Ritter,

    0 votes
    11 answers

  24. Почему не приходят сообщения с формы обратной связи

    Здраствуйте я сделал на сайте форму обратной связи (чтобы пользователи могли отправлять мне сообщения). При отправке сообщений скрипт выводит, что сообщение отправлено, но сообщения не приходят на почтовый ящик. Перепробовал несколько готовых скриптов и почтовых ящиков, сообщения отправляются, но не приходят. В чем проблема кто знает?

    Asked by epic,

    0 votes
    4 answers

  25. Отображение сайта в разных разрешениях.

    Побегал по форуму, но по сабжу ничего не нашел. Дело в том, что сайт отображается по-разному в различных разрешениях. Вот так выглядит сайт при разрешении 1024х768: А так при разрешении 1280х1024 (при этом разрешении я верстал): Вопрос, наверное, уже все поняли. Как сделать, что бы сайт отображался одинаково хорошо во всех разрешениях?

    Asked by WoopieZ,

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