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. Не работает в 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

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

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

    Asked by sum41,

    0 votes
    3 answers

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

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

    Asked by Koshak,

    0 votes
    11 answers

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

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

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

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

    Asked by pribl,

    0 votes
    4 answers

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

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

    Asked by Alexey Menshikov,

    0 votes
    8 answers

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

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

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

    вот код страницы, которая требуется: ———————————————————————————————————— <!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

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

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

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

  11. Тэг <FRAME>

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

    Asked by CTYDEHT,

    0 votes
    4 answers

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

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

    Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же 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

  14. Красивый Input и IE6

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

    Asked by splean,

    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. Создание ссылки на скачивание текстового файла

    У меня такая проблема есть текстовый файл (file.txt) делаю ссылку на файл <a href="file.txt">Сылка</a>. После нажатия на ссылку должно открыться окно скачивания файла а у меня файл в html странице открывает а если файл к примеру с расширением *.doc то выскакивает окно. Помогите как можно написать ссылку на скачивание текстового файла так что бы выскакивало окно скачать файл.

    Asked by maxander,

    0 votes
    5 answers

  17. ie6 + background-image = 1px смещение

    Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…

    Asked by SteaM,

    0 votes
    6 answers

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

    Хочу сразу извиниться если вопрос банальным- я только начал изучать 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

  19. Помогите пожалуйста.

    Значит сделал я сайтик... ещё не запускал его в инет... ну как смог так и сделал... конечно старался... Но из этого мало что вышло В Internet Explorer и в Opere (последних версий) всё нормально отображается, а в долбанной мазиле всё наперекосяк Я очень начинающий и без вашей помощи мне ошибку не обнаружить . новерно я начудил немало , но я считаю что фаерфокс мог бы извиниться. Я же всё-таки старался. Помогите подкорректировать код: <style type="text/css"> BODY{ margin: 0; /* Убираем отступы */ padding: 0; /* Убираем поля */ background-image: url("imeg/disc.gif"); /* Путь к графическому файлу */ background-position: right bottom; /* Положение фона */ backg…

    Asked by NikNak,

    0 votes
    9 answers

  20. проблема с 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

  21. onmouseover и onmouseover

    Подскажите пожалуйста где можно найти хорошое и подробное описание тегов onmouseover и onmouseover. вот только начиную учиться.. хотелось бы почитать.

    Asked by Nekromancer,

    0 votes
    12 answers

  22. Отсутствует фоновый рисунок при открытие сайта в Интернете

    Переделывал шапку сайта. Сделал небольшой рисунок, который уместился в шапке 8 раз. Отправил по ФТП. открываю сайт в Инете - нет фонового рисунка. А ведь при создании в Фронтпейдже был. И при просмотре во встроенном в него обозревателе был. Так куда же он делся? Можете посмотреть по ссылке на эту беду и код там же увидеть http://www.po-miry.ru/POHOD/SPORT_TURIZM.htm Заранее благодарен за ваши полезные советы

    Asked by beze,

    0 votes
    4 answers

  23. padding и Опера

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

    Asked by ekklesiast,

    0 votes
    16 answers

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

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

    Asked by Zippovich,

    0 votes
    11 answers

  25. 8 сторон %(

    Здравствуйте. У меня следующий код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123</title> <style type="text/css" media="all">@import "style.css";</style> </head> <body> <table height="700" width="100%" border="2"> <tr> <td align="center"> <div class="block" align="center"> <div> Текст... </div> </div> </td> </tr> </body> </html> Выглядит так: Как мне добавить ещё картинки по углам и в верхней и нежней части? (Хочу сделать как здесь http://webimg.ru/ ) Код CS…

    Asked by Cloack,

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