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. Ссылка внутри изображения

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

    Asked by dimg,

    0 votes
    11 answers

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

  3. Как сделать бордер по краю окна?

    Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.

    Asked by Vitrilo,

    0 votes
    20 answers

  4. Растягивание блока по ширине

    Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…

    Asked by WhiteNight,

    0 votes
    11 answers

  5. Минимальный фиксированный размер средней ячейки, при заданной ширине таблицы 100%

    Подскажите. Имеется таблица из трёх колонок, структура такая: <table width="100%"> <tr> <td background="image_1.gif" width="480"> </td> <td background="image_2.gif"> Небольшой текст </td> <td background="image_3.gif" width=""> </td> </tr> </table> Как сделать фиксированную ширину ячейки, допустим, что бы при уменьшении окна браузера, средняя ячейка уменьшалась по ширине не меньше 300px. ???

    Asked by rusLAN,

    0 votes
    19 answers

  6. framed layout IE standard compilance

    Приветствую! Встала необходимость сверстать фрэймовый лэйаут, вот такой. http://www.dynamicdrive.com/style/layouts/...-frames-layout/ Вс? там хорошо, кроме того, что IE работает в Quirks mode. Возможно ли решение в standard compilance mode ? Сколько ни игрался, сделать не смог. Спасибо! PS: да, хотел отметить, через expressions это дело можно побороть, но не хотелось бы их использовать.

    Asked by yroman,

    0 votes
    6 answers

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

    Пытаюсь создать таблицу в БД с помощью РНР 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

  8. блог лагает при скроле

    блог лагает при скроле в фаерфоксе, начал лагать недавно, раньше такого небыло... что это может быть и как это вылечить?

    Asked by mephistophile_ua,

    0 votes
    21 answers

  9. колонки одинаковой высоты

    http://s16.radikal.ru/i191/0912/26/53f31c5f9e6c.png - нужно что б колонки не просто были одинаковой высоты, но и занимали всё пространство от них до футера не в зависимости от содержимого.

    Asked by Yahoo!,

    0 votes
    23 answers

  10. фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне

    фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…

    Asked by z-0091,

    0 votes
    3 answers

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

    Добрый день. Подскажите, делаю выборку способов доставки в корзине магазина таким образом: <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

  12. Как сделать чтобы header и навигация прокручивались вместе со странице страница они должны быть в зоне видимости ?

    Как сделать на сайте http://wedding-art.dp.ua/ чтобы header и навигация прокручивались вместе со страницей они должны быть в зоне видимости ? Помогите пожалуйста,ставил position:fixed но элементы которые под ними вставали на их место.

    Asked by Shenia132,

    0 votes
    6 answers

  13. Как задать отступ для колонки

    Здравствуйте, я начинающий верстальщик, только учусь сейчас изучаю технологию Bootstrap и у меня возникла проблема, есть три блока с контентом, каждый занимает по 4 колонки то есть использую col-md-4, в сетке бутстрапа в макете все отлично сходиться вместе с 20px margin-right, но в верстке как только в CSS пишу margin хотя бы 1 px, последний блок сезжает на строчку ниже. Подскажите как с этим быть заранее спасибо.

    Asked by vka986,

    0 votes
    2 answers

  14. Проблема: не компилируется 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

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

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

    Asked by az,

    0 votes
    9 answers

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

    Вот так отображаеться в 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

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

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

    Asked by P0jar,

    0 votes
    15 answers

  18. отступ между <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

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

  20. поля от 'body'

    Вопрос такой: - имеется код: <!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"> <head> <title>Непонятный отступ</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css" media="all"> /* <![CDATA[ */ /* — global — */ html { font-size: 100.01%; } body { font-size: 62.5%; /* - '1em' = '10px' - */ } .wrapper { width: 1000px; min-height: 100%; height: auto !important; height: 100%; margin: 0px auto; background: #ddd; } /* — // global // — */ /* — test — */…

    Asked by DjTarik,

    0 votes
    6 answers

  21. Как быстро поменять фон таблицы

    Всем привет. я хочу при наведении мыши на графический элемент менять его вид(формально это таблица 3 на 3 где крайние ячейки имеют фон-картинку а центральная ячейка содержит список с данными). типа hover. использую джаваскрипт. проблема в том что ИЕ безумно тормозит. сейчас на mouseover/out меняю класс ячеек таблицы. может есть идеи как можно быстрее background-image сменить? спасибо

    Asked by maximspb,

    0 votes
    15 answers

  22. frD-Контент в "стакане", фф

    В контейнере, div "conteiner", помещаю слой content со стилями, указанными ниже. Проблема такая- при объеме контента в данном слое меньше одной страницы в фф слой не растягивается на 100% и левая граница его заканчивается где-то посередине. Стили: html, body { background-color:white; height:100%; margin:0px 0px; padding: 0px 0px; } #conteiner { position:relative; bottom:0px; background-color:green; min-height:100%; border:solid 1px #C8CACA; border-top:none; border-bottom:none; width:700px; margin:0px auto; } #content { position:relative; top:0px;left:200px; bottom:0px; min-height:100%; width:500px; border-left:solid 1px #C8CACA; } #footer { position:abs…

    Asked by клот2,

    0 votes
    5 answers

  23. Посоветуйте Книги!

    1. HTML и CSS на примерах это для изучения HTML и CSS/ 2. А вот какую книжку посоветуете для изучения Фотошопа (конкретно для рисования сайта в н?м на достойном уровне). И ещ? нужна книга по PHP для работы с сайтом. В общем можете рекомендовать вс? хорошее что поможет создать хороший сайт Заранее спасибо всем.

    Asked by Ildar_M,

    0 votes
    7 answers

  24. Создание резинового по вертикали сайта

    Встала проблема создания такого сайта. Высота таблицы - 100%. Шапка и подвал должны быть фиксированными по высоте, а центральная часть должна или растягиваться, если высота клиентской области больше высоты контента, или должна появляться полоса прокрутки. Т.е. как бы мы не изменяли размеры окна по вертикали, шапка и подвал должны быть видны, а центральная часть со скроллом должна изменяться по высоте(но содержимое чтобы можно было просмотреть при помощи скролла).Сколько я ни мучился, реализовать эту схему не смог. Может быть, у кого-то есть решение?

    Asked by Azadi,

    0 votes
    3 answers

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

    Всем привет! Я пока новичок в разработке сайтов, пишу свой первый сайт, решил прикрутить галлерею. За основу взял код отсюда: 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
×
×
  • 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