Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Один див внутри другого

    Есть у меня кнопка: <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 и делать кнопку фоном, то это будет не то. Я могу вставить другой див путем указания точных координат и прилепить его прямо на кнопку, но тогда это будут артефакты при свертывании экрана, этот текст не будет сворачиваться, если уменьшать броузер по горизонтали. Проще говоря, н…

    Asked by Eridani,

    0 votes
    7 answers

  2. Анимация картинки при наведении на нее

    Здравствуйте, люди! Учусь верстать сайты, и в процессе столкнулась с интересным вопросом. Хочу реализовать анимацию картинки при наведении на нее мыши. Но че-то ищу в инете и найти не могу... Вот прям как на этом сайте: http://www.karusel-tv.ru/, очень нравится простенькая анимация при наведении на иконки меню. Кто-нибудь может подсказать, как это делается? Спасибо заранее!

    Asked by Yulik,

    0 votes
    7 answers

  3. Как ломаются сайты?

    Встал вопрос о защите сайта - заказчик очень интересуется какие меры приняты. На данный момент есть следующее: 1. Проверка данных из адресной строки (использую ЧПУ, но все равно проверяю регуляркой на наличие "левых" символов) 2. Не разрешаю простые пароли - длина от 8 символов, обязательно буквы + цифры. 3. Во всех формах htmlspecialchars перед записью в базу. 4. Каптча при регистрации (просто хорошая картинка, которую еще ни разу пока боты не пробивали на моей памяти) 5. Если пароль введен неправильно 5 раз - блок айпишника на 30 минут (для защиты от перебора паролей) 6. 755 права на папках 7. Надёжный и проверенный хостер. На этом все. Какие вообще методы используются …

    Asked by Veseloff,

    0 votes
    3 answers

  4. Ховер на баттон в 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…

    Asked by AlexKon,

    0 votes
    3 answers

  5. высота дива по вертикали - всё что осталось на странице

    Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…

    Asked by Cueball,

    0 votes
    4 answers

  6. Мог бы получится паралакс

    Хотел сделать паралакс(http://webdev.stephband.info/parallax_demos.html), но понял что без js его не реализовать под все разрешения, так что получилось что получилось http://warplines.com/html/paralax/ - чтобы увидеть эффект нужно ресайзить окно

    Asked by exessqd1,

    0 votes
    4 answers

  7. Помогите с шапкой для фиксированного шаблона

    Помогите с версткой шаблона.Проблема в следующем..Левая и правая часть в шапке=баннере и футере разная.Вот картинка.. http://nds09.narod.ru/images/shapka.jpg Область где шапка расположена строго на своем фиксированном месте - область Шаптель- сам баннер.. Область №1 - этот div я просто перед div баннера и выкинул его левее margin-left:-107px;..таким образом она чётко сместилась влево...А вот область №2 должна идти до самого конца сайта как бы резоновая не зависимо от разрешения монитора или его размера..Т.Е напрашивается сделать repeat-x, но тогда не могу понять если делать для body..то и слева естественно вылезит эта картинка..перед областью 1..А мне там нужен другой ф…

    Asked by Demon_gms,

    0 votes
    8 answers

  8. можно ли использовать class вместо id?

    скажите пожалуйста можно ли использовать class вместо id? разница между ними известно какая и понятно, что ошибки не будет. но, разбирая строение чужих сайтов, я часто замечаю, что вместо id используется class. возможно это делается умышленно. ведь, насколько я пониаю, если бы id вообще не существовало в спецификации, то css совсем не изменился бы. или все таки разница есть и проблемы могут быть из-за такой замены?

    Asked by cyklop77,

    0 votes
    4 answers

  9. Элементы списка и инпуты

    Есть следующий код: Требуется чтобы при фокусе определенного инпута, бордер вокруг этого поля менял свой цвет. Вот так: Первый элемент - это фокус содержащегося в нем инпута. Остальные - неактивные. (картинка сделала в Paint с подменой цвета) Закоментированная фраза в стилях - это мои мысли по поводу того, как это сделать. Только я не учел, что фокус принимает инпут, а не элемент списка li(ol) Это вообще реально? Если да, дайте подсказку, как это оформить(полное решение конечно хорошо, но лучше если я сам дойду до этого с некоторыми подсказками)

    Asked by Serafim1991,

    0 votes
    11 answers

  10. Помощь в ссылках

    Доброго времени суток. Я только начинаю более углубленно изучать 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, при наведении на них мышко…

    Asked by Neek,

    0 votes
    5 answers

  11. Сложности в изменении темы для WP

    Доброго всем времени суток. Собственно, есть следующая тема для WP: http://demo.wpzoom.com/photoria/ Очень хотелось бы узнать, где в прикрепленном файле стилей нужно внести изменения для того, чтобы: 1) при наведении на пункт меню, он становился кликабельным целиком (т.е. таким, как подпункты меню из выпадающего списка) 2) аналогичный вопрос о записях под слайдером (т.е. при наведении запись становится кликабельной полностью) 3) и еще один вопрос по поводу записей: как изменить размер и положение фотоминиатюры внутри записи /*********************************************************************************************[/font][/color] [color=#000000][font=sans-serif, 'tre…

    Asked by cheptil,

    0 votes
    1 answer

  12. Про margin

    Чем отличается margin: auto; от margin: 0 auto;

    Asked by DivMan,

    0 votes
    4 answers

  13. Странное поведение ссылок

    Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

    Asked by alleclf,

    0 votes
    7 answers

  14. Верстка листинга одним экраном

    Подскажите - получилось? Изначальный макет http://html2css.ru/extreme2/index.jpg Задумка по нему видна... В общем я его мучила, мучила... попыталась сделать динамический текст и динамические отступы в зависимости от размеров экрана, но только вот текст все равно при некотором разрешении съезжает (то есть все-таки не пропорционально меняется соотношение отсупов и размеров шрифта). Заказчик очень любит попиксельно, но тут другой случай. Но пропорции хотелось сохранить. Удалось или нет? Что подправить может быть? Интересует именно как выглядит сайт на экране для конечного пользоватея и соотествие макету, а не кривость html/css/js. http://html2css.ru/extreme2/ да.. там…

    Asked by Zverushka,

    0 votes
    9 answers

  15. Почему не центрируется блок?

    Вот есть каталог электропечек для бани, со следующими стилями: .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; …

    Asked by nikki4,

    0 votes
    2 answers

  16. Проблема с min-width

    Вот код в css, но почему-то фаербаг в Мозиле ругается на это "Ошибка при анализе значения свойства «width». Потерянное объявление." width: expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); В чем ошибка, подскажите плиз?

    Asked by okunev2,

    0 votes
    0 answers

  17. Не кешируются большие картинки

    Не хочет кешироваться картинка вверху страницы.Все остальные кешируются нормально.Возможно,это из-за размера?Она весит 40 кб. http://test.submain.com.ua

    Asked by user,

    0 votes
    4 answers

  18. Видео вставить в обтекаемый текст! Подскажите!

    Пожалуйста, подскажите как вставить видео в текст. видео в формате <td width="277">[flv:/video/Rombi(4_26).flv 277 200]</td> вот нужная страница на сайте Nature Tan http://www.naturetan.ru/proizvoditel/ Спасибо! P.S. Пока вставил в таблицу и справа написал комментарий)))

    Asked by АИСт,

    0 votes
    2 answers

  19. Фон

    Есть такая проблема с фоном: 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…

    Asked by Fenix,

    0 votes
    7 answers

  20. рамка вокруг кнопки в фф

    скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.

    Asked by html,

    0 votes
    2 answers

  21. Анимированую иконку в адресную страку

    можно ли через это <link rel="shortcut icon" href="/images/favicon.png" type="image/png"> сделать анимированую иконку чтоб в браузере она тоже продолжала меняться???

    Asked by Joko,

    0 votes
    4 answers

  22. Выравнивание колонок по высоте

    Здравствуйте. Необходимо, чтобы колонки сайта в независимости от наполнения контентом были одинаковой высоты и прижимались к футеру. Немного погуглив, увидел несколько различных способов, как мне показалось использование картинки и её вытягивание, является наиболее эффективным способом. Но мне остался непонятным момент как всё таки прижать её к футеру...

    Asked by param,

    0 votes
    14 answers

  23. Simpless?

    Не знал точно где разместить вопрос Хочу выучить LESS и вот пробовал установить http://wearekiss.com/simpless для компиляции в СSS, но ничего не получилось, такая же беда как здесь https://github.com/Paratron/SimpLESS/issues/59, может кто-то стыкался и обяснит по-доступней где искать проблему. Спасибо.

    Asked by Kuzyo,

    0 votes
    4 answers

  24. Голова отдельно, тушка отдельно - вопрос по таблицам.

    Доброго времени суток. Есть проблема - шапка таблицы и тело таблицы находятся в разных блоках (во всем виноват аякс если чо =)) ) Тушка таблицы резиновая (на данный момент времени), а как сделать так что бы столбцы шапки таблицы всегда имели такие же размеры как и столбцы тушки таблицы? З.Ы. Вопрос в догонку - часть информации в паре столбцов иногда не влезает в ячейку и хотелось что бы информация которая не влезет просто заменялась (троеточием) - как такое сделать? Благодарю за ответы.

    Asked by doom,

    0 votes
    6 answers

  25. Проблема с блоками в IE

    Добрый день! Подскажите пожалуйста в чем может быть проблема,что в IE все летит к чертям?Вроде свойства довольно простые,не понимаю где IE портит картину. В хроме все нормально (как должно быть):http://niveau.nerevarin.ru/index.php/mezhkomnatnye-dveri/design А при открытии в IE - большинство div`ов перекашивает.

    Asked by Temik2704,

    0 votes
    7 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept