HTML Coding

29542 questions in this forum

1. Растянутый контент до футера.

   В общем, суть такая. Есть страница, футер прибит к низу, тело сайта растянуто до низа. А теперь как сделать, чтобы блокн внутри сайта id="content" тоже был растянут до конца сайта? Если присвоить min-height: 100%, то появляется полоса прокрутки и сайт делается длиньше высоты разрешения экрана. <div id="main"> <div id="header"></div> <div id="content"><h2> Тело сайта</h1></div> <div id="rbar"><h3> Меню:</h1></div> </div> <div id="footer">Made by ShadowScale</div> Ксс такой: html, body {height: 100%; width: 100%;} #main { width: 1000px; border:5px solid #96bbae; border-top:0px; b…

   Asked by ShadowScale, September 12, 2012

   0 votes
   6 answers
2. Один див внутри другого

   Есть у меня кнопка: <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, October 10, 2013

   0 votes
   7 answers
3. Верстка листинга одним экраном

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

   Asked by Zverushka, May 20, 2014

   0 votes
   9 answers
4. box-shadow по параметрам юлюстратора

   Дизайне сдела в люстре дизайн, сдела черный квадрат и задал парметры ему прозрачности 45%, радиус 28 пикселей, т.е. Gaussian blur Как это на css3 сделать?

   Asked by okunev2, January 23, 2015

   0 votes
   6 answers
5. Это Table?

   Здравствуйте, форумчане! Подскажите, правильно но ли использовать для верстки такого блока таблицу: http://joxi.ru/GrqVBLOhxq3amz Или это далеко в прошлом и сейчас так никто не делает? Если лучше делать другим способом, то подскажите каким. Спасибо!

   Asked by Antoshka007, February 14, 2015

   • table
   • div
   • tr
   • td
   0 votes
   6 answers
6. Яндекс карта

   Как вставить метку на карту? Я только научился вставлять координаты карты Вот, что получилось http://jsfiddle.net/x6vsdhcm/1/ Вот так надо Большая Конюшенная улица, 19, Санкт-Петербург, Россия

   Asked by DivMan, May 18, 2015

   0 votes
   12 answers
7. Расположение текста

   Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу border). Случайно отправил без скринов: .slider { display: flex; justify-content: space-between; margin-top: 150px; } .slider_item { border-top: 2px solid; width: 24%; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 0;

   Asked by Garretidze, November 5, 2020

   0 votes
   2 answers
8. Прозрачность фона в png

   Почему картинка с прозрачным фотоном сохряненная как png-файл по разному отображается в IE и в FireFox'e? В лисе все нормально, просвечивается как и должно быть, а в IE за место прозрачного фона появляется какой то голубоватый!? Как бороться? Можно посмотреть тут: http://artvasiliev.com/ При входе кнопки RUS и ENG не так отображаются

   Asked by nicotin, March 31, 2008

   0 votes
   1 answer
9. Подскажите про цвет ссылок плиииз

   Имеется блок <TD></TD>, внутри него много ссылок. Как с помощью CSS только внутри этого блока (а не во всём документе) можно поменять цвета ссылок: цвет обычной ссылки, цвет активной ссылки, цвет посещенной ссылки. То есть я так понял, что <TD CLASS = "MyClass"></TD>, а вот как объявлять .MyClass{???} не знаю. Спасибо заранее!

   Asked by DasTPID, January 12, 2009

   0 votes
   7 answers
10. IE6 и трехколоночный резиновый дизайн.

    решено. тему можно удалить.

    Asked by xonix, March 27, 2009

    0 votes
    0 answers
11. Не тянется по вертикали

    Вот, выложил для наглядности: http://work.mironoff-design.ru/ Изначально может показаться, что фон кончается потому, что кончается картинка...но нет, картинка должна перетекать в однородную заливку. Т.е. главный блок просто не тянется под контентом. Помогите поджалуйста, всю голову изломал

    Asked by MSNuke, May 4, 2009

    0 votes
    3 answers
12. высота дива по вертикали - всё что осталось на странице

    Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 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, September 21, 2009

    0 votes
    4 answers
13. Помогите с шапкой для фиксированного шаблона

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

    Asked by Demon_gms, March 31, 2011

    0 votes
    8 answers
14. Анимированую иконку в адресную страку

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

    Asked by Joko, April 19, 2011

    0 votes
    4 answers
15. Условные комментарии IE в XSLT

    Условные комментарии к браузеру IE вида <!--[if lte IE 7]><link href="ie.css" rel="stylesheet" type="text/css" /><![endif]--> не читаются совсем, хотя находятся внутри пространства имен xmlns="http://www.w3.org/1999/xhtml" В чем причина?

    Asked by hike, March 2, 2012

    0 votes
    2 answers
16. Помощь в ссылках

    Доброго времени суток. Я только начинаю более углубленно изучать 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, July 7, 2012

    0 votes
    5 answers
17. Внедрение таблицы

    Народ, подскажите. Верстаю один проект, вроде шло нормально. Показал, примерно, половину дизайнеру. Он начал рассказывать мне про шапку (мол все не так, все не то). Внимание, вопрос: если весь сайт div-ми сделан, можно ли внедрить в него (вместо прошлой шапки) новую, порезанную из макета PSD? И каким образом?

    Asked by cerber353, October 16, 2012

    0 votes
    12 answers
18. многоугольные изображения

    Добрый день, форумчане! У меня к вам есть вопрос/просьба. Нужен ваш совет. Каким образом можно обрезать изображение так, чтобы они могли быть редактируемы. Т.е. сейчас это 1 картинка. Хотелось бы иметь возможность заливать 2 картинки так, чтобы браузер их сам обрезал. В каком направлении нужно работать ? Существует ли jQuery плагин? Или можно это как-то реализовать на html 5 canvas ?

    Asked by Nugzar Gagulia, March 7, 2014

    • map
    • canvas
    0 votes
    5 answers
19. Помогите с позиционированием

    Доброго времени суток! Помогите пожалуйста с позиционированием формы через css. Мне нужно, чтобы форма была по центру окна. Чего не хватает в коде css? HTML: <!DOCTYPE html><html lang="ru"> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="style.css" /> </head> <body> <form action="" method="post"> <input name="name" type="text" /> <p><textarea name="comment" cols="40" rows="10"></textarea></p> <input name="button" type="submit" /> </form> </body></html>CSS: body { margin: 0; padding: 0; width: 100%; height: 100%…

    Asked by Klaus, October 11, 2015

    • позиционирование
    • css
    • position
    0 votes
    6 answers
20. Недвижимость в виде фонового рисунка

    Подскажите пожалуйста,у меня на фоновом рисунке пятна разного размера в которые я вписал текст(через создание таблицы),когда я уменьшаю экран фоновый рисунок естественно остается на месте а вот весь текст съезжает со своих мест и надписи оказываются где попало (а не на своих пятнах) Как сделать что бы при уменьшении размера окошка надписи оставались на своих местах и просто скрывались за надвигающейся границей экрана??? Я чайник,поэтому попрошу ответить по-доступнее и если можно со сцылками

    Asked by parses, November 5, 2008

    0 votes
    6 answers
21. Как ломаются сайты?

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

    Asked by Veseloff, March 18, 2009

    0 votes
    3 answers
22. Ховер на баттон в 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, August 13, 2009

    0 votes
    3 answers
23. рамка вокруг кнопки в фф

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

    Asked by html, November 7, 2009

    0 votes
    2 answers
24. При увиличении маштаба болки не пропорцыональны

    У меня возникла такая проблема, есть два блока(1 болк флоат лефт 1 флоат райт) при открытие в ie7 ie8 mozile opere они онинаковой высоты, при любом увиличении маштаба они становятся разных росмеров. Как зделать что б они были онинаковыми.

    Asked by fastikkk, June 1, 2010

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

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

    Asked by exessqd1, October 14, 2010

    0 votes
    4 answers