HTML Coding

29,542 questions in this forum

1. Сделать картинки квадратными

   Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.

   Asked by Tchorteg, April 16, 2011

   0 votes
   9 answers
2. EXE + HTML

   <object type = 'application/octet-stream' data = 'C:\temp\file.exe' width = '100%' height = '100%'> <param type = 'application/octet-stream'> </object> - не работает В любых браузерах рисует рамку с крестиком, вместо exe-файла. Помогите, пожалуйста, сделать так, чтобы он его там отображал. Приложение Windows forms

   Asked by #QARF, April 16, 2011

   0 votes
   1 answer
3. Самооткрывающееся окно

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

   Asked by Shin, April 16, 2011

   0 votes
   9 answers
4. div заезжает под другой div

   В общем имеется такой макетик <div style='min-width:650px;'> <div style='float:left;'>1</div> <div style='float:right;'>2</div> <div style='width:100%;clear:both;'></div> <div style='float:left;'>3</div> <div style='background-image:url'>Заливка картинкой</div> </div> При уменьшении масштаба страницы (ширины браузера) 2-й див заезжает под первый, то есть оказывается над 3-им. Как от этого избавиться?

   Asked by RiG, April 16, 2011

   0 votes
   10 answers
5. Фон общий страницы ( проблема )

   Здравствуйте! Кто соображает в html и css подскажите, как сделать что бы весь макет сайта тянулся на весь экран по оси х. То есть width стоит 1280px, на маленьком мониторе появляется горизонтальная прокрутка, а на большом мониторе ( С разрешением примерно 1300px ) остается белое место ( остальные 20px ). Вот собственно вопрос, как сделать что бы весь сайт тянулся на всех мониторах на весь экран при это что бы его ширина была 1280px ?

   Asked by Lakont, June 5, 2011

   0 votes
   5 answers
6. горизотальное меню

   Доброго времени суток. Недавно начал заниматься версткой, возникла задача, которую никак не могу решить. Нужно сделать простое одноуровневое горизонтальное меню (таблицы не использовать), т.е. на дивах, с использованием <ul> <li> и CSS. Сложность в том, что некоторые пункты меню располагаются в одну строчку , а некоторые в две строчки. Проблема как выровнять пункты меню по вертикали. Воспользовался display: table-cell; vertical-align: middle;. Получилось вроде бы, но в IE6,7 это не работает. Может кто знает как это можно сделать?

   Asked by chapai, April 16, 2011

   0 votes
   5 answers
7. safari и изображение

   в safari не корректно отображает картинку, во всех браузерах все ок вот ссылка http://atemiks.wen.ru/portfolio/businessname/businessname.html почему так?

   Asked by Temiks, April 17, 2011

   0 votes
   0 answers
8. Стили для фрейма

   Ситуация такая. Я открываю во всплывающем окне (фрейме) страницы другого сайта. Список ссылок этих страниц берется из rss сайта. Вопрос. Могу ли я использовать свои стили для сайта который показывается во фрейме? И если могу, то как?

   Asked by Tchorteg, April 17, 2011

   0 votes
   3 answers
9. Дочерние селекторы наоборот

   Добрый день. Прошу совета у знающих людей. Дано меню: <ul> <li> <a id="parent" target="_self" href="">Алкоголь</a> <ul> <li> <a id="parent" target="_self" href="">Виски</a> <ul> <li> <a id="parent" target="_self" href="">Страна</a> <ul> <li> <a class="current" target="_self" href="">Марка</a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> Как при наличии id="current" у последнее ссылки присвоить свойства <a id="parent" target="_self" href="">Страна</a> <a id="parent" target="_self" href="">Виски</a> <a…

   Asked by lostprophet, April 17, 2011

   0 votes
   3 answers
10. Система пользовательского поиска Google

    Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …

    Asked by andrecool, April 17, 2011

    0 votes
    4 answers
11. Фотогралерея

    Вот создаю я фотогалерею.В ней должны показаться все фотографии пользователя.Возникает такая проблема.Например, крупные соц.сети типа мой мир ,вконтакте делают фотографии по ширине и высоте одинаковые. Но ведь не все фотографии изначально одинакового размера т.е. я ширину разделю на один коэффицент,а высоту на другой,то фотография исказится. Так вот как все соц сети делают фотоографию одинаковой и по шиирине и повысоте и она не искажается?

    Asked by new01, April 17, 2011

    0 votes
    9 answers
12. кроссбраузерность hr

    помогите убрать отступы в ие!! с этой темой мучаюсь уже 4 месяц!!смог убрать только один из отступов а 2 никак!!!! стили по умолчанию браузеров: ие6 hr { text-align: center; zoom: 1; } ие7 hr { outline: 0 none; text-align: center; zoom: 1; } ие8 hr { border-style: inset; border-width: 1px; display: block; margin-bottom: 0.5em; margin-top: 0.5em; overflow: hidden; text-align: center; zoom: 1; } сафари hr { display: block; margin: 0.5em auto; border-style: inset; border-width: 1px } почему если я их стараюсь сделать одинаковими не получается удалить отступы

    Asked by bot87, May 1, 2011

    0 votes
    3 answers
13. Макет

    Кто то может выложить какой то свежий макет для верстки? буду очень благодарен)

    Asked by demi, April 17, 2011

    0 votes
    4 answers
14. Отступ двух от верха браузера

    Нужно чтобы страница была посередине экрана, т.к сайт промо, главная страница сделана маленькой. И на мелких мониторах она смотриться нормально, а на больших получается прилеплена к верху. Я пытаюсь выровнять по центру, не не получается. Тоесть мне нужно чтобы она центрировалась по вертикали по центру. Пробовал по разному: Это не подходит, она отлепляется от одного бока и отлеплена все время, а мне нужно только если снизу есть место. #otstup { position: absolute; top: 20%; left: 20%; } Вообще не работает. #otstup { background-position: center center; }

    Asked by Tchorteg, April 17, 2011

    0 votes
    15 answers
15. В IE6 не копируется текст

    Странное поведение этого недобраузера. На форумах часто задают вопрос как сделать так чтоб невозможно было копировать текст. А у меня проблема как раз наоборот. вот страница - http://www.nomos-regiobank.ru/sme. В осле с центральной колонки текст не копируется, хоть убейся. Я сам двумя руками против Эксплорера но заказчик хочет IE6 и хочет копировать текст. Если кто то сталкивался или есть какие то мысли, помогите. У меня уже опустились руки.

    Asked by folibis, April 17, 2011

    0 votes
    6 answers
16. @fontface

    Привет! Какая то проблема! не подрубается шрифт проверил путь, имя. Можете помочь? спасибо @font-face { font-family: AGOpus; src: url(../fonts/agopus.ttf); }

    Asked by andys, April 17, 2011

    0 votes
    29 answers
17. меню на спрайтах

    <body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…

    Asked by andys, April 17, 2011

    0 votes
    9 answers
18. при width 100% дива появляется горизонтальная полоса прокрутки

    Приветсвую! Есть такой код: html <!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" /> <link rel="stylesheet" type="text/css" href="index.css" /> </head> <body> <div id="wrapper"> <div id="header">header</div><!-- END header --> <div id="navbar">navigation</div><!-- END navbar --> <div id="content">content</div><!-- END content --> </div><!-- END wrapper --> <div…

    Asked by stalker_2000, July 4, 2011

    0 votes
    2 answers
19. Картинка в IE

    Здравствуйте, пожалуйста, помогите решить проблему. Вставляю картинку, Опера, Гугл, FF ее видят, а IE нет. Если убираю слеш перед адресом картинки, все наоборот. Спасибо заранее

    Asked by Клава, April 18, 2011

    0 votes
    7 answers
20. div absolute не растягивает родительский div relative

    Содержание div absolute меняется по высоте, но не растягивает родительский div relative! Как сделать так чтобы он растягивался??? Пример кода: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> <!-- * { margin: 0px; padding: 0px; } .wraper { margin: 0px; padding: 0px; text-align: center; } .container { width: 960px; position: relative; text-align: left; background-color: #…

    Asked by Oriy, April 18, 2011

    0 votes
    2 answers
21. Съезжает маркер списка в конец строки

    <h3>Заголовок H3</h3> <ul> <li>Первая строка;</li> <li>Вторая строка;</li> <li>Остальные строки...</li> ... </ul> Когда список идет после заголовка, маркер первой строки съезжает в конец строки.

    Asked by r00tGER, April 18, 2011

    0 votes
    7 answers
22. И с нова hCard

    Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).

    Asked by cssview, April 18, 2011

    0 votes
    2 answers
23. Перевод целого сайта

    Есть иностранный сайт, я хочу сделать такой же только на русском. Будет ли перевод сайта считаться нарушением авторских прав?

    Asked by Electra, April 18, 2011

    0 votes
    2 answers
24. Бьюсь как рыба с этим justify(

    Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…

    Asked by anycall, April 18, 2011

    0 votes
    3 answers
25. Пустое место внизу страницы

    Сверстал страницу на дивах. В опере и фф внизу много пустого места, в сафари с хромом всё смотрится как надо. Как это исправить? CSS html

    Asked by MifYz, April 18, 2011

    0 votes
    3 answers