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
-
глюк - картинки прыгают при наведении мышки
не подскажите как избавиться от подобного глюка? при наведении мышки на фотку - фото из нижнего ряда начинают прыгать =((( вот здесь: http://oborona-pro.ru/fotoSafeLimb.html
0 votes1 answer -
центрование двух и более div по центру
Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали
0 votes1 answer -
div в div'e
Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…
0 votes0 answers -
Форматирование текста внутри дива.
Добрый день! Наверное задам глупый вопрос, но всю голову уже себе сломал, инет и форум гуглил (возможно плохо). Есть код: <html> <head> <style type="text/css"> body { background-image: url(water1small.png), url(water2small.png),url(water3small.png),url(water4small.png); margin: 0; padding: 0; } .sky { background-image: url(sky1.png), url(sky2.png); width: 100%; height: 300px; } .header { width: 960px; height: 300px; margin: 0 auto; } .page { background-image: url(sky1.png), url(sky2.png); background-position: 0 -300px; background-repeat: repeat-x; width: 100%; } .content { width: 960px; margin: 0 auto; } .coast { background-image: url(sand2.png)…
0 votes1 answer -
Как не ошибиться ?
На этом форуме несколько раз я получил ответы на свои вопросы , надеюсь сообщество и в этот раз не пройдет стороной . какая разница между <div id="moz"> и <div class="moz"> Спасибо.
0 votes4 answers -
Дивная вёрсткая + css разбивка на три колонки
Народ, подскажите пожалуйста, может есть у кого-то шаблон подобного.. Как правильно разбить (дивная вёрстка) css правильно на шапку, три колонки и нижний колонтитул? То есть мне необходимо во вторую и третью колонку будет вставлять одинакового размера картинки, которые будут идти друг за другом. Пересмотрел и перебробывал много чего, постоянно картинки сбиваются и вылазят за края или что-то подобное этому.
0 votes1 answer -
Помогите с CSS
Привет. Firebug-ом нашел элемент, подправил html код. С права появился element.style с параметрами. В какой css необходимо его прописать я никак не пойму. Подскажить плиз...
0 votes5 answers -
При подключении css, визуально пропадает весь контент
Доброго времени суток, господа. Подскажите, вот такая странная ситуация, есть страница, есть лист стиля, сама страница работает нормально, а при подключении стиля все ссылки и тексты исчезают из поля зрения, т.е. в результате пользователь видит просто стилизованную страницу без текста и ссылок, хотя если в браузере сделать просмотр html кода, то там всё есть. Что за магия, можете подсказать? ниже представлен css код. * {margin: 0;padding: 0;} html {height: 100%;} header, nav, section, article, aside, footer {display: block;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;height: 100%; background-image:url(bg.png); background-color:#000000; background-size:100…
0 votes2 answers -
Как сделать такой эффект?
Здравствуйте. Немогу понять как сделать такой эффект как на картинке http://savepic.ru/3937323.jpg, или это делается через box-shadow или через gradient, подскажите пожалуйста. Заранее спасибо.
0 votes2 answers -
Таблица HTML
<HTML> <HEAD> <TITLE>1234</TITLE> </HEAD> <BODY> <table bgcolor="#FFFFFF" border="1" bordercolor="#000000" width="100%" height="100%" align="center"> <tr> <td colspan="3" height="10%"> </td> <tr> <td width="200px" valign="top"> </td> <td valign="top"> </td> <td width="20%" valign="top"> </td> </tr> <tr> <td colspan="5" height="10%" align="center"> </td></tr></table> </BODY> </HTML> не могу понять в чём проблема , таблица должна быть как на рисунке.
0 votes2 answers -
Проблема с расположением объектов
Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?
0 votes2 answers -
Кроссбраузерность
Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?
0 votes1 answer -
Скрытие блока с блоками
Придумал как решить свою задачу с тенями вокруг кнопок, но уперся в другую беду, которую так и не смог решить самостоятельно. Суть такая, что есть блок (серый), в нем лежит блок что чуточку поменьше размерами (синий). При наведении на синий блок он становится зеленым, при зажимании мышки - красным, при отпускании или уведении мышкой - обратно синим. Подскажите, как при помощи javascript сделать так, чтобы при нажимании на синенький блок серый блок - исчезал из виду? А при отпускании мышки - серый снова становился виден? При этом чтобы синенький блок где сидел чтобы там и оставался. Что я только не пробовал. Если делать серому display:none то всё, он пропадает с концами, п…
0 votes11 answers -
Создать фон ссылки активной страницы
Нужно вот так как новости. Как можно это реализовать. Реализовал чтобы реагировал на наведение мыши, на нажатие, но надо , чтобы фон ссылки фиксировался относительно своей страницы
0 votes4 answers -
Верстка меню
День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?
0 votes9 answers -
Помогите решить задачку
Привет всем, начал постигать азы веб-программирования (пока что с html/css), вот застрял на такой задачке: Блок слева состоит из 5 блоков: 1 большой и 4 поменьше в нем, со свойством position: relative. В html ес-но написал div в котором еще 4 div'a. Проблема в том что у меня правый серый блок сдвигается вниз, хотя я применяю к большому левому блоку свойство float, еще пытался менять свойство display у блоков - не получается. Помогите плиз.
0 votes4 answers -
Помогите с отображением спойлеров.
Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.
0 votes1 answer -
Как сделать табы с такой структурой?
Вот как надо Как такое сделать с вот такой структурой кода? <h2>описание</h2> <div class="описание">...</div> <h2>характеристика</h2> <div class="характеристика">...</div> <h2>отзывы</h2> <div class="отзывы">...</div> не получается эти h2 сделать в ряд..((
0 votes6 answers -
проблема с меню на wp
Доброго времени суток! Раньше делал статичные сайты и не заморачивался, а вот тут вдруг решил освоить верстку на wp, и вдруг возникла проблема. Как можно сделать выделение пункта меню. Например как на apple.com. Когда переходишь например; на страницу "contact" и пункт меню conact как либо выделяется. В статичном сайте я бы просто на каждую страницу присвоил другой класс из пункта этой страницы, а тут как?
0 votes2 answers -
Проблема с шрифтом в firefox
у меня вот такой код @font-face { font-family: graffiti2ctt; src: url(files/font/217_Graffiti2CTT.eot); src: local(graffiti2ctt), url(files/font/217_Graffiti2CTT.ttf); } дорогие верстальщики подскажите в чем проблема, всё работает кроме firefox в нем кажется просто Arial, я уже что только не делал но ничего не могу поделать! Искал на форуме, нашол похожую тему ответ был (Почитайте о “Fontspring @Font-Face Syntax”) но я не смог в етом разобратся, помогите...
0 votes1 answer -
Что делать?)
Есть у меня недопипилиный сайт на юкозе [hide]chiphone.at.ua[/hide] Хочу перегнать его на платный хостинг и домен (чтоб избавиться от рекламы, в первую очередь...да и свои навыки поднять было бы не лишним) Вопрос заключается в том что дальше юкоза я ничего не знаю (ну небольшая база html все же есть) и просто не представляю с чего мне начинать. Хочу создать вот такой простенький сайтец на недорогом хосте Спасибо
0 votes1 answer -
ol и ul как сделать один список в строку, а другой в колонку
Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается вот что пробовал Если например писать #menu li {display: inline;} тогда работает а если писать #menu ol li {display: inline;} тогда не работает но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?
0 votes3 answers -
Помогите с кодом UCOZ пожалуйста!
Здравствуйте. У меня проблема, уже всё перепробовал не знаю что и делать. В общем маме по работе нужен сайт. В итоге на главной странице фотоальбома полный бардак выводится и с новыми фотками и с уже добавленными. Я хочу чтобы мне выводило список альбомов, которых всего 6 с подгрузкой в качестве обложки альбома последней добавленной фотографии. Но плюс я хочу чтобы подгружаемая фотография была в рамочке, а название альбома было сверху. Есть таблица рамки и код подгрузки, но при соединении их они почему то работают криво. Может кто подскажет? Вот ссылка на фотогаллерею сайта: http://myzryksichevo.ucoz.ru/photo Вот код: <table border="0" cellpadding="0" cellspacing="0"…
0 votes0 answers -
цвет кнопки при наведении !
всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }
0 votes4 answers -
Текст в div наезжает на предыдущий div.
Итак, сделал маленький макет используя bootstrap. Одно текстовое поле(input) в своем div'e, под ним текстовый логотип в своем. При этом логотип наезжает на input. Как исправить? Демо: http://onto.su/test/ Пример в архиве. http://rghost.ru/43606857
0 votes11 answers