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
-
газетная (журнальная) верстка
подскажите как можно реализовать отображения основного материала на странице в 2 колонки, как в журалах?
0 votes8 answers -
проблемка с вложенной таблицей
есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…
0 votes2 answers -
Надежно ли работает во всех ИЕ свойство zoom:1?
Это свойство для меня загадка... В общем я его называю "исправлятель глюков под ИЕ". Тоесть если слои съезжают и отображаются в ИЕ не как запланировано, то обычно все лечиться добавлением этого свойства. Так вот. У меня вопрос: во всех версиях ИЕ это свойство рабтает? То есть, если я его использую под 6: будет ли оно адекватно воспринято ИЕ 7...?
0 votes3 answers -
как вставить картинку в Div и чтоб ничего не разехалось
как вставить картинку в Div правильно и чтоб ничего не разехалось? на что нужно обратить внимание? какие атрибуты особенно важны? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500 px; float: left; } #footer{ background-color: #9c9; width: 100%; } </style> <…
0 votes2 answers -
Не работает относительный height, в DIV
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> При попытке присвоить DIV-у свойство "height:100%;" оно не срабатывает. Height:100%; работает только, если удалить doctype. Однако, после удаления doctype код не проходит валидацию и в IE получается "каша" ВОПРОС: Как, не удаляя doctype, "убедить" DIV воспринимать относительную высоту???
0 votes2 answers -
Убрать переход на новую строку у div
собсно сабдж
0 votes2 answers -
IE игнорирует CSS - как его завалить?
Фрагмент кода: <head> <style> #left_menu {font-size:120%; font-weight:normal; line-height:2em; padding-left:50px} #left_menu top {background:url(images/str_black.gif) left top no-repeat; padding-left:20px; font-weight:600} </style> </head> <body> <table width="291" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="left_menu"> <top><a href="/МЕНЮ1">МЕНЮ1</a></top> <ul> <li><a href="/подменю1">подменю1</a></li> <li><a href="/подменю2">подменю2</a></li> <li><a href="/подменю3">подменю3</a></li> </ul> </td> &l…
0 votes4 answers -
Хелп
никак не пойму одной вещи и как это исправить...вобщем добавил сайт в гугл...но потом сменил на индексе тайтл и мета дескрипт...ибо прошлый был плохой...но гугл проиндексировал старый и выдает результат по поиску старых слов...я уже и в мастере гугла кэш страницы удалял и сайтмэп кинул чтоб он заного проиндексировал (кстати из 9 урл отсканиных почемуто индех получил тока индекс но не в этом проблема) так вот подскажите чт делать то? как мне сделать так чтобы гугл отображал и искал по новым сопросам кои я переписал в мета дескрипте? сволочь пишет и и пишет старое!!! Хелп..у самого знаний не хватает и терпения тоже больше нет...попробывал тупо удалить сайт целиком из гугл..…
0 votes9 answers -
Divы
как сделать так чтоб всё было в %, и никуда не уезжало? мусолю этот код уж не первый день, с дивами не работала раньше а также чтоб в #sitebar и #main вставить фото тож в % и что не как? и может что то нужно добавить? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500…
0 votes1 answer -
Выравнивание вертикального списка.
Есть меню сделанное по средствам CSS горизонтальным с выпадающими списками, нада его отцентрировать в родителе. Как это сделать? вот упрощенный кусок кода: ul#hor {list-style:none; margin:0; padding:0; color:#000066; font-weight:bold;} ul#hor li {display:block; float:left; border-left:#dadada solid 1px; height:46px; padding:0 10px;} ul#hor li a {display:block; margin-top:10px;} <ul id="hor"> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> </ul> из-за float:left менюха прижимается к левому краю родителя, а нада по центру..
0 votes2 answers -
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes3 answers -
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes0 answers -
Как сделать ссылку на флэш банер
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes0 answers -
Проблемы с наложением ссылка на флэшку
Собственно сейчас флэшка вставляется так <div id="banner"> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="138px" height="200" id="flash" align="left"> <param name="movie" value="http://clean66.ru/images/banners/1.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <embed src="http://clean66.ru/images/banners/1.swf" wmode="opaque" quality="high" width="138px" height="200" name="klip1" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" plugi…
0 votes3 answers -
Вывод маленьких таблиц построчно
Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.
0 votes6 answers -
Таблица
Проблемка...Вот решил запустить сайт на фирме, вроде как все нормально как для "ламера", но вот при выводе фотогалереи и при всавке таблиц, все наполнение убегает вниз, а хотелось чтобы держалось верха Вот сайт...www.vdv-agency.com.ua/index/0-71.....
0 votes5 answers -
Непокорная таблица
Доброго времени суток! Преамбула. Я не разработчик. В связи с кризисом, занимаюсь самостоятельно кастомизацией сайта нашей небольшой компании. (читайте ничего не смыслю в этом) А теперь сама проблемма. При размещении таблицы на страничке, она упорно размещается в самом низу. Значение valign="top". Для наглядности вот ссылочка: http://ka-dm.ru/info.php?sel=privacy - надо чтобы сама таблица была вверху. Подскажите где искать, либо намекните что делать. PS: не сочтите за рекламу- просто доходчивее не обьясню. Ссылка нагляднее.
0 votes7 answers -
Эмуляция широкого экрана
Здравствуйте, задумался над таким вопросом. Должны же быть способы проверки сайта на широких экранах - те, которые больше моего, от 1280px Первое, что пришло в голову - программа, которая может эмулировать широкий экран, или разрешать растягиваться браузеру больше, чем ширина экрана. Есть такие хаки?
0 votes3 answers -
вопрос по поводу галереи
Здраствуйте. Не могли бы вы объяснить чайнику как работать с этим сайтом http://coppermine-gallery.net/? В смысле как скачать оттуда скрипты и установить галерею себе на сайт? Только, если можно пошагово) Буду очень благодарна.
0 votes7 answers -
замена картинки на другую
обыскал форум, не помогло. Я тут новенький и с трудом дохожу до каждого нового свойства, стиля и т.д. Вот уже 2 часа ломаю голову, пытаясь понять, как сделать, чтобы картинка-кнопка(ссылка) при наведении курсора менялась на другую, тех же размеров. <a href="#"><img src="normal.gif"></a> - вот я ее нарисовал в html. img:hover { background-image:url(hover.gif); - задал стиль. } все работает, но hover'ная картинка появляется под нормальной, а надо наоборот)) намекните плз, как мне осуществить задуманное
0 votes3 answers -
Как убрать панел ie со страницы? (см. на Nic.ru)
Зайдя по этому адресу https://www.nic.ru/cgi/na.cgi и нажав "whois" попал на страницу на которой отсутствует панель ie. Как это сделать?
0 votes4 answers -
Вопрос по быстродействию
У меня такой вопрос по поводу CSS-стилей. Какой способ внедрения стилей в страницу способствует большей скорости загрузки страницы? 1) назначать каждому элементу свой идентификатор или класс и стили выносить в отдельный файл; 2) прописывать стили для каждого тега как параметр style="";
0 votes1 answer -
Упраление видом скроллинга в FF
Вопрос: как в FF управлять видом скроллинга?
0 votes14 answers -
FrontPage 2000 (2003 ) и DreamWeaver 8 *
Извините, если тема давно обглоданная и забытая. Но меня волнует. Поэтому благодарен буду за объяснения и помощь. (FAQ просмотрел. Несколько страничек с темами форума тоже. Не нашел. Если прозевал - извините великодушно!) Ситуация такая. Понадобилось накатать большой сайт для фирмы друга. В конце 90-х начале 2000-х годов уже занимался созданием сайтов. Своих имел аж два :-) Писал в FP-98, потом в 2000. Основные знания имел. Потом 8 лет вообще к этой теме не притрагивался. Теперь вот понадобилось и сильно и срочно. Поэтому встал вопрос - в чем писать? У меня есть FP-2000 и 2003. Нашел DW-8 с книжкой. В принципе, и FP-2000 вспоминается легко (2003 сложнее, есть непонятные р…
0 votes11 answers -
Масштабирование
Всем привет ! Можно ли в тексте HTML явно указать масштаб страницы ?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-