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. Где взять psd шаблоны для портфолио верстальщика...

    К примеру, я хочу создать сайт-портфолио, где будут в живую демонстрироваться навыки верстки (не дизайна) в виде сверстанных страниц. Но дизайнер из меня никудышный, единственный вариант найти готовые psd макеты. Сайтов с исходниками в интернете целый вагон и тележка. Только вот неизвестно откуда эти макеты, кому они принадлежат и имею ли я право использовать их для этих целей. Что посоветуете?

    Asked by Bassline,

    0 votes
    2 answers

  2. Как уменьшить фоновую картинку?

    Всем привет! Я пока новичок в разработке сайтов, пишу свой первый сайт, решил прикрутить галлерею. За основу взял код отсюда: http://www.artlebedev.ru/tools/technogrette/js/filmstrip/ style type="text/css"> #fsClipper { height: 330px; width: 100%; overflow: auto; //overflow: hidden; //overflow-x: auto; } .fsControl, #fsLinks a { color: darkblue; cursor: pointer; //cursor: hand; } .fsControl.disabled, #fsLinks a.current { color: #000000; cursor: default; text-decoration: none; } .fsControl.disabled { color: #666666; } #fsScreen { height: 300px ! important; background: no-repeat 50% 50%; } </style> <div id="fsClipper"> <div id="fsScreen"></div…

    Asked by vissper,

    0 votes
    3 answers

  3. frD-Выступающая закладка - проблема отображения в IE

    Вот возникла проблема: нужно сделать горизонтальное меню, в котором активный пункт (т.е. выбранный) отображался как закладка с выступающей верхней частью. Делаем margin-top:-2px; и вроде все работает, но только в FF и в Опере - в IE не отображается как надо. Подскажите, плиз, что можно сделать. Привожу коды. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <link rel="stylesheet" type="text/css" href="css.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body>…

    Asked by Ladoga,

    0 votes
    4 answers

  4. элементарная блочная в?рстка -- позиционирование

    Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…

    Asked by az,

    0 votes
    9 answers

  5. Блок в самом низу

    Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?

    Asked by AntonSolo,

    0 votes
    25 answers

  6. Расположить 3 блока: 2справа один под другим и 1 слева на всю ширину.

    Изучаю css. Вот, решил сделать тренировочный сайт и бьюсь уже 2й день - не получается получить элементарного. Причем, ИМХО, можно получить нужный результат при использовании "невидимой" таблицы, но меня интересует именно как это сделать через css. Должно быть: 3 окошка. слева одно под другим 2 окна на ширину 200px и справа от них на свю оставшуюся ширину третье окно. (в заголовке право и лево попутал местами - это ошибка) IE показывает то, что я хочу. Opera - располагает 3е окно на всю ширину под первыми двумя. FF- делает почти правильно, но 3е окно не на всю оставшуюся ширину. И как его сделать на всю - хз. Вопросов несколько. 1. Что я делаю не так? как сделать чтоб зар…

    Asked by chabapok,

    0 votes
    3 answers

  7. Проблема: не компилируется less:

    Здравствуйте! Начала изучать less... И тут же проблема: не отрабатывается .less, выдаются ошибки: XMLHttpRequest cannot load file:///E:/LESS/styles.less. Cross origin requests are only supported for HTTP. index.html:1 Uncaught NetworkError: A network error occurred. less-1.5.0.min.js:11 Вот так подключаю: <link rel="stylesheet/less" type="text/css" href="styles.less"> <script src="less-1.5.0.min.js" type="text/javascript"></script> Что я делаю не так?

    Asked by Светлана Г.,

    0 votes
    9 answers

  8. Слой в Опера и Мозила отображаеться некорректно

    Вот так отображаеться в IE Вот так в Opera и Mozila Часть стиля CSS .label { font-size: 9pt; padding-left: 50px; z-index:1; position:absolute; left:103px; top:172px; } Весь документ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>GESTAPO </title> <style type="text/css"> body, .login, .row, .folder, .label, th, comment { font-family: tahoma, verdana, arial, helvetica, sans; font-weight: normal; color: Red; } body { margin: 0; background-color: Black; padding: 10px; } .label { font-size: 9pt; padding-left: 50px; z-index:1; position:a…

    Asked by repnov,

    0 votes
    5 answers

  9. Отправка запроса на почту.

    Добрый день. Подскажите, делаю выборку способов доставки в корзине магазина таким образом: <label for="oplata">Cпособ доставки:<br /></label> <form> <p><input type="radio" name="answer" value="a1">Курьерская доставка по Киеву<Br> <input type="radio" name="answer" value="a2">Посылка Новой Почтой<Br> <input type="radio" name="answer" value="a3">Посылка Укр Почта<Br> <input type="radio" name="answer" value="a4">Самовывоз в г.Киеве</p> </form> Подскажите как мне организовать отправку данных при выборе того или иного варианта доставки? Если к примеру вывод заполненного поля имени…

    Asked by newjey,

    0 votes
    17 answers

  10. как реализовать такое навигацыонное меню

    вот решил сделать такое меню но немогу реализовать чтоб в рамках были фотографии(картинки)при нажатии на которые вызвалась загрузка требуемой страницы! у кого какие идеи? помогите! это для ucoz сайта

    Asked by svvoy,

    0 votes
    9 answers

  11. Растягивание меню на всю ширину блока

    Всем доброе субботнее утро! Столкнулся с проблемой, нужно сделать такое: Код: <div class="letters"> <ul class="alphavit"> <li><a href=/directory/index/%D0%90>А</a></li> <li><a href=/directory/index/%D0%91>Б</a></li> <li><a href=/directory/index/%D0%92>В</a></li> <li><a href=/directory/index/%D0%93>Г</a></li> <li><a href=/directory/index/%D0%94>Д</a></li> <li><a href=/directory/index/%D0%96>Ж</a></li> <li><a href=/directory/index/%D0%97>З</a></li> <li><a href=/directory/index/%…

    Asked by crash,

    0 votes
    1 answer

  12. Что значит "верстка слоями"?

    как понять? Верстка слоями. Что такое слой? Спасибо

    Asked by apika,

    0 votes
    3 answers

  13. Как "предсказать" размер ячейки?

    Есть некоторая таблица в Excel, экспортируем её в HTML, выглядит это примерно так: Как видно высота ячейки в HTML выше чем в Excel. Можно как-то узнать насколько будет увеличена высота ячейки, при условии что весь текст в ячейку вмещается и по ширине ячейка в html не будет раздвигаться?

    Asked by kidar2,

    0 votes
    13 answers

  14. Не работает background-image для блока div

    Не могу понять почему не работает свойство background-image для блока <DIV ID="HEADER"></DIV> картинка просто не появляется в блоке..я новичок, может кто знает в чем причина? Все картинки в папке images. Сам код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>test</title> <link href="style.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <script src="js/custom.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="nav"> </div> <div id="content"&gt…

    Asked by Quadder,

    0 votes
    2 answers

  15. span и иконка

    http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)

    Asked by torsar,

    0 votes
    1 answer

  16. Медиа запросы и отображение изображений

    Доброго. Дабы не засорять форум темами свои, все вопросы напишу здесь: 1. Медиа запросы. Как это работает? То есть, есть экран смартфона 1280х720 и монитор 1980х1080. Могу ли я сделать медиа-запрос так что бы при открытии страницы с устройства с шириной экрана меньше 720 загружалось изображение одного разрешения, а если больше - другое? 2. Я работаю с Bootstrap, который блок с контентом делает адаптивным. Разве внутри этого блока ещё один блок с изображением не делается тоже адаптивным? Самое главное, что в настольном браузере, в режиме эмуляции всё отлично отображается. А на практике одни косяки. Как сделать так, что бы изображение чётко адаптировалось и не выл…

    Asked by P0jar,

    0 votes
    15 answers

  17. Проблема с валидацией

    Валидатор http://validator.w3.org показывает, что на моем сайте 205 ошибок, но все эти ошибки такого характера: , хотя у меня так: , а также отмечает все ", >... Как можно исправить это? Почему валидатор выдает ошибка там, где их нет?

    Asked by DImaN,

    0 votes
    14 answers

  18. Как создать таблицу в БД?

    Пытаюсь создать таблицу в БД с помощью РНР Myadmin, но ничего не получается. Вроде бы делаю вс? по книге, но у меня постоянно выдаются сообщения об ошибках. SQL-запрос: CREATE TABLE `users` ( `login` VARCHAR( 20 ) UNSIGNED NOT NULL AUTO_INCREMENT , `password` VARCHAR( 10 ) UNSIGNED NOT NULL AUTO_INCREMENT , `E-mail` VARCHAR( 50 ) UNSIGNED NOT NULL AUTO_INCREMENT , `vopros` VARCHAR( 100 ) UNSIGNED NOT NULL AUTO_INCREMENT , `otvet` VARCHAR( 100 ) UNSIGNED NOT NULL AUTO_INCREMENT , PRIMARY KEY ( `login` , `password` , `E-mail` , `vopros` , `otvet` ) ) А вот сообщение об ошибке: Ответ MySQL: #1064 - You have an error in your SQL syntax; check the manual that correspon…

    Asked by Shuranka,

    0 votes
    12 answers

  19. SSI. Как прописать ссылки

    Делаю сайт. Решил основные блоки, которые повторяются на каждой странице (header, footer,menu) вынести в отдельные файлы и подключать при помощи SSI. С подключением разобрался: на главную страницу подключается шапка так: <!--#include virtual="header.html"--> а на страницу Доставка, <!--#include virtual="../header.html"--> на остальные аналогично. всё подключилось и выглядит хорошо, всё на своих местах. схема расположения элементов на странице такая: В шапке присутствует меню: главная доставка сотрудничество контакты главная index.html лежит в корне сайта остальные пункты из меню в шапке: delivery.html cooperation.html contact.html находятся в одной папке …

    Asked by Newbie,

    0 votes
    6 answers

  20. Как прижать футер книзу экрана?

    Здравствуйте! Сразу оговорюсь, что прижимать просто так футер книзу я умею (хоть и считаю это совершенно ненужным...). Теперь к сабжу. Есть такой код (код не мой, просто подходит для примера): Код можно посмотреть на этой странице http://www.xs4all.nl/~peterned/examples/csslayout1.html Там макет из хедера, контента и футера. Причем контент растянут на 100% по высоте. Мне надо сделать так: 1. надо сделать хедер, допустим 100px по высоте 2. надо сделать футер, допустим 100px по высоте 3. самое интересное: надо сделать так чтобы между ними был контент, чтобы он был растянут на всю оставшуюся высоту экрана (как в примере по ссылке), но чтобы, если высота контента превышает вы…

    Asked by Great Rash,

    0 votes
    8 answers

  21. IE CSS - background в тегах tr и td

    Помогите обойти баг ИЕ. Во всех браузерах отображается нормально, а вто ИЕ никак не хочет. Пример кода: <html> <head> <style> td.s_p1{background: url(images/fon1.gif); background-repeat: repeat-x; width:6px;height:6px} </style> </head> <body> <table > <tr bgcolor='red'> <td >qqqqeeeqqqqq</td> <td class='s_p1'>qqqqqeeeeeqqq</td> <td >qqqqeeeqqqq</td> </tr> </table> </body> </html> В ИЕ не хочет отображать 2 фона одновременно. Первый просто красный должен быть от тега <tr>, а второй картинкой от тега <td>. Причём, когда не использую стили (вот…

    Asked by mirbag,

    0 votes
    7 answers

  22. Вертикальное меню с выпадающим списком

    Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…

    Asked by rusbear28,

    0 votes
    4 answers

  23. отступ между <a>

    не пойму почему у меня есть отступ между блоками, вроде все правильно. В чем ошибся? xhtml <div id="menu"> <a href="" class="menu_on">Главная</a> <a href="" class="menu">Почему мы?</a> <a href="" class="menu">О нас</a> <a href="" class="menu">Клиенты</a> </div> CSS #menu{text-align:center; margin:20px 0;} a.menu{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} a.menu_on{display:inline-block; background:url('diz/') no-repeat #7eff6d; height:25px; padding:0 30px; padding-top:7px; margin:0;} вот сайт http://help-team.com.ua/

    Asked by Kos87,

    0 votes
    20 answers

  24. em вместо px в font-size

    Здравствуйте. Не получается у меня найти толкового объяснения сего действа. Использовал задание в px, частенько встречал в em задание. Объясните пож-та, в чем соль сего действа? Это задание относительно какого параметра? Текущего?

    Asked by virus-07,

    0 votes
    16 answers

  25. Крооссбраузерный резиновый дизайн

    Сосбственно сабж: сделал вёрстку http://demo.artmedia.by/bb5/news.htm и хочу чтобы минимальная ширина страницы была 1004px а максимальная 1279px прописал для основного контейнера max-width:1279px; min-width:1004px; но как всем известно в IE это не катит и поэтому использовал известный всеми метод через expression в итоге получилось #tb1 { max-width:1279px; width:expression(document.body.clientWidth > 1279? "1279px": "auto" ); min-width:1004px; width:expression((document.documentElement.clientWidth || document.body.clientWidth) < 1004? "1004px": "auto"); } как и ожидалось в Opera и Mozilla Firefox всё нормально а вот в IE как обычно нет... в IE (как 6 так и 7 верси…

    Asked by droncl,

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