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
-
Не работает input
Ребят,почему не работает input?Текст нельзя вводить. http://cssdesk.com/bU5uD
0 votes4 answers -
ajax не возвращает ответ
помогите пожалуйста исправить ошибку есть форма: <form class="form" action="#" method="post" name="request_form_0" id="request_form_0"> <div> <input class="input fld_name flds fld" id="fld_name_0" type="text" placeholder="*имя" name="fld_name" /> </div> <div> <input class="input fld_phone flds fld" id="fld_phone_0" type="text" placeholder="*телефон или email" name="fld_phone" /> </div> <div> <textarea class="textarea fld_message fld" id="fld_message_0" placeholder="*ваше собщение"></textarea> </div> <div> <input class="button fld_submit fld" id="btn_submit0" type="submit" value="Оставить з…
0 votes2 answers -
сервисы погоды и курса вылют
Добрый день всем !!! Помогите решить задачу , хотелось бы на сайте разместить погоду и курс валюты . Где и как это мделать . Огромное спасибо всем !
0 votes7 answers -
Прозрачность a:hover в IE6
Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь
0 votes4 answers -
Замена одного контента на другой в слое
Я - начинающий. Не пинайте. Сходу не нашел. Если было - ткните носом. Подскажите как менять контент в одном из слоев (колонок), не перегружая страницу. Или даже, как выводить содержание готовых страниц (разумное) в слой.
0 votes3 answers -
2 дива по горизонтали
В общем, имеется небольшой глюк в ие: необходимо разместить 2 дива по горизонтали рядом, чтобы они занимали по 50% пространства, но чтобы между дивами был небольшой отступ размером в 2 пикселя. Делаю так: <style type=text/css> .block_top{ padding-left: 10px; height: 27px; line-height: 30px; overflow: hidden; margin-bottom: 4px; font-family: Arial; font-weight: bold; font-size: 11px; color: #FFF; background: url('images/block_top_fon.gif') repeat-x; } .block_content{ padding-left: 10px; padding-top: 5px; padding-bottom: 5px; background: #f6f6f6; overflow: hidden; position: relative; border: 1px solid #dddddd; font-family: Arial; font-weight: normal; font-size: 11px;…
0 votes1 answer -
Помогите пожалуйста!
Здравствуйте, помоги, пожалуйста. Имеется css файл: html{ height: 100%; } body{ margin: 0; padding: 0; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background: #FFFFFF; height: 100%; } #wrapper { margin: 0 auto; width: 880px; } #header { width: 870px; height: 2px; margin: 0px; background: url("/images/top_line.jpg") no-repeat; } #leftcolumn { float:left; background: url("/images/gradient_left.jpg") repeat-y; margin:0; height:133px; width:35px; } #content { float:left; background:#0795bd; margin:0; height:133px; width:802px; display:inline; } #rightcolumn { background:url("/images/gradient_right.jpg") repeat-y; margin: 0; height:133px; width: 35px; float: l…
0 votes2 answers -
Позиционирование футтера
Помогите пожалуйста разобраться! Проблема возникла с позиционированием футтера. При уменьшении окна браузера по вертикали футтер "наезжает" на контент. Как избавиться от этого и сделать так чтоб он останавливался перед последним блоком? саму страничку можно найти на http://outfoxer.ua.elro.com/yoga/ball/index.html заранее спасибо.
0 votes2 answers -
пунктирное подчеркивание у ссылки
Нужно сделать, чтобы у ссылки было подчеркивание пунктирной линией. Делаю так: a { display:block; border-bottom: 1px dashed white; text-decoration:none; padding:2px; padding-top:20px; color: #ffffff; } Но тогда пунктирная линия растягивается на всю ширину, а не только под текстом. Как сделать, что бы подчеркивался только текст ссылки? Заранее, спасибо
0 votes8 answers -
отображение картинки при наведении курсора
Всем привет. http://dkpo.hut2.ru/ 1)Прошу объяснить как сделать чтоб при наведении курсора первый линк не выталкивал другой 2)Нужно чтоб Link1,Link2 при наведении курсора были по серединке квадрата, там где надпись услуги PS Заранее спасибо за ответ :-)
0 votes5 answers -
rowspan не проходит html 5 валидацию
Фрагмент кода: <table class=flt_img> <tbody> <tr> <td> ТИП</td> <td colspan="6"> 560 GX</td> <td> Изображение</td> </tr> <tr> <td> Диаметр шланга, мм</td> <td> 82</td> <td> 63</td> <td> 70</td> <td> 70</td> <td> 75</td> <td> 75</td> <td rowspan="6"> <a href="/thsstfls/files/images/irrigator/560.jpg"> <img src="/thsstfls/files/images/irrigator/560s.jpg" alt="катушечный ирригатор" height=135 width=100> </a> </td> </tr> <tr> <td> Длина шл…
0 votes2 answers -
margin-top(margin-bottom) в процентах от высоты родителя
Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…
0 votes1 answer -
Частичное примение стиля по спецификации
Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?
0 votes3 answers -
Как вставить видио?
У меня есть видио файл, мне нужно вставить его в страницу, та там не только одно, а несколько видио, как можна их вставлять? где ставить код и какой он? говорю сразу, мне нужно только окно прогирывателя, перекрутка и звук
0 votes4 answers -
диагональный градиент
Покажите как сделать диагональный градиент?
0 votes12 answers -
Структура документа на HTML 5
Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …
0 votes7 answers -
Верстка карты(Map, Area.)
Здравствуйте. На данный момент нахожусь в стадии изучения тега <map> и всему, что с ним связано. По ходу дела меня заинтересовали следующее нюансы: 1) Пытаюсь найти(в гугле) подробную(детальную) инфу(статью) о том, как строить карты - но везде вижу только какие то обрывки информации. (Пока что даже понять не могу можно ли тегу <area> поменять фон или задать ему картинку?(при помощи чистого CSS!) (Если кто то скинет ссылку(с подробным руководством) по данной тематике - буду очень признателен.) 2) какие механизмы упрощения построения(карт) существуют на сегодняшний день? (Неужели каждый раз(при новом проекте) необходимо постоянно заново вводить(именно в ручную!)…
0 votes2 answers -
Макет для первой верстки
Хочу сверстать шаблон интернет магазина. Прочитал самоучитель по html, css, блочной верстке. Насколько сложно будет сверстать данный шаблон для первого раза
0 votes11 answers -
Контролируемый рандом
Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.
0 votes6 answers -
Вопрос насчет тега а
Вот скажите, пожалуйста, как сделать, чтобы единая, но длинная ссылка была на две строки без разделяющей строки, вплотную.
0 votes6 answers -
Explorer 7.0, color: LightGray
В начале страницы есть такая фраза: <style type="text/css"> td.lightGrayText{ color: LightGray; } </style> Далее, <td id="lgText1" class="lightGrayText"><fmt:message key="systemname"/></td> Mozilla делает текст светло-серым, Explorer игнорирует стиль. Это JSP страница, в роли контейнера выступает Веб-сфера портал сервер. Просматривая исходный код страницы через Mozilla или Explorer, можно найти описание стиля. Т.е. косяка при компиляции страницы - нет. Почему же Mozilla стиль видит, а Explorer считает возможным на него наплевать?
0 votes7 answers -
Позиционировние
Праблема такая: верстка дивами, три колонки, поверх границы между второй и третьей колонкой хочу повесить позиционированный див. Пытаюсь естественно применять position:relative. в результате сей операции внутри блока, относительно которого позиционируется элемент, образуется промежуток по высоте равный высоте позиционируемогоэлемента. Если применять абсолют, такойже прикол тока перед или после страницы. Ко всему прочему IE6 вообще не отображает сей элемент.. Чтоделать
0 votes2 answers -
галерея картинок
Добрые люди, дайте пожалуйста ссылку где уже обсуждалось создание вот такой (например) галереи или подскажите как реализовать не слишком сложно. http://www.engineersistem.ru/ нужно чтобы с помощью двух стрелок можно было просмотреть несколько картинок, листая их.
0 votes3 answers -
margin-width и list-style-image
1)Не срабатывает такое для ИЕ6,как можно исправить? html body { min-width:1000px; } 2)Не работает вот такое для ИЕ6 и ИЕ7 .strelka_marker{list-style-image:url(img/strelka.gif); margin-left:25px; line-height:25px;} Файл хтмл: <ul class="strelka_marker"> <li>Пункт1</li? <li>Пункт2</li? <li>Пункт3</li? <li>Пункт4</li? </ul> Во всех браузерах включая ИЕ8, отображает так: В ИЕ6,ИЕ7 отображает так: Как исправить в ИЕ7 и ИЕ6?
0 votes14 answers -
Съезжает блок в Google Chrome
После вёрстки возникла проблема: когда первый раз заходишь на сайт через chrome - блок съезжает. Нажимаешь обновить и всё становится на свои места. В остальных браузерах всё норм (даже в IE7). В чём может быть проблема? Вот html код: <div id="header"> <img id="site_name" src="/img/site_name.jpg" width="465" height="51"> <div id = "reg"> <form> <p align = "center" id = "input">Вход</p> <p id="surename"><input type="text" placeholder="Фамилия"></p> <p id="password"><input type="password" placeholder="№ читательского"></p> <input type="image" class="login" src="/img/login.jpg"> <a href="" …
0 votes2 answers