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
-
Один див внутри другого
Есть у меня кнопка: <div id="req_but" style="text-align: right; padding-right:150px; padding-left:0;"> <a id="req_but" title="" href="./callback.php?iframe"> <img src="images/req_but.png" style="width:138px;height:28px;" alt="></a> </div> Как внутрь неё запихнуть текст с другим дивом? Просто, если делать div class и создавать стиль в style.css, прописать там background и делать кнопку фоном, то это будет не то. Я могу вставить другой див путем указания точных координат и прилепить его прямо на кнопку, но тогда это будут артефакты при свертывании экрана, этот текст не будет сворачиваться, если уменьшать броузер по горизонтали. Проще говоря, н…
0 votes7 answers -
Анимация картинки при наведении на нее
Здравствуйте, люди! Учусь верстать сайты, и в процессе столкнулась с интересным вопросом. Хочу реализовать анимацию картинки при наведении на нее мыши. Но че-то ищу в инете и найти не могу... Вот прям как на этом сайте: http://www.karusel-tv.ru/, очень нравится простенькая анимация при наведении на иконки меню. Кто-нибудь может подсказать, как это делается? Спасибо заранее!
0 votes7 answers -
Как ломаются сайты?
Встал вопрос о защите сайта - заказчик очень интересуется какие меры приняты. На данный момент есть следующее: 1. Проверка данных из адресной строки (использую ЧПУ, но все равно проверяю регуляркой на наличие "левых" символов) 2. Не разрешаю простые пароли - длина от 8 символов, обязательно буквы + цифры. 3. Во всех формах htmlspecialchars перед записью в базу. 4. Каптча при регистрации (просто хорошая картинка, которую еще ни разу пока боты не пробивали на моей памяти) 5. Если пароль введен неправильно 5 раз - блок айпишника на 30 минут (для защиты от перебора паролей) 6. 755 права на папках 7. Надёжный и проверенный хостер. На этом все. Какие вообще методы используются …
0 votes3 answers -
Ховер на баттон в IE6
Проблема с ховером на баттоне Submit в IE6, как это можно решить и решается ли чистым стилем, или хаками в стилях. Знаю что это можно реализовать на JS, но мне это не подходит нужно не используя JS мой код что бы было понятнее что я имею введу <style type="text/css"> .sbtn{ border:0px; background:url(inputBtn.gif) no-repeat; color:#FFFFFF; width:100px; height:46px; } .sbtn:hover{ background:url(inputBtnSubmit.gif) no-repeat; } </style> <body> <form id="form1" method="post" action=""> <p> <input type="text" name="textfield" id="textfield" /> <input type="text" name="textfield2" id="textfield2" /> <input type…
0 votes3 answers -
высота дива по вертикали - всё что осталось на странице
Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…
0 votes4 answers -
Мог бы получится паралакс
Хотел сделать паралакс(http://webdev.stephband.info/parallax_demos.html), но понял что без js его не реализовать под все разрешения, так что получилось что получилось http://warplines.com/html/paralax/ - чтобы увидеть эффект нужно ресайзить окно
0 votes4 answers -
Помогите с шапкой для фиксированного шаблона
Помогите с версткой шаблона.Проблема в следующем..Левая и правая часть в шапке=баннере и футере разная.Вот картинка.. http://nds09.narod.ru/images/shapka.jpg Область где шапка расположена строго на своем фиксированном месте - область Шаптель- сам баннер.. Область №1 - этот div я просто перед div баннера и выкинул его левее margin-left:-107px;..таким образом она чётко сместилась влево...А вот область №2 должна идти до самого конца сайта как бы резоновая не зависимо от разрешения монитора или его размера..Т.Е напрашивается сделать repeat-x, но тогда не могу понять если делать для body..то и слева естественно вылезит эта картинка..перед областью 1..А мне там нужен другой ф…
0 votes8 answers -
можно ли использовать class вместо id?
скажите пожалуйста можно ли использовать class вместо id? разница между ними известно какая и понятно, что ошибки не будет. но, разбирая строение чужих сайтов, я часто замечаю, что вместо id используется class. возможно это делается умышленно. ведь, насколько я пониаю, если бы id вообще не существовало в спецификации, то css совсем не изменился бы. или все таки разница есть и проблемы могут быть из-за такой замены?
0 votes4 answers -
Элементы списка и инпуты
Есть следующий код: Требуется чтобы при фокусе определенного инпута, бордер вокруг этого поля менял свой цвет. Вот так: Первый элемент - это фокус содержащегося в нем инпута. Остальные - неактивные. (картинка сделала в Paint с подменой цвета) Закоментированная фраза в стилях - это мои мысли по поводу того, как это сделать. Только я не учел, что фокус принимает инпут, а не элемент списка li(ol) Это вообще реально? Если да, дайте подсказку, как это оформить(полное решение конечно хорошо, но лучше если я сам дойду до этого с некоторыми подсказками)
0 votes11 answers -
Помощь в ссылках
Доброго времени суток. Я только начинаю более углубленно изучать html и css. При первом написание сайта, столкнулся с проблемой ссылок. Дело в том, что у меня меню представляет собой таблицу с текстом (текст является ссылками) <div id="menu"> <ul> <li><a href="#" title="">О нас</a></li> <li><a href="#" title="">Новости</a></li> <li><a href="#" title="">Island-Twitter</a></li> <li><a href="#" title="">Island-VK.com</a></li> <li><a href="#" title="">кнопочка</a></li> </ul> </div> В css, при наведении на них мышко…
0 votes5 answers -
Сложности в изменении темы для WP
Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'tre…
0 votes1 answer -
Про margin
Чем отличается margin: auto; от margin: 0 auto;
0 votes4 answers -
Странное поведение ссылок
Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).
0 votes7 answers -
Верстка листинга одним экраном
Подскажите - получилось? Изначальный макет http://html2css.ru/extreme2/index.jpg Задумка по нему видна... В общем я его мучила, мучила... попыталась сделать динамический текст и динамические отступы в зависимости от размеров экрана, но только вот текст все равно при некотором разрешении съезжает (то есть все-таки не пропорционально меняется соотношение отсупов и размеров шрифта). Заказчик очень любит попиксельно, но тут другой случай. Но пропорции хотелось сохранить. Удалось или нет? Что подправить может быть? Интересует именно как выглядит сайт на экране для конечного пользоватея и соотествие макету, а не кривость html/css/js. http://html2css.ru/extreme2/ да.. там…
0 votes9 answers -
Почему не центрируется блок?
Вот есть каталог электропечек для бани, со следующими стилями: .elpechi - стиль тела этой страницы, чтобы не применялось к другим аналогичным .marg - блок с каталогом печей .cat_row - блок с рядами (компонент разбивает товары по рядам) .floatleft - блок карточки товара со своими стилями. задача - отцентрировать. поидее это делается так, но не работает: .elpechi .marg .cat_row {margin:0 auto;}пробовал так: .elpechi .marg {margin:0 auto;}тоже не центрирует. текущие стили: .cat_row { float: left;}.elpechi .marg .cat_row .floatleft { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 0 5px #c2c0c0; …
0 votes2 answers -
Проблема с min-width
Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?
0 votes0 answers -
Не кешируются большие картинки
Не хочет кешироваться картинка вверху страницы.Все остальные кешируются нормально.Возможно,это из-за размера?Она весит 40 кб. http://test.submain.com.ua
0 votes4 answers -
Видео вставить в обтекаемый текст! Подскажите!
Пожалуйста, подскажите как вставить видео в текст. видео в формате <td width="277">[flv:/video/Rombi(4_26).flv 277 200]</td> вот нужная страница на сайте Nature Tan http://www.naturetan.ru/proizvoditel/ Спасибо! P.S. Пока вставил в таблицу и справа написал комментарий)))
0 votes2 answers -
Фон
Есть такая проблема с фоном: http://floomby.ru/content/7nWcL1Hi40/ http://floomby.ru/content/Grv4nje8qE/ Во втором случае специально фон изменил на черный чтобы было наглядно. Сообствено вам проблема должна быть ясно: фон не "растягивается до конца элемента. В чем проблема? Вот код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Природа Мурманской Области</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </he…
0 votes7 answers -
рамка вокруг кнопки в фф
скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.
0 votes2 answers -
Анимированую иконку в адресную страку
можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???
0 votes4 answers -
Выравнивание колонок по высоте
Здравствуйте. Необходимо, чтобы колонки сайта в независимости от наполнения контентом были одинаковой высоты и прижимались к футеру. Немного погуглив, увидел несколько различных способов, как мне показалось использование картинки и её вытягивание, является наиболее эффективным способом. Но мне остался непонятным момент как всё таки прижать её к футеру...
0 votes14 answers -
Simpless?
Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.
0 votes4 answers -
Голова отдельно, тушка отдельно - вопрос по таблицам.
Доброго времени суток. Есть проблема - шапка таблицы и тело таблицы находятся в разных блоках (во всем виноват аякс если чо =)) ) Тушка таблицы резиновая (на данный момент времени), а как сделать так что бы столбцы шапки таблицы всегда имели такие же размеры как и столбцы тушки таблицы? З.Ы. Вопрос в догонку - часть информации в паре столбцов иногда не влезает в ячейку и хотелось что бы информация которая не влезет просто заменялась (троеточием) - как такое сделать? Благодарю за ответы.
0 votes6 answers -
Проблема с блоками в IE
Добрый день! Подскажите пожалуйста в чем может быть проблема,что в IE все летит к чертям?Вроде свойства довольно простые,не понимаю где IE портит картину. В хроме все нормально (как должно быть):http://niveau.nerevarin.ru/index.php/mezhkomnatnye-dveri/design А при открытии в IE - большинство div`ов перекашивает.
0 votes7 answers