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
-
Помогите советом с нестандартная резиновой версткой
Основной блок синий При растягивании страницы сначала появляется красный блок, потом после определенного момента начинается показ зеленого. Все 3 блока имеют изображения в качестве бекграунда. Подтолкните в нужную сторону как это реализовать.
0 votes9 answers -
Вместа текста отображаются крокозябры
Вобщем наверстал сайт со слелующей гарнитурой текста font-family: Arial, Helvetica, sans-serif; У меня на компе всё отображаетскя корректно.Но у друга...у друга вот совершенно нечитаемый текст на древнешаманском языке. Умные люди скажу что ему(другу) нужно установить дополнительный набор языков. Но хотелось бы решить проблему так чтобы у всех без установки каких-либо дополнительных приложений текст на сайте отображался должным образом.
0 votes7 answers -
DIV не хочет растягиваться по вертикале (в Опере)
Мужыки, привет! Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> </head> <body> <div id="body"> <div id="header"> Заголовок </div> <div id="content"> <div id="leftcol"> <div class="leftcol-component"> Поиск по... фамилии, адресу и т.д. </div> <div class="leftcol-component"> Консультант он-лайн </div…
0 votes9 answers -
Label + input
Есть код: <input type="checkbox" name="vopros2[]" value="0001" id="vopros2_4" class="checked"> <label for="vopros2_4">Ваш вариант ответа: <input type="text" name="vopros2[]" size="100" class="checked" id="text1"></label> В Опере при клике на инпуте, флаг не ставится. В Файр Фоксе при клике не инпуте, флаг ставится, но фокус с текст поля пропадает и невозможно ввести текст. В Хроме работает все отлично) Как сделать это решение более кроссбраузерно?
0 votes1 answer -
Помогите! Табличная верстка, глюк в IE
Здравствуйте, уважаемые гуру-верстальщики. Возникла такая проблема, в общем-то я думал, что с ней справлюсь, но IE отказывается корректно растягивать хедер. Посмотрите ссылку index.html В Опере и Мозилле хедер отображается правильно, т.е. прижимается к правому боку, а центр растягивается. А IE не хочет растягивать поле td и прижимает хедер к левому боку. Но и это еще не все. Когда убирается контент, например index4.html или короткая строка index3.html, IE отображает всё правильно, т.е. хедер прижимается к правому боку. А когда выводится в контент мало-мальски длинная строка (без переходов на новую строку), то хедер опять прижимается к левому боку... Например index2.html…
0 votes7 answers -
создание таблицы
Здравствуйте, должна быть таблица с двумя строками, а в каждой строке по 2 ячейки. В ячейке 1-1 и в расположенной по диагонали ячейке 2-2 находятся рисунки, а в ячейках 1-2 и 2-1 находиться текст и все ячейки разной длины и все содержимое прижимается к левой стороне. Так вот - с одной строкой все содержимое ведет себя ок., а когда создаю вторую строку с ячейками 2-1 и 2-2 , то все четыре ячейки становятся одинаковыми по длине, не зависимо от содержимого. Подскажите в чем причина?
0 votes8 answers -
Проблема с jQ!
Всем привет! Продолжаю разбираться с jCarouselLite и появился вопросик не большой. Вот ссылка на источник: http://www.gmarwaha.com/jquery/jcarousellite/?#install В самом конце дан код: $(function() { $(".anyClass").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" }); }); а куда его пихать не написано. подскажите куда его пихнуть плз.
0 votes9 answers -
С какой скоростью нужно верстать?
Учу HTML. Интересно, с какой скоростью нужно верстать, чтобы был шанс найти подработку? А с какой скоростью работают опытные верстальщики?
0 votes17 answers -
Равномерное растягивание IMG внутри блока DIV
Имеем квадратный (равносторонний) div, внутри него лежит img: <div><img src="" /></div>Нужно сделать так, чтобы картинка растягивалась на весь объем дива и не оставалось пустого пространства, вот так: То есть, если изображение вертикальное, то растягивается по ширине дива, а если горизонтальное - по высоте. При этом края скрываются overflow:hidden. Нужно CSS-решение, без скриптов. P.S. Это должно работать как background:cover, только применительно к img.
0 votes2 answers -
Проблема с сервером!
У меня когда я набираю http://localhost, открывает и пишет: It works! как исправить?
0 votes6 answers -
Зафиксировать размер картинки, у которой display:none
В ячейках таблицы есть картинка, у которой в свойствах стоит display:none Проблема заключается в том, что в ФФ таблица "корежится и дергается" при смене на display:inline В Хроме и Сафари не дергается. Что делать, подскажите, пожалуйста. делается через $().show(); <script type="text/javascript"> function activateRow(imgId){ $('#'+imgId).show(); } function deActivateRow(imgId){ $('#'+imgId).hide(); } </script> <tr class="" onmouseover="activateRow('sms_16')" onmouseout="deActivateRow('sms_16')"> <td style="padding-left: 100px;"> 15:36:50 </td> <td> через день </t…
0 votes3 answers -
блоки в строчку
Вот собственно код меню CSS: #menu p{margin:0; display:inline;} a.menu{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat;} a.menu:hover{background-position:0 -40px; position: relative; top: 3px;} a.menu_on{display:block; width:100px; height:39px; margin:20px 10px; background-repeat: no-repeat; background-position:0 -40px;} a.menu_on:hover{position: relative; top: 3px;} a.main{background-image: url(diz/main.jpg);} a.uslugi{background-image: url(diz/uslugi.jpg);} a.zapchasti{background-image: url(diz/zapchasti.jpg);} a.foto{background-image: url(diz/foto.jpg);} a.kontaktu{background-image: url(diz/kontaktu.jpg);} xhtml: <div id=…
0 votes8 answers -
3 колонки у каждой получается своя высота
Доброе время суток! В верстке не сильна, поэтому спрашиваю. У меня сайт из 3 колонок. Они должны быть одинаковой высоты и заканчиваться у футера. Но проблема в том, что они растягиваются по содержимому и обрываются. Пробовала ставить высоту 100%, все равно не получается. Если укажите также ошибки, буду очень благодарна. css /* Основные элементы для всей страницы */ body { background-image: url('pict/fon2.jpg'); /* Путь к фоновому изображению */ color: #000000; /* Цвет шрифта */ margin: 0px auto; /* Отступы и положение */ font-family: Arial, Verdana, 'Times New Roman'; /* Шрифт */ font-size: 14px; /* Размер шрифта */ } /* Все для ссылок: ак…
0 votes12 answers -
как вставить часть кода другого сайта на свой?
Добрый день! Возник следующий вопрос: на стороннем ресурсе есть некий сервис, например вот этот http://services.fms.gov.ru/info-service.htm?sid=2000. Мне нужно чтобы с моего сайта пользователь мог воспользоваться услугами подобного сервиса, без перехода на сторонний сайт. Т.е. вставить часть кода стороннего сайта на свою страницу, чтобы отображался только блок данного сервиса! Заранее спасибо!
0 votes1 answer -
расшифруйте?
В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой. что за РАЗРЯДКА ТАКАЯ???? ПОЧЕМУ НЕНАЗЫВАЮТ ВЕЩИ СВОИМИ ИМЕНАМИ???7:mad:
0 votes5 answers -
Изображения в таблице.
Имеется стандартная таблица с изображениями. Код 1: <table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr> <td> <img width="176" height="124" src="images/01.jpg" alt=""> </td> <td width="100"> <img width="70" height="76" src="images/02.gif" alt=""> </td> </tr> <tr> <td height="1" colspan="2"> <img width="1" height="1" src="images/03.gif" alt=""> </td> </tr> </table> Код 2: <table width="100%" cellspacing="0" cellpadding="0" border="1"> <tr> <td> <img width="176" height="124" src="images/01.jpg" alt=""></td> &…
0 votes9 answers -
Проблема с explorer 7 , height 100%
Вот пример html ——— <html > <head> <title></title> <style type="text/css"> html, body { margin:0; padding:0; height:100%; } </style> </head> <body> <table style="height:100%" border="1" width="100%"> <tr><td>1</td></tr> <tr><td style="height:100%">2</td></tr> <tr><td>3</td></tr> </table> </body> </html> если открыть в ie7, то он вытягивает больше чем на 100% 2-ю ячейку, в firefox все нормально.... Я уже себе весь мозг поломал, чего только не пробовал. Как побороть?
0 votes4 answers -
Проблема с футером
Собственно друг попросил сверстать из шаблона сайт. Я раньше этим особо не занимался, но пообещал помочь. Решил верстать на <div> Футер должен быть внизу. Делал так: position: absolute; bottom:0px; Вот желаемый результат: http://uploaders.com.ua/pfiles/8298/Site_Materialy-page.jpg А вот что получилось - http://terahost.com.ua/onlystyling/index.php?type=materials CSS: http://terahost.com.ua/onlystyling/style.css Как избавиться от наезда футера? Что сделал неправильно? Какие ошибки в css? Помогите плз, замахался уже!
0 votes7 answers -
Правый блок заезжает на футер
Добрый день. При перевёрстке сайта с таблиц на блоки появилась проблема -- правая колонка начала упрямо залезать на футер. Padding в футере почему-то даёт отступ от основного контента (аналогично контент от футера), а "правый" div, находящийся между ними, игнорирует. Пробовал справиться с помощью float, clear: both -- увы, не помогает. Нужно чтобы подвал в любом случае находился ниже основного содержания и правого блока. Фрагмент CSS-кода: #content { margin-right: 231px; padding: 10px; border-right: 1px dashed #183533; } #content p { margin-top: 0.3em; } #rightcol { position: absolute; right: 0; top: 131px; width: 220px; font-size:…
0 votes2 answers -
Раскритикуйте вёрстку
Здравствуйте, посмотрите пожалуйста качество вёрстки http://proba-verstki.xyz/ буду очень благодарен за конструктивную критику. Сайт не адаптивный, но я постарался сделать его кроссбраузерным. P.S. Наверно раздел не тот, но в "обсуждении работ" надо 30 сообщений, которых у меня нет, поэтому решил запостить тут.
0 votes11 answers -
Как в <option> установить свой размер шрифта и цвета?
Как в тегах сделать так, что бы содержимому можно было установить свой размер шрифта и цвета?
0 votes3 answers -
В IE 7 шрифт на половину
На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.
0 votes5 answers -
И опять про height:100% в IE
Есть вот такой код: <!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=windows-1251"> <title>test</title> <style type="text/css"> <!-- body, html { margin:0; padding:0; height:auto !important; height:100%; } #topdiv { height: 40px; width: 100%; } #leftdiv { width: 300px; left: 0px; top: 40px; bottom: 0px; position: absolute; background-color: #00CC99; overflow: scroll; } #rightdiv { position: absolute; left: 300px; top: 40px; right: 0px; bottom: 0px; background-color: #09C; } --> </s…
0 votes3 answers -
<input type='image'> есть проблема.
У меня проблема с кроссбраузерностью. Помогите решить. Имею код <input type='image' src='buttons/edit.png' name='BTN_EDIT' value='Правка' title='Править' class='gbutton' /> Все красиво и зашибись, но только в мазилле. Нет, отображается все красиво во всех браузерах, спасибо CSS. Проблема с восприятием потом этой формы в php isset($_POST['BTN_EDIT']) - равен 1 только если навигация через браузер файерфокс.. В других браузерах получается, что кнопка не передается. $_POST['BTN_EDIT'] - равен 'Правка' только если навигация через браузер файерфокс, в других браузерах значение - пустота. В то же время, если вводную форму записывать как <input type='submit' src='butto…
0 votes5 answers -
Табуляция в textarea
Здраствуй-те, пишу работу и вот застрял на такой вещи как табуляция в теге <textarea>. Проблема вот в чем, мне необходимо изменить значение кнопки tab, чтобы она не переключалась между кнопками, а чтобы она создавала отступ. Это вещь необходима, чтобы создать модель списка. У меня есть идея, это пойти через вставку специального символа tab в javascripte, то есть, как только пользователь кликнул, резко копируем весь текст добавляем к тексту символ и возвращаем, но я не уверен будет ли это способ работать и реализуем он ли вообще. Помогай-те идеями или статья с такой вещью, буду рад любой информации.
0 votes2 answers