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
-
Вопрос о getElementById('').style.backgroundPosition
Как сдвинуть background у другого слоя? Подскажите по синтаксису: <style type="text/css"> #blok {width: 100px; height: 100px; background: url(background.gif);} #pimpa {width: 100px; height: 100px; background: #222222;} </style> <body> <div id="blok"></div> <div id="pimpa" onmouseover="document.getElementById('blok').style.backgroundPosition = '???';"></div> </body> Мне нужно сдвинуть background на -21 пиксель вверх типа: #blok {background-position: 0 -21px;} Помогите, спасите!
0 votes4 answers -
как создать такую штуковину
Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример. Вопрос как сделать что бы они тянулись? Вот код ee.css: body { color:#FFFFFF; } .block { width:200px; } .l_u { background-image:url('images/new_lu.png'); width:21px; height:19px; float:left; } .c_u { background:url('images/new_cu.png') repeat-x; width:160px; height:19px; float:left; } .r_u { background-image:url('images/new_ru.png'); width:19px; height:19px; float:left; } .l { clear:both; background-image:url('images/new_l.png'); background-repeat: repeat-…
0 votes3 answers -
Проблема с Flash проигрывателем
<object type="application/x-shockwave-flash" data="audio-player/player.swf" id="audioplayer4" height="24" width="290"> <param name="movie" value="clientscript/player.swf"> <param name="FlashVars" value="playerID=4&soundFile={param}"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object> везде работает, а в IE не отображается, посоветуйте что нибудь...
0 votes5 answers -
При загрузке сайта скачут элементы (верстка дивами)
Задаю первый вопрос на этом форуме, просьба не пинать сразу Имеем страницу http://toniart.ru/portfolio/f.html, при загрузке контента (если скорость интернета не очень большая) сначала грузятся круглые стрелочки влево и вправо причем вверху, затем центральная иллюстрация, затем эти стрелки перемещаются вниз, на те места где они должны быть... Все происходит быстро, но все равно напрягает. Можно полистать стрелки влево или вправо, будет понятней о чем я. Подскажите как с этим бороться? спрасибо.. на всякий случай выкладываю: HTML <body> <!-- Навигация в шапке --> <div id="navi" align="center"> <div class="polosa" > <ul> <li><span …
0 votes4 answers -
Cufon
Здравствуйте! При изучении различных св-в и методов подключения шрифтов через Cufon — столкнулся с проблемой понимания того, что же всё таки означают следующие методы и как их правильно прописать?(что бы они функционировали): 1) set 2) now 3) refresh вышеизложенные методы взяты от сюда: http://www.xiper.net/collect/html-and-css-tricks/typographics/cufon.html в дополнение к перечисленному, также хотел бы разьяснить для себя действие следующих св-в взятых из этой ссылки: https://github.com/sorccu/cufon/wiki/styling 1) cufon-active 2) cufon-loading 3) cufon-ready P.S. Перепробовав всевозможные комбинации и варианты, которые не дали результатов решил обратится за помощью сюда…
0 votes11 answers -
Обнуление отступа
http://cssdeck.com/labs/zipwv5hq В блоке c текстом about_block находится img c отступами в 30px слева и снизу, чтобы текст не прилипал к картинке . Но вот проблема, если текста мало, и он не обтекает картинку снизу, то получается что до следующего блока снизу отступ увеличивается на 30px. Т.е. расстояние между блоками не задуманные изначально 40px, а 70. Так вот, может кто знает решение средствами css?
0 votes8 answers -
Вопросы новичка
Начал делать сайт на HTML и CSS. Вопрос,можно ли написать профессиональный сайт только на одном HTML или без php+mysql или ещё чего-то там не обойтись?
0 votes23 answers -
Фиксированное меню с помощью Javascript
Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…
0 votes4 answers -
в ie не меняется цвет фона ссылки в меню
В ie цвет фона меняется только когда наводиш курсор мыши на саму ссылку а нужно что бы пункты меню не только выгледели достойно но и работали когда как кнопка! Как заставить ie менять цвет фона при наведении не только на ссылку? вот так оно выглядит у меня! .markermenu{ list-style-type: none; behavior: url(csshover.htc); margin: 5px 0; padding: 0; width:180px; list-style:none; } .markermenu li a{ background: no-repeat 5px center; background-color: #710000; font-weight:bold; color: #ffffff; display: block; padding: 3px 0; padding-left: 20px; text-decoration: none; list-style-type: none; list-style:none; border-left: 10px; border-right: 10px; } html>body .markermen…
0 votes4 answers -
Выпадающее меню на CSS
Нужно выпадающее меню на Css(в яве не бум-бум) Нашла огромное количество описаний, делаю по http://www.webmascon.com/topics/coding/42a.asp вот мое меню <!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="help.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrap"><!--начало оболочки--> <div id="content"><!--начало контента--> <div id="sidebar"> <d…
0 votes2 answers -
Отступы в форме
Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?
0 votes5 answers -
Почему div не отображается в ИЕ?
Помогите пожалуйста. Вот такое вот меню http://tri4.ax3.net/akado_ural/sub_akado-ural.html Вопрос: Почему в ИЕ7 <div class="white-line"></div> не отображается? Как это вылечить? Вопрос2: в ИЕ6 обработка ul:hover не работает?
0 votes5 answers -
Какие правила и особенности при сдачи вёрстки заказчику?
Привет всем. Довольно давно возник вопрос, как быть с вёрсткой и её клиентами, когда например я сдал работу, всё проверили, оплатили - круто! Через день пишут: "Нужно убрать вот там большой заголовок, заменить его цвет" Ещё через день пишут: "нужно сделать pop-up тянущийся во всех направлениях" Ещё через день пишут: "Нужно дописать стили для правильной печати страницы" Ещё через день пишут: "нужно чтобы картинки ратировались рандомно, а не поочерёдно" - как быть в таких ситуациях? Ведь вёрстка была сдана, а дальше (в моём случае) я так понимаю это уже что-то типа бесплатной поддержки.. Например, с дизайном я для себя определил схему такую: рисую не менее 2-х вариантов …
0 votes5 answers -
input type
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег INPUT</title> </head> <body> <form name="test" method="post" action="input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br>…
0 votes7 answers -
Фоновый рисунок для Div
Подскажите как лучше реализовать: Есть много Div'ов в виде кубиков. Стиль у них один, но фоновый рисунок должен быть разный,а в нутри каждого еще должен находиться разный контент. Не очень хочется создавать внутри них еще блоки только для задания фона, и не хочется делить стили для каждого квадрата свой лишь ради фона. Как можно выйти из положения?
0 votes11 answers -
Свой css для смартфона
Мастера подскажите как можно реализовать следующее: Для основного отображения есть основной файл стилей, а к примеру для того чтобы упростить отображение на мобилках я хочу написать другой файл стилей. Как мне можно будет заставить браузер смартфона загружать именно таблицу стилей для него, а не для компов?
0 votes6 answers -
Особенности background-size: cover
Необходимо указывать background: url из текста самой страницы, а также добавить свойство background-size: cover И вот что заметил - если background-size: cover поместить в стили, то он не работает, а если также на самой странице - то работает: <html> <head> <title>Background Size</title> <style> .true { width: 300px; height: 200px; border: 1px solid #888; } .false { width: 300px; height: 200px; border: 1px solid #888; background-size: cover; } </style> </head> <body> <div class="true" s…
0 votes2 answers -
почему в explore подпрыгивает блок?
Прошу помощи, никак не могу разобраться, все браюзеры окромя explore кажут нормально. Вторая узкая колонка с машинкой лезет вверх.
0 votes8 answers -
Две колонки
Здравствуйте, помогите решить проблему. CSS недавно начал осваивать. Нужно что бы блоки news и menu обтекались блоком content а получается вот что CSS #container { width: 875px; } #top { background:url(../images/top.jpg) no-repeat #000000; width:875px; height:427px; } #speedbar .leftb { width: 115px; height: 32px; float: left; color: white; background:url(../images/b_l.gif) no-repeat #000000; } #speedbar .centerb { height: 32px; width: 732px; background:url(../images/b_c.gif) repeat #000000; margin-left: 0px; float: left; } #speedbar .rightb { height: 32px; background:url(../images/b_r.gif) no-repeat #000000; float: left; margin-left: 0…
0 votes6 answers -
косяк с бордером (border) в ie 6
Всем привет! Мучаюсь с одной маленькой проблемой. во всех браузерах нормально отображается, кроме ie 6 (в более старших версиях все ок) вот скрин как в ие6: вот как в других браузерах: черный фон сделал специально чтобы отчетливо был виден косяк. код html <div class="browseproductcontainer"> <div class="browseimagecontainer"> <img src="http://сайт.ru/2_160x160.jpg height="160" width="160" class="browseProductImage" align="left" title="Костюм Вираж" alt="Костюм Вираж" border="0" /> </div> <div class="browseproductdetailscontainer"> <div class="browseskucontainer">КОС108</div> <h2> <a style="font-size:16p…
0 votes3 answers -
Как выровнять текстовые блоки
Как выровнять текстовые блоки Как можно делать блоки ровным. От зависимости текста. Одного блока больше текст и остальные высота боки чтобы были ровным. http://my.jetscreenshot.com/1668/20100216-vozf-44kb.jpg
0 votes3 answers -
Favicon и Opera
Всем привет. Что то опера некорректно отображает фавиконку. Никто с таким не сталкивался? Вот как это выглядит а вот в ИЕ нормально Вот так добавляю в штмл <link rel="shortcut icon" href="favicon.ico" /> Идеи? Спасибо
0 votes2 answers -
Javascript date
Есть дата (строковая переменная) 20130401 как уменьшить строку на день, чтобы было 20130331, а не 20130400? Вычесть единицу не катит var day = (((r.substring(0, 2)) * 1) - 1; var month = (r.substring(2, 4)) * 1; var year = (r.substring(4, 6)) * 1;
0 votes15 answers -
Центрирование span по вертикали поверх картинки
Добрый день! Есть такая задачка, не могу отцентрировать по вертикали блок span. CSS .example2 { display:inline-block; position:relative; height:241px; } .example2 span { display:inline-block; position: absolute; top: 40%; left:0px; width:460px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:rgba(0,0,0,.4); padding:10px 30px; } HTML <div id="slider"> <ul> <li><div class="example2"><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /><span class="s1"><span>…
0 votes1 answer -
страница не обновляется
Есть база данных. Со страници вносятся в ней обновления. Обновления в БД выполняются. На странице они выполняются только после того, как я на ней кликну обновить. Судя по всему это какойнть кэш куда грузится страница, а потом когда я ее заново вызываю, она загружается из него. Как его отключить? То есть, чтоб страници не заносились в кэш у всех пользователей сайта.
0 votes3 answers