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
-
Динамическое изменение класса CSS
Привет вот простой код <style> .class1 { color:red;} </style> <script> function change_css_class(class_name) { ... <- как обратиться к конкретному свойству класса и изменить его? } </script> <a href="http://google.com" onmouseover="change_css_class('class1');">google</a> <span class="class1">1</span> <span class="class1">2</span> <span class="class1">3</span> ... <span class="class1">n</span> есть необходимость по событию(наведению мыши) на ссылку менять параметры каласса class1 - пусть к примеру изменить цвет на синий. Количество элементов у которых нужно менять заранее не изве…
0 votes1 answer -
Блок внутри ячейки таблицы.
Как создать блок(div) внутри ячейки таблицы на 100% высоты ячейки при отсутствии задания у последней фиксированных размеров? Заранее спасибо. Пример скрипта: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <LINK rel="stylesheet" type="text/css" media="screen" href="screen.css"> </head> <body> <div id="block"> <table id="tab"> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td> <div id="cont">4</div> </td> </tr> </table> </div> </body> <…
0 votes8 answers -
Как выровнять содержимое группы DIV-ов по вертикали?
Приветствую всех! У меня вопрос к специалистам. У меня есть шапка с группой горизонтальных DIV-ов. Задача: Отцентрировать содержимое горизонтальной группы DIV-ов по вертикали (блоки разноцветные для наглядности) Высота блока 93px; Содержимое каждого такого блока должно быть отцентрировано по вертикали. Подскажите пожалуйста как действовать. Вот картинка: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML <div id="container"> <div id="header"> <div class="Top"> <div class="Logo"><img src="images/ru_logo.png" alt="ru" width="150" height="61"></div> <div class="Phone"><…
0 votes2 answers -
Меню
как я могу делать фон для меню потому что вставить мышь он сдвинутся
0 votes3 answers -
Flash фотогалерея в IFRAME помогите
http://aksenovdmitriy.ru/tolkosvadba.html Вот ссылка на сайт с проблемой Галерею делал при помощи программы "VSO PhotoOnWeb". Сам сайт в Dreamweaver. При открытии в Мозиле все работает как надо. А в эксплорере флаш галерея которая лежит в теге IFRAME открывается на весь экран. Так не должно быть. Что делать помогите плз вот часть кода ...body> <div align="center"><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="713" valign="top"><img src="img/2.jpg" width="605" height="147" alt="Фотограф Аксенов Дмитрий" longdesc="http://foto.ovane.ru" /> <p align="center" class="style2 style6">Свадебная фото…
0 votes4 answers -
Silverlight
Господа, кто нибудь владеет этой технологией? Не могу понять логику. Отзовитесь пожалуйста!
0 votes3 answers -
проблемы с ИЕ
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes8 answers -
проблемы с ИЕ и отображением картинок
Доброго времени суток Уважаемые Форумчане! проблема следующая, помогите плиз кто чем может....дан макет сайта из заголовка и двух расположенных в паралель блока именно меню и основной контент , в опере и мазиле отображается корректно, а в IE все что ниже заголовка съезжает вправо(((как быть????....и подскажите мне неопытному что такое, вернее из за чего при вымещении на сервак странички все изображения с нее пропали???...что я не так делаю????...воть ссылка на тестовую страницу http://exampl-1.narod.ru/INDEX.HTM ! спасибо заранее огромное
0 votes0 answers -
Как бы сверстать?
Уважаемые обитатели форума, помогите решить проблему. Дано: фиксированный макет, расположенный по центру, но справа должна тянуться резиновая линия до конца окна браузера. Всё содержимое помещено в один блок, который расположен по центру, справа от этого блока, должен быть блок с фоном, и тянуться до правого края. Вся соль в том, что с лева он нафиг не нужен, так что расположить его под основным блоком с шириной в сто процентов, не работает. Помогите пожалуйста, я уже всяко пробовал, но не могу додуматься, как это сделать. Должно быть кроссбраузерно. Если есть решение на таблицах, тоже принимается Вот ещё нарисовал для улучшения восприятия задачи. http://s59.radikal.ru/…
0 votes10 answers -
Кнопки...
Хочу сделать так, чтобы при наведении на кнопку начиналась анимация - кнопка начинала как бы гореть. А после того как убрали курсор с кнопки, кнопка постепено затухала, т.е. анимация резко не обрывалась. Как такое замутить без скриптов ?
0 votes6 answers -
position:absolute в ie
доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока
0 votes3 answers -
Реально ли так сверстать?
Возникла необходимость сверстать вот такой вот шаблон. Контентный блок(серые прямоугольники на белом фоне) фиксированной ширины, и расположен по центру. На первый взгляд, все просто, если бы не одно НО. Вертикально расположенный пунктир по бокам (на сером фоне). Вне зависимости от ширины свободного места вокруг контентной части пунктирная линия должна идти по центру этого свободного пространства. Единственное решение, которое мне на ум пришло, приведено ниже. Но увы, оно не подходит - нужно сделать пунктир графикой - dashed-ы имеют существенно меньшую длину, чем черточки в PSD. А вот как сделать с графическим пуктиром выполняя все поставленные условия, я додуматься не мо…
0 votes21 answers -
верстака резинового блока css
Ребята, привет. Решил сделать сайтик, но появилась проблемка. Т.к я никогда не верстал "резиновых" сайтов, а всегда делал фиксированные, то возник небольшой вопросик. В общем надо сделать 2 блока, один допустим шириной 200px, а другой 100%.То, что я хотел сделать меня получилось, но я так понимаю, что выход не совсем правильный. Подскажите как все это верно реализовать? Заранее Спасибо!
0 votes1 answer -
Помогитеееееееееее!
В ... IE6 div не получается сделать низким( 1-3px)... Помогите плз... оч надо
0 votes5 answers -
Отображение
Здравствуйте.Подскажите,как это сделать.Например,есть два разных браузера-Opera и Safari.Как сделать,что бы в Opere был что-то другое,чем в safari и остальных браузерах. Вот таким способом можно? <!--[if opera] > <h1>opera</h1> <![endif]--> <!--[if safari] > <h1>safari</h1> <![endif]--> Или это лучше сделать Javascript'oм?
0 votes9 answers -
Счетчик
Просматривала темы в форуме. Нашла lifeInternet, но так и не смогла им воспользоваться: вставляю на страницу код, но он ничего не дает. Я пробовала на своем компьютере, а может результат будет виден после того как залью на сервер, не знаю. Помогите, пробовала также вставлять в разные места сайта. И почему там советуют вписывать счетчик в поближе началу в <body>, когда в основном на сайтах он находится в низу, значит и писать в конце?! Ну, в первый раз я со счетчиком работаю...!
0 votes9 answers -
Двойное прилипание к футеру, КАК?!
Народ все наверняка видели вот этот метод http://themaninblue.com/writing/perspective/2005/08/29/ как сделать так чтобы подвал прилипал всегда к низу браузера! НО я не понимаю как сделать так чтобы КОНТЕНТНАЯ часть когда в ней мало контента контента тоже растягмвалась на всю высоту окна браузера. Для наглядности ниже пример. Ессно речь идет о блочной верстке, С УЧЕТОМ IE 6
0 votes2 answers -
background-position в firefox
Господа! Возникла проблема с FireFox. Суть проблемы заключается в следующем. HTML: <html> <head> <link rel="stylesheet" href="style/style2.css" type="text/css" media="screen"> </head> <body> Тут много текста. Столько, что не убирается на одну высоту окна. </body> </html> CSS: html, body { margin:0; padding:0; position:relative; width:100%; height:100%; } body { background-image:url(logo_lines.png); background-repeat:no-repeat; background-position:95% 100%; /* background-position:97% bottom; */ } Создается такое впечатление, что ff считает высоту у body 100% равную одной высоте окна браузера, а не полную высоту, кото…
0 votes11 answers -
Защита сайта
Привет. Пожалуйста оцените / дополните некоторые пункты для защиты сайта: Защита папок в которые грузятся аватарки, фотки и проч - .htaccess кидается в закрываемую папку # ЗАПРЕТ ЛИСТИНГА ВСЕХ ПАПОК И ПОД-ПАПОК Options -Indexes # ЗАПРЕТ ДОСТУПА К ФАЙЛАМ Order Deny, Allow Deny from all # ЗАПРЕТ НА ЗАПУСК ФАЙЛА RemoveHandler .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml AddType application/x-httpd-php-source .phtml .php .php3 .php4 .php5 .php6 .phps .cgi .exe .pl .asp .aspx .shtml .shtm .fcgi .fpl .jsp .htm .html .wml Защита файла который отвечает за вход в админку CMS 1. входим на страницу admin/admin.p…
0 votes6 answers -
Выравнивание заголовков
Привет всем. Я создаю свой сайт на HTML. Как подвинуть заголовок и вообще все немного вправо, т. к. у моих друзей экран с более низким разрешением, плохо видны первые буквы ? И еще я слышал о плавно подстраевымоих системах, когда сайт хорошо виден на любых мониторах. Как это сделать? Вадим.
0 votes3 answers -
Что такое .over ?
Вопрос по примеру всплывающей менюшки с сайта http://www.htmlbook.ru/css/hover.html Вот этот стиль: LI:hover UL, LI.over UL { display: block; /* При выделении пункта курсором мыши отображается подменю */ } Что значит .over ? Это псевдостиль какой-то? Буду очень благодарен.
0 votes1 answer -
Почему border не отбражается в IE6?
Привет. Вот поэтому адресу Sendlab.ru показано, как должно работать в Опере и IE6 и там сейчас порядок. Но нужно переверстать CSS файл и под IE6, что-то не хочет работать (Опера и IE7 работает), подскажите, что не так в коде CSS position: absolute; margin-top: 7px; margin-left: 230px; border: 1px solid #d1ddea; height: 160%; width: 80%; Спасибо за оказанное внимание.
0 votes1 answer -
Почему не работает z-index
css: #content_top { position: relative; top: -200px; width: 800px; min-height: 400px; background-image: url('web/content_top.gif'); background-repeat: no-repeat; background-color: #01140d; z-index: 1; } #content { width: 800px; z-index: 3; } #content_bottom { width: 800px; height: 200px; background-image: url('web/content_bottom.gif'); position: relative; top: -200px; z-index: 2; } html: <div id="content_top"> <div id="content">этот текст должен быть поверх картинок!А он бяка такая закрывается content_bottom</div> <div id="content_bottom"></div> </div> ну что скажете…
0 votes2 answers -
Проверка в форме и Поиск
Ребята подскажите плз: 1) Как сделать рядом с полем формы кнопку для проверки есть например такой логин или нет... вобщем что б был понятен вопрос Пример вот видете напротив "Логин" кнопка для проверки существует логин или нет.... 2) Делаю поиск на сайте, но он очень плохо работает, поскольку пользователю необходимо ввести точные данные которые содяржатся в базе.... например если в базе написано "Вася.", а пользователь введет просто(без точки) "Вася" то поиск ему ничего не выдаст. Подскажите как вообще делается грамотный поиск(я просто сам хочу что бы чужие скрипты не использовать.)
0 votes2 answers -
Ширина div
Доброго времени суток всем! Простите за глупый вопрос, но не могу вспомнить вот такую вещь. Как сделать чтобы ширина блока div не занимала всю ширину страницы, а увеличивалась по мере наполнения блока?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-