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

29,542 questions in this forum

  1. как настроить пути в локальном сервере

    Когда делаю сайт на локальном сервере, то если ставлю начальный слэш в путях к файлам в тегах html, например, <link rel="stylesheet" href="/engine/mark.css" />, то файлы не находятся (в данном примере не работают стили), а вот если слэш убрать, то всё работает. Проблема в том, что на хостинге настроено по-другому и там как раз начальные слэши нужны. Как настроить локальный сервер, чобы он работал так же? Юзаю easyphp.

    Asked by MrPostman,

    0 votes
    3 answers

  2. Плавающий div не растягивает родительский.

    <html> <head> <title></title> <style type="text/css"> html, body { height: 100%; border: dotted 2px red; } body { border-color: green; margin: 0; } div { border-width: 1px; border-style: solid; } div.main { padding: 120px 0px 120px 0px; border-color: red; } div.menu { border-color: blue; width: 25%; float: left; } div.content { border-color: green; float: left; width: 74%; } </style> </head> <body> <div class="main"> <div class="menu"> Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br />Пункт<br /> </div> <div class="content"&…

    Asked by skvor,

    0 votes
    7 answers

  3. Что быстрее css3 или картинки ?

    Есть окно (на div'ах) которое с помощью js перетаскивается.Проблема в том что само окно сделано из градиентов и прочих прелестей css и имеет прозрачность. Анимация перетаскивания тормозит и поэтому я думаю что если бы это были gif/png картинки с прозрачностью, то тормоза бы уменьшились. Может кто сталкивался, верна ли моя теория или нет ? стоил ли переделывать всё или это не поможет. Понятно что в практике видно будет, но всё же...

    Asked by gradus,

    0 votes
    4 answers

  4. Как такое делается

    В Livejournal есть блок перехода по страницам, типа 1 2 3 4 5 6 когда много комментариев к посту такой синий, так вот как сделать такой же с треугольничком вверху, Как делается такая вещь? ___________/\___________ / \ | 1 2 3 4 5 6 7 | \________________________/ У меня получилось только img с absolute позиционированием, но это грубо.

    Asked by vladimircape,

    0 votes
    3 answers

  5. Картинка при наведении курсора на текст

    Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

    Asked by bios,

    0 votes
    18 answers

  6. Дайте пинок :)

    Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Ну…

    Asked by Modestes,

    0 votes
    4 answers

  7. XHTML и HTML

    Всем привет. Почему такие крупные сайты как apple.com, vk.com, habrahabr.ru написаны на xhtml, а не на html. Хотя говорят что xhtml устарел. У него какое то премущество?

    Asked by Bava,

    0 votes
    3 answers

  8. Тянущийся бэкграунд для элементво списка

    Всем привет. Такая проблема, вожусь уже дня 2, полностью вынесло мозг. Есть такое меню (на картинке максимальный результат, которого мне удалось достигнуть, и то только в опере и файерфоксе). нужно чтобы в активном классе фоновое изображение проклятое растягивалось или сжималось, т.е. как ту на карттинке оно хорошо отображалось как в ие6 и ие7 так и современных браузерах. вок код: <div class="colproduct"> <ul> <li class="colprtext">Отображать товары по:</li> <li class="cpactive"><b> </b><i><span> 4 </span></i><em> </em></li> <li><a href="#" title="40">40</a></li&g…

    Asked by 9EVIL,

    0 votes
    5 answers

  9. Не получается применить пользовательский css даже c important

    Привет, ребят есть cms wordpress там свои шаблоны и css, я в сайт встроил свой скрипт на котором есть картинки в строках таблицы <table cellpadding="5" cellspacing="0" border="0"> расположенные друг над другом. Мне нужно сделать расстояние между этими картинками, НО cellpadding="5" не применяется. Все перебивает css самого wordpress а именно: media="all" * { padding: 0;} Если его отключать то cellpadding="5" хорошо применяется так как нужно, но отключение media="all" влияет на весь движок, как можно принудительно применить <table cellpadding="5" cellspacing="0" border="0"> ??? Спасибо!

    Asked by djforce,

    0 votes
    2 answers

  10. Дуги на CSS

    Всем привет. Каким образом без помощи JS и картинок можно сделать дуги только на HTML и CSS?

    Asked by egoregor,

    0 votes
    21 answers

  11. Проблема с div

    Так вот, если посомтреть на картинку, то {content} (который реально помещен в див containe) то он не хочет просто там быть. Почему?( А как только уберу float: right; - так он сразу там где надо. И левый блок, тот который затертый, если присвоено значение float: left; - то он так же сразу делаеться на прозрачном фоне. В чем же дело? Спасите, срочно надо( http://s1.ipicture.ru/uploads/20120406/bN1A4pzc.jpg

    Asked by emtecif,

    0 votes
    3 answers

  12. Структура блога на HTML+CSS

    У меня есть скромный сайтик http://куз.рф по компьютерной помощи в своем городе. Дабы продвинуть его в поисковиках, решил сделать некий блог, по вопросам компьютерного ремонта, аля How to. (кстати, если кто нибудь подскажет, что еще можно сделать для продвижения - буду признателен*) Создан сайт на фреймворке simpliste, и ни о каких БД речи не идет. Структура простая: несколько страничек html, папка css, папка с изображениями. Я примерно так себе это представляю: Чтобы сделать нечто похожее на блог, я должен создать страничку, скажем http://мойсайт.ru/blog.html, в которой будут обрывки статей, и ссылки на отдельные странички (в папке blog), с видом http://мойсайт.ru/blog/с…

    Asked by B-Real,

    0 votes
    5 answers

  13. Padding для FF(Mozilla)

    Суть вопроса такова есть ли специальный псевдо-селектор или спец селектор который может дать паддинги только в мазила? <form> <div> <label>Email user:</label><input type="text"> </div> <div> <label>Password:</label><input type="password"> </div> <div> <input type="checkbox"><label>Remember me</label> </div> </form> checkbox и label выравниваю в CSS3, но в safari, chrome Нормально все показывает, а в Opera и FireFox. Как можно придать паддинг дополнительно в Opera и FF

    Asked by akutinrom,

    0 votes
    1 answer

  14. Нулевая высота у body

    пример 1 пример 2 пример 3 пример 4 <body> <div></div> </body> Я не понимаю смысла и применимости стилевых свойств типа размеров, позиционирования, полос прокрутки и т.п. к контейнерам <html> и <body>. И вот, что заметил, в первом и втором файлах <body> имеет нулевую высоту (контейнер обведён рамкой из красных точек), во втором и третьем примерах - у дочернего div-а убрано свойство position: absolute; из-за чего body естественным образом растягивается. Вопрос 1 - почему <body> схлопывается, если дочерний элемент имеет абсолютное позиционирование? Предположу, что начальные свойства <body> совпадают, кроме margin, со …

    Asked by skvor,

    0 votes
    3 answers

  15. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen,

    0 votes
    1 answer

  16. Фон с градиентом

    Здравствуйте, верстаю 5-й урок с данного курса. шаблон Размер шаблона 1200px, вырезал фон для 1200px, и 1px по краям: <header> <div class="up"> <div class="w960"> <img src="img/logo.png" alt="" width="153" height="43" > </div> </div> <div class="down"> <span class="left"></span> <span class="right"></span> <div class="w1200"> </div> </div> </header> .w1200{ height:100%; width:1200px; margi…

    Asked by ShootingStar,

    0 votes
    0 answers

  17. Вопрос по верстке

    А можно ли сделать так, чтобы какой-то отдельный стиль грузился для всех браузеров, а для одного другого браузера подгружался другой стиль? То есть написать для одного конкретного браузера свой стиль, и чтобы только он его использовал. Надесь вы меня поняли

    Asked by Imperil,

    0 votes
    4 answers

  18. Проблема с таблицей

    Добрый день! Не могу понять в чем может быть пролема: Таблица во всех браузерах грузится нормально, в IE8 IE7 глючит. А точнее при загрузке страницы показывает таблицу норм, но как только страница загружена сразу пропадает все оформление и остается только текст. Тут посмотреть можно как это выглядит Вот код: Может кто встречался с таким уже table { *border-collapse: collapse; /* Для IE7 и старше */ border-spacing: 0; width: 100%; } .bordered { border: solid #ccc 1px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1p…

    Asked by Imperil,

    0 votes
    8 answers

  19. Двухколончный макет. Помогите с версткой

    Добрый день, уважаемые. С праздником. Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно. Советовали делать на таблицах. Какое же решение? Рисунки: 1) http://www.php-studia.ru/images/1wcw.gif 2) http://www.php-studia.ru/images/2cnc.gif

    Asked by Маленьке Звірятко,

    0 votes
    2 answers

  20. Выравнивание рисунков в слое

    Здравствуйте. Возникла проблема в верстке. Существует слой с шириной 940px, необходимо разместить 4 картинки с шириной 200px в одну строку. Остальные картинки с пятой размещаются на второй строке и т.д. 1 и вторая картинки должны быть размещены впритык к левому(для первой) и к правой (для четвертой картинки). Исходя из этого, 940 - (200 * 4) = 140px. Т.е по 46px между 1 и 2, 2 и3, 3 и 4. Для этого я пробовал делать "text-align: justify". Для первой строки картинок все очень хорошо. Но со второй строки отсутствуют отступы: Ссылка на больного: http://ascin.ru/zyuzin/test.html <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="t…

    Asked by fazley,

    0 votes
    5 answers

  21. Изменение цвета рядков таблицы при наведении мышью

    Ребята, помогите пожалуйста - устал гуглить. Есть таблица, колонки из 2-х чередующихся цветов. Для этого установлен дефолтный цвет таблицы, а в нужных колонках явно указывается цвет. Упрощенно, убрав всё лишнее: <table bgcolor=#AAAAAA> <tr> <td bgcolor=#BBBBBB> Колонка 1 </td> <td> Колонка 2</td> <td bgcolor=#BBBBBB> Колонка 3</td> <td> Колонка 4</td> <td bgcolor=#BBBBBB> Колонка 5</td> </tr>; </table> То есть все колонки цвета #AAAAAA, а те в которых указано - цвета #BBBBBB (т.е. колонки 1,3,5) Таких рядков много, они формируются php скриптом исходя из результата запр…

    Asked by Flashback,

    0 votes
    5 answers

  22. Размещение картинки в центре слоя

    Добрый день. Слой с логотипом растягивается по всей ширине экрана. Картинка по ширине заведомо больше нужного размера. Как разместить центр картинки (по горизонтали) строго по центру слоя, желательно в фоне. Спасибо. П.С. Резать пополам картинку не хотелось бы.

    Asked by Ururu,

    0 votes
    4 answers

  23. Прижать футер к низу страницы

    Помещаю все содержимое страницы во wrapper(растягиваю на 100% по высоте), footer делаю с отрицательным отступом, все ОК. Но как сделать отступ в 20px сверху? p.s. ладно черт с ним с футером, как просто растянуть блок по высоте окна браузера и сделать фиксированный отступ сверху?

    Asked by chocolate_moles,

    0 votes
    8 answers

  24. Проблемы с кроссбраузерностью

    Здравствуйте. Столкнулся с одной неприятностью и не в силах решить ее самостоятельно... Поставил на сайт (движок wordpress) шаб, и уже в процессе работы над ним заметил проблему с менюшкой - в опере она ведет себя как-то странно. Вместо того чтобы нормально развернуться подменю, творится что-то непонятное: то оно дергается как бешенное, то просто появляется на секунду и исчезает. И такое творится только в Опере. Быть может кто-то знает проблему и может помочь с ее решением? Если нужны какие-то фрагменты кода - с радостью предоставлю. Заранее благодарю Адрес сайта: 1ldg.16mb.com

    Asked by Sfash,

    0 votes
    0 answers

  25. jQuery Mobile и css <select>

    Не знал в какую тему задать вопрос, поэтому попробую спросить тут. Задача - мобильное веб приложение. Встала проблема, есть <select> при "нажатии" на него его цвет меняется на синий-голубой и открывается "айфоновское" (просто тестируется на айфоне), как я понял он по умолчанию стоит у jQuery Mobile, а вот как его поменять? Темы не спасают, они меняют только отображение изначальное, по нажатию он всеравно меняется на синий, вообще не понимаю смысла этих тем. В общем ступор... Буду рад, если кто-нибудь поможет решить проблему. Спасибо.

    Asked by kuyn,

    0 votes
    0 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