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. Красивый Input и IE6

    Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS

    Asked by splean,

    0 votes
    3 answers

  2. Проблемы с переносом на новую строку

    Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…

    Asked by HSilence,

    0 votes
    3 answers

  3. 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

  4. Тэг <FRAME>

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

    Asked by CTYDEHT,

    0 votes
    4 answers

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

    Есть задача привести тучу картинок к нужному размеру (в пикселях и байтах). С пикселями разобрался, а вот с байтами какая то загвозда. Есть код: 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

  6. В ие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

  7. по-разному отображается страница

    вот код страницы, которая требуется: ———————————————————————————————————— <!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=utf-8"> <title>...::: Тестовая страничка. Почему по-разному отображается??? :::...</title> <style type="text/css"> html {width: 100%; height: 100%; padding: 0; margin: 0;} body {width: 100%; height: 100%; padding: 0; margin: 0; background-color: #dedede; font-size: small; color: #000000; font-family: Verdana, Arial, sans-serif; text-align: justify;} a:link, a:visited {color: #0000ff; text-decorati…

    Asked by PEOP,

    0 votes
    12 answers

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

    Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. 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

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

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

    Asked by Alexey Menshikov,

    0 votes
    8 answers

  10. как таблицу растянуть во всю длинну окна ?

    как таблицу растянуть во всю длинну окна ?

    Asked by pribl,

    0 votes
    4 answers

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

    Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <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

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

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

    Asked by Koshak,

    0 votes
    11 answers

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

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

    Asked by sum41,

    0 votes
    3 answers

  14. Не работает в IE6 но работает в IE Почему?

    Приветствую Помогите пожалуйста Создал страничку сайта в дивах CSS2 + HTML 4.0 Валидацию проходит Корректно отображаться в IE7 но совершенный бред получается в IE6 В чем загвоздка CSS /* общие установки */ html { margin: 0; padding: 0; } body { font: 75% georgia, sans-serif; line-height: 1.88889; color: #555753; background-image:url(body_bg.gif); margin: 0; padding: 0; text-align:center; } p { margin-top: 0; text-align: justify; } /* span в заголовках невидимы для пользователя, но значимы для поисковых машин сами заголовки представлены картинками */ h1, h2, h3 span { display:none; } /* отступ блоков */ h3 { height:39px; margin:0; padding:…

    Asked by Lukasus,

    0 votes
    3 answers

  15. Помогите с документом.

    Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?

    Asked by СвидетельИнновы,

    0 votes
    8 answers

  16. 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

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

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

    Asked by vvsh,

    0 votes
    6 answers

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

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

    Asked by ins,

    0 votes
    5 answers

  19. Капризный 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

  20. <iframe...> и allowtransparency

    Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?

    Asked by ins,

    0 votes
    8 answers

  21. Тупой макет, помогите!

    Добрый вечер. Вот так все выглядит. вот код: <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

  22. Неубиваемые границы <iframe>'ов в IE7

    В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?

    Asked by ins,

    0 votes
    2 answers

  23. IE очень кумарит

    картинки и текс в таблице не становится как надо... <table style="text-align: left; width: 567px; height: 73%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="height: 52px; width: 48px;" colspan="1" rowspan="2"><img style="width: 48px; height: 52px;" alt="" src="conticon48x52.jpg"></td> <td style="height: 18px; text-align: left; vertical-align: middle;"><img style="width: 39px; height: 18px;" alt="" src="contpravo39x18.jpg"></td> </tr> <tr> <td style="height: 34px;" id="aaa"> <h1 style="text-align: center; vertical-align: middle;">Fabula Onl…

    Asked by Nekromancer,

    0 votes
    19 answers

  24. table - тонкости атрибутов и как их использовать

    Всем привет, я не начинающий программер, но на некоторые вещи я закрываю глаза, а плохо. Вот есть у тэга - table атрибут - summary, лично я его не разу не использовал. Хочется спросить у спецов кто этот атрибут использует уже давно и знает как. Я знаю только, что он переводиться как - итог, но какие данные в него требуется записывать, я не имею понятия и обязательно ли это?

    Asked by Ivan-D,

    0 votes
    6 answers

  25. проблемка с таблицей

    собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @charset "utf-8"; /* CSS Document */ #top { position:absolute; left:5%; top:0px; width:90%; height:50px; z-index:99; background-color: #FC9; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; } #body { position:absolute; left:5%; top:65px; width:90%; height:85%; z-index:2; margin: 0px; padding: 0px; } #apDiv1 { position:absolute; left:5%; top:97%; width:90%; height:3%; z-index:3; background-color: #F96; font-family: verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; text-t…

    Asked by bestxp,

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