Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Вёрстка, адаптирующаяся под размер экрана

    Некоторое представление о вёрстке я имею, но знаний для решения поставленной задачи не хватает. Поэтому прошу помощи в указании направления обучения. Нужно сверстать сайт, так чтобы он всегда занимал весь размер монитора. То есть все элементы интерфейса должны автаматически перемасштабироваться под соответствующую высоту и ширину экрана. Вёрстка в основном будет состоять из текстов и элементов html+css. Есть ли для них возможности задавать размеры с использованием формул без javascript? Есть ли возможноти для картинок? Есть некоторое количество кнопок с графическими элементами. Решит ли проблему использование svg?

    Asked by PavelTkachev,

    0 votes
    14 answers

  2. Проблема с 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. Пробовал разные варианты. Что может быть не так?

    Asked by pangurban,

    0 votes
    6 answers

  3. Списки

    Подскажите кто-нибудь please, можно-ли как-то отцентровать маркеры списка по высоте строки если они сделаны рисунком?

    Asked by Dimon-rus66,

    0 votes
    2 answers

  4. Проблема с файлами

    Возникла такая проблемка, я написал скрипт, который выводит содержимое определенного файла в поле текстареа. Потом написал скрипт который обновляет содержимое в файле, вот он: <? if($_GET['a']=='edit') { $file = fopen("../../config.php","r+"); $text = str_replace('<','<',$_POST[text]); $puts = fputs($file,$text); } ?> но проблема в том, что при записи в файл, скрипт перед ' и ", ставит слэш влево. Что делать?

    Asked by vvsh,

    0 votes
    7 answers

  5. Листинг на странице

    Хочу разместить html листинг на странице. Я так понял единственный способ это сделать, чтобы браузер не интерпретировал сам листинг, - это замена < и > скобок в тегах на спецсимволы? Может кто подскажет, как удобнее всего подготовить листинг для публикации? Как например даже тут, при вставке в сообщения [соdе]Листин [/соdе]

    Asked by r00tGE(R),

    0 votes
    3 answers

  6. Отступы в тыблице с текстовыми ссылками в FF3?

    В Firefox'e 3 появляются какие-то отступы в таблицах с текстовыми ссылками. Глюк? В стилях margin, padding не помогают. СКРИН:

    Asked by Lsoep,

    0 votes
    4 answers

  7. Странное поведение 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…

    Asked by L0k!,

    0 votes
    3 answers

  8. наложение слоев

    есть код <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% располагается посередине заполненной части, как сделать чтобы он был по середине всей полоски? спасибо.

    Asked by vvsh,

    0 votes
    4 answers

  9. Размеры фиксированной верстки.

    Какой размер является стандартным для фиксированной верстки? Исходя из чего определяют ширину фиксированной верстки( допустим, контента мало)?

    Asked by amelice,

    0 votes
    15 answers

  10. Подскажите из за чего код не валиден

    Когда вставляю в статьи на блоге код оформления для списков, он у меня задан в css через стиль .box4 и .box5 код страницы сразу становится невалидным. Вот пример страницы с такими списками - http://comp-on.ru/proverka-sayta-na-uyazvimosti-i-virusyi/ Там один жёлтый и один зелёный список. Как сделать чтобы код оформления этих списков был валидным? Вернее это оформление можно не только к спискам применять, но и к обычному тексту например.

    Asked by weffer,

    0 votes
    11 answers

  11. 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>

    Asked by DivMan,

    0 votes
    14 answers

  12. Меню 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…

    Asked by Dolce,

    0 votes
    6 answers

  13. Можно как-то задать два шрифта в "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; Есть какой-то выход из подобной ситуации?

    Asked by Compaq6720s,

    0 votes
    5 answers

  14. выровнять по вертикали

    Всем привет, столкнулся с такой проблемой. Есть набор елементов li (их может быть от 1 до 6) имеют min-width. Эти элементы флоачены. Находятся они как и пологается в ul, который имеет ширину и высоту. Как выровнять li по вертикали (количество елементов варируется от 1 до 6). Пример можно посмотреть тут http://jsfiddle.net/s97vJ/

    Asked by Justtie,

    0 votes
    11 answers

  15. Программа, для генерации 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 и вписывать их в код. Хотелось …

    Asked by Kostya74,

    0 votes
    2 answers

  16. Как в 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; </…

    Asked by pug1n,

    0 votes
    1 answer

  17. помогите исправить ошибку в таблице

    <!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 вс? работает как надо, н…

    Asked by Юрий,

    0 votes
    3 answers

  18. Совместное использование 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 разное. Подскажите, что делать?

    Asked by eclipse,

    0 votes
    6 answers

  19. 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 останется, потому что на нем держится остальное содержимое блока

    Asked by Тиар,

    0 votes
    3 answers

  20. Кеширование картинок

    Как можно реализовать кеширование картинок которые используются в качестве 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; } и ничего может есть еще какие варианты решения данной проблемы

    Asked by AlexKon,

    0 votes
    6 answers

  21. Как сделать два рисунка для фона?

    Есть страница: на которой нужно сделать такой фон с помощью двух картинок размерами 115x1, и надо сделать чтобы остальное пространство заливалось темного синим цветом.... эти две картинки должны выравниваться не по левому и правому краю страницы, а по левому и правому краю таблицы!

    Asked by vestern,

    0 votes
    4 answers

  22. Не могу сверстать блок

    Вот как выглядит блок вот его код <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="…

    Asked by ВэйДлин,

    0 votes
    5 answers

  23. Проблема с 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.…

    Asked by Mr.Black,

    0 votes
    5 answers

  24. "Падают" некоторые блоки в IE

    Здравствуйте. Сразу суть проблемы: - IE не корректно отображает мою верстку. Если быть точнее то некоторые блоки падают в низ по непонятным причинам (см.ссылку). Адрес проблемного сайта: www.simplyfitcanada.com/test Если вы откроете эту ссылку в IE и сравните с такой же картиной в любом другом браузере то увидите суть проблемы. Я использую отрицательные значения в КСС. Мне сказали, что IE не поддерживает отрицательные значения. Возможно это так, но тогда возникает один нюанс. Я достаточно часто использовал в верстке отриц.значения в КСС и они отлично отображаются, не считая "упавших" блоков. Этого я тоже не могу понять. У меня некоторые графические элементы на странице и…

    Asked by nazarlee,

    0 votes
    6 answers

  25. Верстка меню

    День добрый! Есть вот такое вот меню: А как его сверстать правильно и практичнее всего будет - нет идей. Сложность - в загнутых уголках по бокам. Или тупо вставить все это дело картинкой? Но правильно ли это будет, и плюс ко всему нужно ведь, чтобы этот уголок потом тянулся в зависимости от размера монитора на всю ширину. Что посоветуете?

    Asked by Imperil,

    0 votes
    9 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept