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
-
Проблема с viewport
Парни, такая проблема. Есть страница: http://pangurh7.bget.ru/ ее viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> отображение на мобилке: http://cropme.ru/f6018b21a633cf7a672191f11c38ea54 http://cropme.ru/9c601ab9a6036f3704464ab40451bc8e уже перечитал все статьи про viewport. Пробовал разные варианты. Что может быть не так?
0 votes6 answers -
Рамка.
Прости за ламерство . Но как можно сделать тонкую рамку на странице? И на тонкую рамку расставляют рисунки(например огонь)? Если у вас мысли о таблице то пожалуйста откажетесь от этих мыслей
0 votes5 answers -
Списки
Подскажите кто-нибудь please, можно-ли как-то отцентровать маркеры списка по высоте строки если они сделаны рисунком?
0 votes2 answers -
Листинг на странице
Хочу разместить html листинг на странице. Я так понял единственный способ это сделать, чтобы браузер не интерпретировал сам листинг, - это замена < и > скобок в тегах на спецсимволы? Может кто подскажет, как удобнее всего подготовить листинг для публикации? Как например даже тут, при вставке в сообщения [соdе]Листин [/соdе]
0 votes3 answers -
Отступы в тыблице с текстовыми ссылками в FF3?
В Firefox'e 3 появляются какие-то отступы в таблицах с текстовыми ссылками. Глюк? В стилях margin, padding не помогают. СКРИН:
0 votes4 answers -
Странное поведение margn-top в FF
Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…
0 votes3 answers -
наложение слоев
есть код <div class="progressBar"> <div class="percentCount" style="width:50%">50%</div> </div> стили: .progressBar { border: 1px solid #e5e5e5; } .percentCount { background:green; text-align:center; width: 0%; position: relative; height: 20px; } этот код делает так что 50% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.
0 votes4 answers -
Размеры фиксированной верстки.
Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?
0 votes15 answers -
Подскажите из за чего код не валиден
Когда вставляю в статьи на блоге код оформления для списков, он у меня задан в css через стиль .box4 и .box5 код страницы сразу становится невалидным. Вот пример страницы с такими списками - http://comp-on.ru/proverka-sayta-na-uyazvimosti-i-virusyi/ Там один жёлтый и один зелёный список. Как сделать чтобы код оформления этих списков был валидным? Вернее это оформление можно не только к спискам применять, но и к обычному тексту например.
0 votes11 answers -
background-image
Почему у меня не встаёт изображение вместо маркера? почему-то оно вставляется после слова. <!doctype html> <html> <head> <meta charset="utf-8"> <title>Пример CSS</title> <style type="text/css"> li.img{ list-style:none; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:6%; } </style> </head> <body> <ul> <li class="img">Главная</li> <li>Программы</li> <li>Фильмы</li> <li>Игры</li> </ul> </body> </html>
0 votes14 answers -
Меню css+html
Здравствуйте, необходимо было меню с выпадающими подпунктами, нашел в инете готовое решение, переверстал под свой дизайн, все работает как нужно, одна беда - вылазит подпункты при определенной ширине меню, если ширину увеличить, то все становиться на свои места, однако увеличивать уже некуда, хотелось бы наоборот уменьшить, но тогда вылазит еще больше подпунктов: Лопатил css, но никак не могу понять как убрать это вот код: .navTitle{ padding: 10px; background: #4b9342; } .navTitle p{font-size: 16px; font-weight: bold; color: #fff;} #nav { margin: 15px 0 10px 10px; border:2px solid #4b9342; box-shadow:2px 2px 8px #000000; border-radius:3px; -moz-border-r…
0 votes6 answers -
Можно как-то задать два шрифта в "font: ...", но с разными font-size/line-height?
Доброе! Можно как-то расширить http://htmlbook.ru/css/font Есть блок тектса, у него сейчас: font: 16px/19px 'Myriad Pro'; ... но если нет в системе Myriad Pro, хотелось бы следующим подрубить trebuchet ms c 15px/17px , ибо 16px/19px от Myriad Pro уже не подходят. Браузер может прочитать только такую конструкцию: font: 16px/19px 'Myriad Pro', trebuchet ms; но не такую... (которую бы хотелось) font: 16px/19px 'Myriad Pro', 15px/17px trebuchet ms; Есть какой-то выход из подобной ситуации?
0 votes5 answers -
Программа, для генерации html кода тэгов <area>
Здравствуйте, посоветуйте пожалуйста программу. В коде очень много блоков типа: <map name="pic09"><area shape="rect" coords="25,268,128,331" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"><area shape="rect" coords="137,265,237,332" href="#" onclick="document.getElementById('captcha101').src=document.getElementById('captcha101').src.substr(-5,1)=='6'?'images/pic09.png':'images/img11.png';return false;"></map>в основном таких <area> по 10-15 штук и очень долго запоминать координаты в paint и вписывать их в код. Хотелось …
0 votes2 answers -
Как в herf добавить переменную?
Здравствуйте, помогите мне со вставкой переменной в herf. Вставляю ссылку на страницу пишет: Файл не найден Возможно, он был перемещён или удалён. В интернете очень мало информации по этому вопросу. Заранее спасибо! Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Переход</title> <script> function someFunc(){ alert(document.getElementById("quantity").value); } document.getElementById("doc").onclick = someFunc; var link = document.getElementById("doc").value; </…
0 votes1 answer -
помогите исправить ошибку в таблице
<!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" xml:lang="en" lang="en"> <head> <title></title> </head> <body> <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="1" bordercolor="#000000"> <tr> <td rowspan=2 width=250px> текст </td> <td>Текст</td> <td width=5px>5</td> </tr> <tr> <td colspan=2> текст нижней ячейки </td> </tr> </table> </body> </html> В FF вс? работает как надо, н…
0 votes3 answers -
Проблема с файлами
Возникла такая проблемка, я написал скрипт, который выводит содержимое определенного файла в поле текстареа. Потом написал скрипт который обновляет содержимое в файле, вот он: <? if($_GET['a']=='edit') { $file = fopen("../../config.php","r+"); $text = str_replace('<','<',$_POST[text]); $puts = fputs($file,$text); } ?> но проблема в том, что при записи в файл, скрипт перед ' и ", ставит слэш влево. Что делать?
0 votes7 answers -
Совместное использование float и z-index.
Всем привет. На странице имеются два блока - main и ontop. В main находится контент страницы, а в ontop будет шапка и главное меню. Я хочу, чтобы ontop находилcя точно над main. Казалось бы, чего проще - сделать z-index блока ontop больше, чем у main. Но... в main есть несколько вложенных блоков с float. И как только появляется ontop, они съезжают вниз по вертикали на высоту ontop. ontop относительно main у меня является вложенным элементом с position:relative. Position:absolute, к сожалению, не подходит, т.к. main выровнен по центру страницы, и при разных разрешениях экрана его положение по оси X разное. Подскажите, что делать?
0 votes6 answers -
position:absolute в ie
доброго времени суток, уважаемые специалисты у меня назрела проблемка которую не могу решить( есть отрывок кода html: <div class="one">ТЕКСТ</div> <div class="two"><img src="рисунок"></div> и отрывок кода css к нему: .one{ float:left; } .two{ position:absolute; } теперь собственно проблема. нужно чтобы текст был НАД рисунком, а не слева. Опера и Мозила позиционируют нормально, IE выкабенивается и ставит текст слева. несмотря на position:absolute подскажите пожалуйста какое-либо решение, но с условием что float:left останется, потому что на нем держится остальное содержимое блока
0 votes3 answers -
Кеширование картинок
Как можно реализовать кеширование картинок которые используются в качестве background-а пробовал такой вариант <script type="text/javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(err) {}</script> и такой .loader{ background:url(images/hover.gif) no-repeat; background:url(images/hover2.gif) no-repeat; background:url(images/hover3.gif) no-repeat; background:url(images/hover4.gif) no-repeat; margin-left:-1000px; } и ничего может есть еще какие варианты решения данной проблемы
0 votes6 answers -
Как сделать два рисунка для фона?
Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!
0 votes4 answers -
Не могу сверстать блок
Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…
0 votes5 answers -
Проблема с jQuery Corner
Мне было нужно скруглить угли ,в ксс 3 не кроусбраузерно ,картинка там неподходит.Решил использовать jQuery Corner. сделал страницу с блоком и черним бекграундом но скрипт неработает ,в чем проблема http://img401.imageshack.us/img401/2259/14473946.png <!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> <title>Free</title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script> <script type="text/javascript" src="http://www.linkexchanger.su/example_jquery/js/jquery.corner.…
0 votes5 answers -
"Падают" некоторые блоки в IE
Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…
0 votes6 answers -
Верстка меню
День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?
0 votes9 answers -
Подскажите программу, приводящую в порядок вид css стилей
Зачем? Иногда в сайтах встречается css код в одну строку, где трудно что-то разобрать.
0 votes5 answers