HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Красивый Input и IE6
Красивые css input Разбирая эту статью, попробовал сделать так же, как и в последнем примере. Отлично, работает. Везде. Кроме IE6 (и наверное ниже). Даже в статье, как оказалось, если ввести достаточно длинную строчку, фон начнет сдвигаться. Как решить проблему? Полагаю, можно сделать фон шириной в пиксель, поставить repeat-x, и сделать div обвязку с боковым скруглением. Но не хочется, может можно как-то решить проблему с IE6? вот CSS
0 votes3 answers -
Проблемы с переносом на новую строку
Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…
0 votes3 answers -
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); }
0 votes2 answers -
Тэг <FRAME>
Ребята помогите пожалуйста "чайнику"!!!!!!! Ребята как сделать во фрейме,чтобы была только вертикальная полоса прокрутки,а горизонтальной не было??? и возможно ли это,и вообще есть ли значения для параметра <scrolling> кроме таких как "no","yes","auto"???
0 votes4 answers -
Помогите разобраться с изменением размера картинок... в пикселях и байтах.
Есть задача привести тучу картинок к нужному размеру (в пикселях и байтах). С пикселями разобрался, а вот с байтами какая то загвозда. Есть код: 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…
0 votes4 answers -
В ие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/…
0 votes7 answers -
по-разному отображается страница
вот код страницы, которая требуется: ———————————————————————————————————— <!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…
0 votes12 answers -
Выравнивание поля формы с изображением
Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. 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<…
0 votes3 answers -
Посоветуйте, как скрыть несколько рядов таблицы.
Вот такая у меня задача: есть таблица, допустим в ней 5 рядов, первый ряд это заглавие, остальные это данные. Так вот мне необходимо ряды с данными скрыть, до момента клика пользователем в указанное место.
0 votes8 answers -
как таблицу растянуть во всю длинну окна ?
как таблицу растянуть во всю длинну окна ?
0 votes4 answers -
Как расположить изображение внизу?
Здравствуйте! Очень неудобно такое спрашивать, но никак не могу заставить изображение размещаться внизу экрана! Код: <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" нифига не работает - не хочет она вниз - хоть убейте! Как быть? Спасибо.
0 votes3 answers -
В IE и в Opera левый блок съезжает вниз
Ошибку найти не получается. В FF все отображается правильно, а в Опере и IE при добавлении текста больше, чем помещается на 1 экран, левый блок пикселей на 100-150 смещается вниз. а при прокрутки страницы фон блока остается на месте, а содержимое ездит. Посмотреть пример можно тут: Пример
0 votes11 answers -
дочерние селекторы, IE8, * html IE7
такие вопросы: 1) поддерживает ли IE8 дочерние селекторы? 2) понятна ли строчка * html #container IE8 и IE7? 3) IE8 и IE7 также как и IE6 работают со свойством height (т.е не по стандартам, растягивает блок с ограниченной высотой длинным текстом)
0 votes3 answers -
Не работает в 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:…
0 votes3 answers -
Помогите с документом.
Помогите начинающему, но безусловно талантливому, даже не знаю как себя назвать... админу сайта короче, с форматированием текта средствами HTML. В общем застрял на такой задаче - необходимо более менее эстетично формить ту чась документа, где идут различные подписи, должности, Ф.И.О. и т.д., т.е. когда идет графа, а под ней мелкими буквами пояснение. Например так: Получатель: ________________________________ ____________________________________ ..........................Структурное подразделение .............................Организация................................ Примерно так, но вместо точек пустое место. Есть ли какие нибудь стандарты именно для таких целей?
0 votes8 answers -
IFRAME в IE6 не работает
На сайтах www.realt.info и www.anapa.in установил почтовую форму с помощью IFRAME Во все браузерах она смотрится нормально, но в некоторых версиях IE6 не открывается и выдает ошибку, причем иногда с первого раза откроется, но при перезагрузке страницы не работает. Поставил IFRAME на пустую страницу http://realt.info/a_mail.html В Opera, FireFox, IE7 все нормально, а в IE6 "Невозможно отобразить страницу" Причем на локальной версии (на моем компьютере) все нормально работает и в IE6 Спросил хостера, он ответил "не знаю, тут дело в оптимизации кода" Не можете ли подсказать в чем дело.
0 votes5 answers -
Как измерить скорость генерирования страницы?
Добрый день. Предложите какие-нибудь идеи, а то я даже не могу придумать как ее измерить! Заранее спасибо.
0 votes6 answers -
Связанные селекторы
Продскажите, пожалуйста, есть ли возможность менять стиль тэга в зависимости от параметра радиокнопки checked? Т.е. если она checked, то использовать <div class="css11"></div> //например синий цвет А если не checked то <div class="css12"></div> //красный фон Либо разный background-color класса css11 в зависимости от checked
0 votes5 answers -
Капризный 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-файл, а он не хочет работать. Подскажите, может я неправильно пишу ему путь? или может на стороне сервера какие-то телодвижения нужно сделать?
0 votes2 answers -
<iframe...> и allowtransparency
Использую allowtransparency="1" для прозрачного фона фрейма. Он становится прозрачным, но валидацию не проходит. Чем это грозит? ИЛи плюнуть на 1 ошибку на странице?
0 votes8 answers -
Тупой макет, помогите!
Добрый вечер. Вот так все выглядит. вот код: <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…
0 votes1 answer -
Неубиваемые границы <iframe>'ов в IE7
В IE7 никакими способами не удалось скрыть границы iframe ов Пробовал *{ border: none; } на странице с фреймами и на страницах с содержимым для проверки. Результат - нулевой. Есть еще какие-то варианты?
0 votes2 answers -
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…
0 votes19 answers -
table - тонкости атрибутов и как их использовать
Всем привет, я не начинающий программер, но на некоторые вещи я закрываю глаза, а плохо. Вот есть у тэга - table атрибут - summary, лично я его не разу не использовал. Хочется спросить у спецов кто этот атрибут использует уже давно и знает как. Я знаю только, что он переводиться как - итог, но какие данные в него требуется записывать, я не имею понятия и обязательно ли это?
0 votes6 answers -
проблемка с таблицей
собстно по картинке видно что в ИЕ разъезжаеться само по себе код страницы( на пхп вставки не реагировать) @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…
0 votes0 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-