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. Chrome не отображает hover

    Всем доброго времени суток! Делаю горизонтальное меню с помощью списков, столкнулся с прблемой: Google Chrome не отображает hover, т.е. при наведении курсора фон не меняется, в остальных браузерах работает нормально. Подскажите, как решить проблему, заранее благодарен. HTML: <div id="menu"> <ul class="menu"> <li ><a href="">ссылка 1</a></li> <li ><a href="">ссылка 2</a></li> <li ><a href="">ссылка 3</a></li> <li ><a href="">ссылка 4</a></li> <li ><a href="">ссылка 5</a></li&g…

    Asked by spleen,

    0 votes
    4 answers

  2. Как правильно написать анкор на картинку

    Доброго времени суток дорогие друзья. И так столкнулся с проблемой., или же это я страдаю ерундой. Но хотелось бы добавить анкор на превьюшку картинки. Смотрим кусок кода <div class="galleryItem"> <a class="fancybox" href="photo/b/1.jpg" data-fancybox-group="gallery"><img src="photo/m/m1.jpg" alt="Студийная фотосъемка" /></a> </div> Грубо говоря это превьюшка работающая на fancybox, а выглядит вот так. Но когда добавляю анкор ...мка" />Студийная фотосъемка</a></div> Анкор появляется, и все бы ничего, но он виден. А хотелось бы что-бы видели его только роботы а люди не видели. Такое возможно?

    Asked by Jeak,

    0 votes
    2 answers

  3. полупрозрачный фон

    Добрый день ! Подскажите чем можно реализовать эффект с шапкой, на сколько я понимаю это полупрозрачный фон, но у меня не выходят яркие цвета. Вот ссылочка шаблона: http://livedemo00.template-help.com/osc_40134/ Благодарю за ответ!

    Asked by AndreyNK,

    0 votes
    1 answer

  4. как отделить друг от друга одинаковый элемент?

    вот наглядно http://jsfiddle.net/F2ayV/ не могу понять как 1, 2, 3 и 4 можно удалить на разные расстояния друг от друга) еще и 1,2,3,4 получаются через переменную i в скрипте( в тупике... начинающий) и еще как сделать не прокрутку влево, а что бы одно тухло изображение, другое на его месте появлялось или что то в этом роде) где почитать можно

    Asked by gladyshef,

    0 votes
    5 answers

  5. Как подсветить определенное слово с помощью CSS?

    Здравствуйте. В joomla имеется статья с заголовком, и нужно задать красный цвет только для слова "Новинка!" в заголовке. В админке такого нельзя сделать, насколько знаю. Можно ли каким-либо свойством CSS подсветить красным это слово?

    Asked by borus,

    0 votes
    6 answers

  6. Вебкиты браузеры и позиционирование

    Вот есть такая формочка поиска На 1 картинке скрин как это отображается в IE, FF, Opera, на 2 соответственно Chrome и Safari. Вот HTML и CSS формы: <form id="search"> <input type="text" placeholder="Поиск" /> <input type="submit" value="" /> </form> #search { position: relative; left: 80px; margin-top: 7px; } #search input[type="text"] { padding: 6px 6px; width: 174px; border: 1px solid #DFDFDF; outline: none; background-color: #F8F8F8; } #search input[type="submit"] { position: absolute; top: 0; left: 186px; width: 33px; height: 30px; border: none; background: url(images/search_button.png); cursor: pointer…

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  7. Очередной вопрос начинающего

    Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> &lt…

    Asked by Bizon4ik,

    0 votes
    7 answers

  8. box-shadow или background-image?

    Здравствуйте. http://savepic.su/2907326m.jpg' alt='2907326m.jpg'> Тень менюшки хочу сделать с помощью box-shadow, можно конечно просто наложить как фон через background-image, но это банальное решение. 1. Возник вопрос, есть ли какой-нибудь способ, чтобы узнав какой-нибудь параметр тени в PSD-макете, можно было сразу указать в box-shadow и получить желаемый результат? Т. е. я хочу чтобы тень в PSD-макете и в верстке были попиксельно идентичными. Можно конечно сидеть и экспериментировать/поиграть с радиусом размытия и rgba, но это займет немало времени чтобы добиться попиксельного соответствия теней. Или в данном случае background-image лучшее решение? 2. Понятие семант…

    Asked by the user,

    0 votes
    1 answer

  9. Проблема с лишней высотой при разных доктайпах

    Исходные данные: <table cellpadding="0" cellspacing="0" width="" style="border: none;" align=""> <tbody> <tr> <td style="border: none;" background="design/images/box/tl.gif" width="3" height="3"></td> <td style="border: none;" background="design/images/box/t.gif" width="*" height="3"></td> <td style="border: none;" background="design/images/box/tr.gif" width="3" height="3"></td> </tr> <tr> <td style="border: none;" background="design/images/box/l.gif" width="3" height="*"></td> <td style="border: none;" valign="top" bgcolor="#fff"> <a href="ссылка"> &l…

    Asked by Kaminari,

    0 votes
    2 answers

  10. Некорректное отображение jpg

    Помогите, пожалуйста, понять, что происходит. Создаю картинку с текстом, сохраняю в jpg. Локально она выглядит нормально - гладко, а при просмотре через браузер - фигня полная, какие-то зазубрины появляются: П.С. Верхняя - как должно быть, нижняя - как выходит. Путём масштабирования косяк не убирается...

    Asked by maritca,

    0 votes
    15 answers

  11. Для nurlan_1992

    Здесь обрезанная версия, только с верхушкой. ты же говорил про ссылку которая вверху? Установи на Firefox firebug - getfirebug.com/, запусти его и там будет удобно просмотреть css и html код. Если будут какие-то вопросы задавай в этой теме. Ты там говорил про margin, а у меня та ссылка в блоке <div id="header1"> у которого внутри установлен padding, поэтому та ссылка так опускается #header1 { padding: 90px 18px 30px 173px; width: 210px; /*400 = 210 + 173*/ position: relative; float: left; background: url(../images/line.png) no-repeat right 48px; }

    Asked by Bava,

    0 votes
    6 answers

  12. Создание шаблона Joomla!

    Подскажите пожалуйста, перед созданием файла index.php, как я понимаю, нужно мысленно разделить свой PSD на области? Левая колонка, правая, футер, шапка, меню..А потом уже исходя их этого наращивать на них так сказать Код? Или я как-то не так понял? И где можно подробно почитать о написании index.php? Вообще интересует, как в него подгружаются все страницы их меню..Контакты например и т.д..

    Asked by Noraad,

    0 votes
    1 answer

  13. Формат А5 при печати

    Подскажите, пожалуйста, как решить проблему: - формируем макет документа предназначенного для печати на А5 - в IE по умолчанию установлен формат страницы А4 - если изменить настройки параметра страница на А5, то печать на принтере А5 происходит нормально, но - в параметрах следующего документа снова стоит параметр А4. Получается, что перед каждым выводом на печать необходимо изменять параметры страницы с А4 на А5 - издевательство Вопрос: Каким тегом можно установить (и можно ли вообще) параметр страницы А5 "по умолчанию"? Спасибо

    Asked by Margadon,

    0 votes
    2 answers

  14. Позиционирование текста на шапке

    Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …

    Asked by Allan,

    0 votes
    6 answers

  15. @font-face

    Друзья, привет. Не получается подключить шрифт. делаю так в css @font-face { font-family: 'plumb_condensed_lightlight'; src: url('../font/plumbcondensed-light-webfont.eot'); src: url('../font/plumbcondensed-light-webfont.eot?#iefix') format('embedded-opentype'), url('../font/plumbcondensed-light-webfont.woff') format('woff'), url('../font/plumbcondensed-light-webfont.ttf') format('truetype'), url('../font/plumbcondensed-light-webfont.svg#plumb_condensed_lightlight') format('svg'); font-weight: normal; font-style: normal; } в html <span class="title">НАЗВАНИЕ РАБОТЫ</span> шрифты лежат в директории ../font/

    Asked by ghrd,

    0 votes
    2 answers

  16. Криво работает margin для внутреннего div'ва?

    Код полностью: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</title> </head> <body style="margin:0px; padding:0px;"> <div style="background: blue; height: 50px;"> <div style="background: green; height: 30px; margin-top: 30px;"> </div> </div> </body> </html> Для удобства обозначу первый div - 'A', вложенный div - 'B'. У 'B' задан margin-top: 30px, и я ожидаю, что он получит отступ в 30 пикселей от верхней границы 'A'. Слой 'A' при…

    Asked by Develax,

    0 votes
    2 answers

  17. Убрать границы у картинки

    Всем привет! Вставляю картинку у которой только в центре есть изображение. Но картинка на браузере IE отображается с красными полями. Уважаемые мастера - как убрать границы, сделать их невидимыми? Благодарю тех кто поможет.

    Asked by Вальдемар,

    0 votes
    1 answer

  18. помогите выровнять три колонки

    При редактировании шаблона на Prestashop добился перехода с фиксированной до резиновой верстки (возможно криво и не правильно). Но возникла проблема. структура сайта была: как было #page {} /* тут вроде все понятно: хедер, три колонки и футер*/ #header {z-index:10;} #columns {z-index:1;} #left_column {float:left;} #center_column {} #right_column {float:right;} #footer {} при этом .container_9 { width: 980px; margin:0 auto; } /*это контейнер для шаблона, как я понял задает размер и расположение*/ .grid_1, /*это вот не понимаю что описывает вероятно расположение модулей*/ .grid_2, .grid_3, .grid_4, .grid_5, .gr…

    Asked by mnjk,

    0 votes
    1 answer

  19. звонок при клике на номер

    подскажите пожалуйста способ, которым можно предоставить посетителю web-страницы возможность начинать звонок после клика по номеру телефона. предполагается, что посетитель зашёл на страницу через мобильный телефон возможно ли такое, если номер телефона представлен не текстом, а картинкой или через cufon?

    Asked by cyklop77,

    0 votes
    5 answers

  20. Как по высоте растянуть вложенную таблицу?

    Таблица вложенная в ячейку другой таблицы имеет стиль height: 100%; width: 50%;. Ширина отрисовывается правильно, а вот высота - только в Fx. В Konqueror и Opera, высота как будто игнорируется. Поправка: стало всё работать, когда убрал <!DOCTYPE html>. Теперь вопрос - где и что такого сказано в стандартах по поводу этих высот?

    Asked by skvor,

    0 votes
    0 answers

  21. Вёрстка макета.

    Появились проблемы при вёрстке следующего макета: Красный блок (тот что сверху) обладает фиксированной высотой в 200px и шириной в 100% от окна броузера. С этим блоком проблем нет. Проблемы появляются при верстке зелёного блока. Ширина зависит от содержимого. Высота тоже зависит от содержимого, но минимум его высота должна быть равна высоте окна броузера за вычетом 200px - высоты красного блока. И всё совсем грустно с синим блоком. Его ширина должна быть равна ширине окна броузера за вычетом ширины зелёного (который в свою очередь зависит от содержимого). Высота зависит от содержимого, но минимум должна быть равна высоте окна броузера за вычетом 200px - высоты красного …

    Asked by Atilla,

    0 votes
    3 answers

  22. Ох уж этот IE

    Здравствуй форумчане. Никак не могу понять, что вообще происходит? 2 проблемы в IE7 и IE6, все остальные адекватно воспринимают всё. Прилагаю 1 скрин, на котором видны блоки с постами. У них у всех стоит border 1px и на ранних ie какой-то глюк, посмотрите на самый первый блок, по краям. Причем заметьте, во втором такого уже нет :blink:/>/>/>/> . Состав блока: Это: post (сам блок), posttitle (h3 блок с названием поста), meta (дата, автор и т.п.), titleimg (миниатюра-каринка) и сам текст-описание .excerpt Вот css: .post { background: #fff; margin: 10px auto; border: 1px #eee solid; clear: both; display: block; padding: 5px 20px 20px 20px;} .meta { ba…

    Asked by Tsybin,

    0 votes
    4 answers

  23. Доступ к элементу родительской страницы

    Доброго времени суток. я не так давно занимаюсь версткой и у меня возникла такая проблема: у меня есть страница index.html, на этой странице есть два iframe которые изначально скрыты <div id="1" class="left" style="display:none;"> <iframe name="left_frame" class="left_frame" frameborder="0"></iframe> </div> <div id="2" class="info all_mid" style="display:none;"> <iframe name="info_frame" class="info_frame" frameborder="0"></iframe> </div> вверху страницы index есть 4 ссылки-кнопки. вот описание одной такой ссылки <a target="left_frame"; href="javascript:void(0);" OnClick="show ('1');parent.left_f…

    Asked by sseekkiirr,

    0 votes
    1 answer

  24. Как прописать стили отдельно для каждого браузера ?

    Как прописать стили отдельно для каждого браузера ? А то у меня проблема, слева Мозилла и Опера, справа Хром Проблема на этом форуме http://forum.surgeryzone.net

    Asked by kpripper,

    0 votes
    1 answer

  25. Горизонтальное выподающее меню

    Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!

    Asked by Ingvar15,

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