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. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…

    Asked by vvsh,

    0 votes
    1 answer

  2. IFRAME в IE6 не работает

    На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.

    Asked by anapacap,

    0 votes
    5 answers

  3. В IE и в Opera левый блок съезжает вниз

    Ошибку найти не получается. В FF все отображается правильно, а в Опере и IE при добавлении текста больше, чем помещается на 1 экран, левый блок пикселей на 100-150 смещается вниз. а при прокрутки страницы фон блока остается на месте, а содержимое ездит. Посмотреть пример можно тут: Пример

    Asked by Koshak,

    0 votes
    11 answers

  4. Связанные селекторы

    Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked

    Asked by ins,

    0 votes
    5 answers

  5. Капризный hover.htc

    Здраствуйте. Потребовалось сделать смену фону при наведении у элементов списка. Возможно такое реализовать в IE6 только через файл csshover.htc Скачал я его с http://www.xs4all.nl/~peterned/csshover.html Прописал в css-файле и положил в папочку js: body {font-family:tahoma,helvetica,sans-serif; font-size: 14px; margin:0px; padding:0px; behavior:url("js/csshover.htc");} Ну не хочет он работать, ни на локальном сервере, ни на хостинге. Размещал я его и в корне, и в той папке, где лежит css-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?

    Asked by Nird,

    0 votes
    2 answers

  6. Как измерить скорость генерирования страницы?

    Добрый день. Предложите какие-нибудь идеи, а то я даже не могу придумать как ее измерить! Заранее спасибо.

    Asked by vvsh,

    0 votes
    6 answers

  7. Валидация

    Запускаю на валидацию http://chihua-aks.narod.ru/test.html. Получаю стандартные ошибки "народа", но плюс к ним следующую: # Error Line 8, Column 6: end tag for "BODY" which is not finished. Мне непонятно, всвязи с чем он ее выдает. Кто может, разъясните, пожалуйста.

    Asked by WuXuXie,

    0 votes
    13 answers

  8. Помогите разобраться с изменением размера картинок... в пикселях и байтах.

    Есть задача привести тучу картинок к нужному размеру (в пикселях и байтах). С пикселями разобрался, а вот с байтами какая то загвозда. Есть код: function re_size ($src, $width, $height) { if($width>$height) $ratio=$width/150; else $ratio=$height/150; $new_width=round($width/$ratio); $new_height=round($height/$ratio); $idest = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromJPEG($src); imagecopyresampled ($idest, $image, 0, 0, 0, 0, $new_width, $new_height, $width, $height); imagejpeg($idest, $src, 100); imagedestroy($image); imagedestroy($idest); return true; } function re_weight($src) { $quality=95; $dsrc='try_w.jpg'; $imag…

    Asked by andrums,

    0 votes
    4 answers

  9. дочерние селекторы, IE8, * html IE7

    такие вопросы: 1) поддерживает ли IE8 дочерние селекторы? 2) понятна ли строчка * html #container IE8 и IE7? 3) IE8 и IE7 также как и IE6 работают со свойством height (т.е не по стандартам, растягивает блок с ограниченной высотой длинным текстом)

    Asked by sum41,

    0 votes
    3 answers

  10. Как расположить изображение внизу?

    Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <div style="height:500px;"> <img width="100"height="250"src="bla-bla-bla.jpg"align="BOTTOM"> </div> В итоге - эта картинка, как отображалась вверху блочного элемента - так и отображается! Причем align="left" или align="right", или align="top" работает - т.е. имага нормально себя ведет и позиционируется соответственно как ей было указано. А вот align="bottom" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.

    Asked by rome.ro,

    0 votes
    3 answers

  11. Посоветуйте, как скрыть несколько рядов таблицы.

    Вот такая у меня задача: есть таблица, допустим в ней 5 рядов, первый ряд это заглавие, остальные это данные. Так вот мне необходимо ряды с данными скрыть, до момента клика пользователем в указанное место.

    Asked by Alexey Menshikov,

    0 votes
    8 answers

  12. Опера глюки

    Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51

    Asked by Zippovich,

    0 votes
    11 answers

  13. Тэг <FRAME>

    Ребята помогите пожалуйста "чайнику"!!!!!!! Ребята как сделать во фрейме,чтобы была только вертикальная полоса прокрутки,а горизонтальной не было??? и возможно ли это,и вообще есть ли значения для параметра <scrolling> кроме таких как "no","yes","auto"???

    Asked by CTYDEHT,

    0 votes
    4 answers

  14. Выравнивание поля формы с изображением

    Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name&lt…

    Asked by Almaz,

    0 votes
    3 answers

  15. привязка столбцов

    Извените, уже два дня смотрю по форуму как решить данную проблему, но что-то безуспешно. Как привязать все столбики к нижней границе резиновой таблицы. Я где-то встречал данную тему, но немогу её найти. Или какие ещё существуют варианты подобного разбиения сайта? <!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>Без названия 2</title> <style type="text/css"> body{margin: 0;padding: 0;} #TeloKolonka1{ width=199px; height:100%; backgr…

    Asked by KEKC,

    0 votes
    5 answers

  16. В ие6 не отображается часть фона дива!

    В ие7 и гуглхроме и фф и сафари и опере работает. <div id="content_bottom"> <div id="blockcontent_left"> <div id="heading"> <div id="heading_left"></div> <div id="heading_center">Правила бонусной программы</div> <div id="heading_right"></div> <div class="clear"></div> </div> </div> <div id="blockcontent_right"></div> <div class="clear"></div> </div> CSS #blockcontent_left { float: left; width:250px; margin-left:40px; position:relative; } #blockcontent_right { position:relative; float: left; } #content_bottom { background-image:url(../pic/…

    Asked by SteaM,

    0 votes
    7 answers

  17. padding и Опера

    Есль div с фиксированной высотой. Почему, если для этого блока указать padding, то его высота увеличивается на это значение? В данном случае высота блока увеличиться на 5 пкс. Причем это только в опере, в ИЕ такого нет.

    Asked by ekklesiast,

    0 votes
    16 answers

  18. Неправильно отображается всплывающее меню

    Здравствуйте! Товарищи, больше сил нет, с 11 вечера сижу - и никак не получается....Позиционированием пробовал, пробовал выравнивать - не получается....А самое обидное что в ФФ работает, только осел не воспринимает.... В чем собственно проблема - выпадающее меню сделал через css и списки. Но главный пункт - у него является картинка, при наведении на которую и должно всплывать меню. Но в ФФ все работает идеально, а в ИЕ меню раскрывается не вниз, а влево, и уже сил просто нет, что только не продовал - ничто не помогает.... Если сделать первый пункт ссылкой вида <li><a href="/"><img src="menu1.gif" border="0"></a> То в ИЕ тоже начинает вниз открыват…

    Asked by Vcool,

    0 votes
    12 answers

  19. Выбор домена с точки зрения SEO

    Добрый день всем! Посоветуйте, как лучше поступить: у меня сайт рассчитан на продажу ламината в Киеве и только в Киеве. Поисковые запросы в Гугле у потенциальных клиентов будут "ламинат" "киев". С каким доменным именем сайт будет лучше ранжироваться в Гугле: если запрос совпадает с доменом (www.laminat-kiev.com), или может, (т.к. поиск делается в Киеве) Гугл выдаст в первую очередь региональные сайты (www.(название моей фирмы, не имеющее отношение к ключевым запросам).kiev.ua) У меня есть оба домена, какой лучше использовать с точки зрения SEO?

    Asked by Wow@,

    0 votes
    10 answers

  20. Проблемы с position relative Mozilla 3.0

    <script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" …

    Asked by AlexMak,

    0 votes
    1 answer

  21. Тэг img и a href в Firefox

    Проблемка у меня небольшая... требуется поместить картинку на страничку, которая находится в локальной сети (сайт вообще локальный), т.е. примерно так: <img src='file:///\\pcxxx\d$\pub\3.jpg'> или как вариант сделать ссылку на фрейм <a href='file:///\\pcxxx\d$\pub\3.jpg' target='rightFrame'> ТЕСТ </a> где pcxxx - имя компьютера в локальной сети. Но получается какой-то фикус, в IE6 это работает без проблем, а в Firefox 3.0.1 нет, картинка не отображается, а ссылка на фрейм не работает. Хотя если в адресную строку Firefox'а ввести file:///\\pcxxx\d$\pub\3.jpg и нажать Enter, то картинка грузится! Хелп ми плиз

    Asked by xxx84xxx,

    0 votes
    31 answers

  22. Отпозиционировать картинку поверх таблицы

    Хочу сразу извиниться если вопрос банальным- я только начал изучать html. Какая проблема - картинка очень длинной получается и из-за этого начинает наезжать на творую колонку - а она в свою очередь начинает съезжать. Уменьшить размер картинки - не представляеться возможным. Может можно как-то пустить ее поверх таблиц что-б она не сдвигала все это. Вот скрин Вот код <td valign="top" width="766" height="750"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="766" height="131"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td valign="top" width="575" height="131"&…

    Asked by Vcool,

    0 votes
    3 answers

  23. проблема с Firefox - переносит текст на строку вниз

    Ребята, Посмотрите на http://members.dodo.com.au/~rouslan/ninawebsite/index.html Внизу над баннером, где навигационный текст (текстовая эмуляция кнопок), этот текст, часть его переносится на строку вниз в Mozilla Firefox 3 (чего мне не надо), но в Internet Explore 7 все работает и выглядит хорошо. Не могу найти в чем проблема, смотрел и в CSS и в HTML. Может кто-нибудь из опытных подскажет? Эта проблема просто выводит меня из себя. HTML <!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…

    Asked by DolbyRoom,

    0 votes
    6 answers

  24. imagecopyresampled выдает черный прямоугольник

    поломал уже голову. функция выдает черный прямоугольник, но размер изменет... может я чего то не понимаю??? function re_size ($src, $width, $height) { if($width>$height) $ratio=$width/500; else $ratio=$height/500; $new_width=round($width/$ratio); $new_height=round($height/$ratio); $idest = imagecreatetruecolor($new_width, $new_height); $image = imagecreatefromJPEG($src); imagecopyresampled ($idest, $image, 0, 0, 0, 0, $new_width, $new_heidht, $width, $height); imagejpeg($idest, 'try1.jpg', 100); }

    Asked by andrums,

    0 votes
    2 answers

  25. проблема с css

    У меня возникла проблемма: css таблица не подцепляется к HTML документу, после смены операц. системы (Windows). И я понятия не имею почему? Проблема действительно в Windows-е или нет? Знаний css и html у меня очень мало, пока только учусь... Что я делал? Создавал html документы и css таблицы. Подцеплял последние к первым, просматривал результат - C:\Documents and Settings\Администратор\Рабочий стол\HTML exmpls\CSS\Exmp less css.html Все получалось, но... проблемы с Windows Могу добавить, что в старом Windows-e css докум. , открывал AkelPad-ом и они имели ярлык/значок Cascading Style Sheet Document, а сейчас в новом Windows-e - они текстовые документы, открываю блокното…

    Asked by maratsafin,

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