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
29542 questions in this forum
-
не корректное отображение в Opera
Всем привет! Помогите пожалуйста, при верстке одного из сайтов столкнулся с проблемой, в IE8 и Google Chrome поля Textarea отображаются корректно а в Opera они меньше по размерам как решить данную проблему? вот код: <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=1 COLS=40 style="margin-left:20px"></textarea> <br> <textarea ROWS=6 COLS=40 wrap="soft" style="margin-left:20px"></textarea>
0 votes2 answers -
Такая проблема
В общем у меня есть картинка, поверх ее нужно вставить банеры и текст. Можно ли как-нибудь наложить div на div? Т.е. на картинку текс, и анимацию, всмысле как именно все это расположить? Если будут примеры, просьба подробно все описать. Зарание спасибо!
0 votes3 answers -
Спецификация браузеров
Добрый день! Возможно ли найти официальную информацию о том какой набор тегов, атрибутов html использует конкретный браузер, а также CSS, JavaScript. Хотя с английским не очень, но это того стоит, так что буду рад и английским ресурсам.
0 votes4 answers -
Не могу сверстать блок
Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…
0 votes5 answers -
Проблемка
1.В общем сверстал на дивах сайт, все вроде бы хорошо,вот только проблема с загрузкой, меня просто раздражает, когда один блок(с рисунком) на котором расположен основной контент исчезает на 1 сек, как бы мелькает,раньше эта проблема была почти на всех блоках которые не вставлены через img, теперь все сделал нормально,но все-равно этот блок так загружается когда переходишь на другую страницу. 2.У меня почему-то в ИЕ все что расположенно на блоке (о котором писал выше) а именно баннер, текст все съезжает вниз.Причем в Опере и в МФ все норм.
0 votes11 answers -
Ищу красивое решение
Здравствуйте. Пришёл за советом о том, как лучше сверстать часть стандартного макета. <body> <div class="wrapper"> <div class="header"></div> <div class="menu">здесь меню, которое на картинке</div> <div class="content"></div> </div> <div class="footer"></div> </body> Приводить весь CSS-код самого макета смысла не вижу, единственное, что хочу уточнить это: .wrapper { margin: 0 auto; width: 100%; } .header, .content, .footer { margin: 0 auto; width: 991px; } А дальше, нужно оптимальное решение, которое решит данную задача, в соответствии с картинкой. С минимальным количеством CSS- и HTML-ко…
0 votes10 answers -
Полоса прокрутки со своим дизайном
Хочу сделать scrollbar со своим дизайном чтобы вписывался в дизайн сайта. Изменение вида полоса прокрутки в CSS мне не подходит, т.к. в нормальных браузерах это не работает... Может быть это возможно реализовать на JAVA или FLASH или другим методом?
0 votes2 answers -
Два активных меню
Есть два меню, одно меню сверху, другое снизу. Верхнее реагирует на наведение курсора отображением фона прописанного в css, а нижнее должно реагировать выводом картинки (кнопки). В итоге нижнее наследует отображение фона, прописанное для верхнего. body { background-color: #FFFFFF; background-image: url("tree.png"); background-repeat: no-repeat; background-position: 20px 125px; } #logo { position: relative; top: 10px; left: 30px; height: 95px; width: 220px; } #buttonfeald { position: absolute; top: 45px; left: 300px; width: 711px; height: 60px; z-index: 1; } ul { position: absolute; top: 37px; left: 271px; font: bold 12pt sans-serif; z-index: 3; } ul li {…
0 votes0 answers -
Div или Table Height=100%
Есть простая страница - колонка посередине, слева background div, справа backround div (оба на всю вышину). То есть макет элементарнейший. Условия: 1) doctype transitional (с ссылкой на документацию) 2) кроссбраузерность. на все таги вешаем как положено height:100%, на html,body и контентные. Теперь траблы: или надо выкидывать doctype или IE. Собственно, что таблица, что div-ы с height:100% ведут себя точно также, разницы нет в чем верстать. Забудем по причине работоспособности о других браузерах кроме ИЕ. Все вытягивается нормально до момента когда длинна контента не превышает вышины ока браузера. Как только появляется scroll, то вышина diva остается равной вышине окна …
0 votes2 answers -
Проблемы с динамическим меню
Реализую выпадающее горизонтальное меню по такому принципу: <ul class="menu-h-d"> <li><a href="/index.html" title="">Главная</a></li> <li><a href="/product.html" title="">Продукция и услуги</a> <ul> <li><a href="/prod.html" title="" >Продукция</a></li> <li><a href="/arenda.html" title="">Аренда</a></li> </ul> </li> <li><a href="/docs.html" title="">Документы</a> <ul> <li><a href="/ustav.html" title="">Устав</a></li> <li><a href="/otchet.html" title="">Годовые отчеты…
0 votes8 answers -
Input URL
Люди добрые, подскажите пожалуйста как сделать через инпут УРЛ. Перепробовал все что знал, не работает... Вот сайтец, если что. Нужно изменить кнопки, которые слева находятся.
0 votes9 answers -
Как лучше порезать картинку
Нарисовал шапку сайта, теперь не могу найти рациональное решение верстки. Подскажите пожалуйста, как лучше порезать: Сам пока вижу нарезку в таком виде: сделать общий div, задний фон - прижатый к верху коричневый фон... внутри этого div'a - картинка с проводами поверх него - div меню
0 votes12 answers -
Проблемы с Оперой
страница http://www.pischma.menocom.org/section/46/ не полностью отображается в Опере, в Мозиле и ослике нормально, пробовал уменьшать длину контента, из чего появилось подозрение, что у Оперы есть ограничения на длину контента, ктонибудь с подобным встечался? А может в чем другом баг? Я понимаю, что такая длина контента нежелательна для веб страницы, но клиент ее хочет
0 votes2 answers -
Ссылка на страницу с iframe
Здравствуйте, страница состоит из меню А и окна В, в котором по щелчку открывается другая страница. Сделано через iframe пример тут нужно сделать следующее: давать адрес на определённую страницу, в результате чего пользователь будет видеть комбинацию "меню А+ в окне В открывается конкретная страница сайта (а не заданная в главной странице сайта) знаю,что во фреймах такое невозможно, но идея такая: давать адрес на третью, специально созданную страницу, которая уже будет переадресовывать на конкретный набор А+в окне В любая страница сайта. реально ли сделать такое? спасибо всем
0 votes5 answers -
не понимаю логику позиционирования
Подскажите, как выровнять блок Text с надписью Login input и блок sr с надписью Sidebar , чтобы они находились на одном уровне по оси Y , чтобы sidebar не заходил на большой серый блок. Большой серый блок , блок сайдьара и блок текста имеют одинаковый уровень в html, но почему-то позиционируются по разному. недавно посмотрел видеокурсы по верстке css, но так и не догнал логику позиционирования блоков браузерами. Вот код HTML В вот код html Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-eq…
0 votes13 answers -
Проблема с версткой в ИЕ
Уже более 2-х недель бьюсь над такой проблемой: сайт http://kam-pod.gov.ua при просмотре любой из новостей (например http://kam-pod.gov.ua/?p=1700) уходит вниз правая колонка. Проблема характерна только для ИЕ. Помогите разобраться, почему так происходит. Вот описание стилей колонок (С1 - левая, С2 - центральная, С3 - правая): #c1 { width: 230px; float:left; } #c2 { border-right-width: 1px; border-left-width: 1px; border-right-color: #CCCCCC; border-left-color: #CCCCCC; top: 245px; width: 560px; float:left; } #c3 { width: 230px; float: left; }
0 votes2 answers -
Выпадающее меню
В общем может кто сталкивался: в выпадающем списки нужно для li нужно задать определенное значение width: (для ширины), если не задавать то выпадающие пункты меню распологаются горизонтально! так вот вопрос как сделать чтоб ссылки внутри выпадающего списка списка имели ширину ссылки (текста) ? P.S. меню вертикальное!!!! Схема тут: http://www.html.by/showthread.php?t=12026
0 votes1 answer -
HTML & CSS
Всем доброе время суток! Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ИЛИ ЭТОТ? <!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"> Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7… А когда написано без этих кодов <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf…
0 votes3 answers -
HasLayout
Да, все ищут, что это такое и как его использовать, как включить... А мне нужно отключить. =) Т.е. по умолчанию в ie6 zoom: 1; имеется у img. Как его отключить? =))) Никогда не сталкивался с такой задачей...
0 votes30 answers -
HTML Error
Сижу уже 30 минут не могу понять как поправить ошибку Валидатор ругается с текстом: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>title</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" href="/obj/styles/body.css" type="text/css"> <link rel="SHORTCUT ICON" href="/favicon.ico"> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <!-- Header --> <tr> <td> <table width="100%" border="0" …
0 votes3 answers -
помагите пожалуйста сделать ПОДМЕНЮ В ПОДМЕНЮ
... .li2{color:red;text-indent:25px;border: 3px double green;} li.li2:hover{color:black;background: #FFCC33} ... <li class="li2"> <a name="подменю"><img src="file:///C:\Documents and Settings\Admin.MICROSOF-C03E38\Рабочий стол\HTML\qqq.gif">подменю</A> </li> ... надо сделать для этого подменю ещё одно подменю, которое будет появлять при наведении мышки вот если что все мои стайлы <style> .div1{border: 4px dotted red;width:205;height:340;padding:6px;background:rgb(255,255,100)} .ul2{list-style-type:none;margin:0px;padding:0px;cursor:none;} .li{color:black;border: 3px double green;text-indent:5;} li.li:hover{color:rgb(0,0,255…
0 votes2 answers -
Проблемы со списками в ие 6-7
Делаю выпадающее меню такой стурктуры: <ul class="dropdown"> <li class="mn_firstlvl"><a class="dir" href="#">Контакт</a> <ul> <li><a href="#">Одна длинна</a></li> <li><a href="#">Вторая очень большая длинна</a></li> <li><a href="#">Третья</a></li> </ul> </li> .... </ul> .mn_firstlvl { display: block; float: left; background-image: url(images/graymenuline.gif); background-position: center bottom; background-repeat: no-repeat; height: 32px; } ul.dropdown ul { visibility: hidden; position: absolute; top: 31px; left: 0; z-index…
0 votes13 answers -
Верстка статического сайта
Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.
0 votes16 answers -
Проблема со списками в ie6
Вот такая незадача... Есть список и в него вложенный еще один список... В одном списке у тега "ли" в стилях стоит бэкграунд имеж. Во вложенном списке через стиль бекграунда нет. Вроде все просто, но не для ослика...) Именно там где вкладывается второй список, ослик бекграунд тега ли размещает ровно по центру вложенного списка??? Короче посмотрите сами и прошу Вас помочь разобраться с осликом. Все разобрался!!! Как знал, стоит только написать и приходит от Бога ответ!!!! Извините я бы удалил эту тему, но не знаю как!!! Есче раз извините!!!
0 votes9 answers -
Не могу занести массив в cookie
Здравствуйте! При попытке записать в куки массив $korz[$id] = $kol; setcookie("user", serialize($korz), time()+604800); вылетает сообщение об ошибке Warning: Cannot modify header information - headers already sent by (output started at Z:\home\localhost\www\menus1\buy.php:33) in Z:\home\localhost\www\menus1\buy.php on line 179 Подскажите пожалуйста в чем ошибка?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-