HTML Coding

29542 questions in this forum

1. Некорректное отображение меню ul в Chrome

   Добрый день, дорогие эксперты! Помогите пожалуйста,такая ситуация. В Operе и остальных браузерах отображает нормально, а вот в Google Chrome съзжает меню в футере. Скриншоты и код: Нормально: Cсъезжает в Хроме: <div id="footer"> <div class="counter"><!--LiveInternet counter--><!--/LiveInternet--></div> Все права защищены. © <a href="<?php bloginfo('home'); ?>"><strong><?php bloginfo('name'); ?></strong></a> <div class="footerrightmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Цены</a></li> …

   Asked by kelevra, January 9, 2014

   • chrome верстка
   • меню
   • помоги
   0 votes
   3 answers
2. Как правильно верстать горизонтальное меню?

   Меню сверстано с использованием float: left; Ширина меню 980пикселей. На скрине видно, что при 100% все хорошо, а вот при зуме в 75% последний элемент переносится на следующую строку. Каждый пункт меню, он же li имеет отступы padding: 18px 13px 18px 13px; но не имеет заданной ширины. Почему то при масштабе эти отступы то увеличиваются, то уменьшаются, а следовательно пункт меню то влазит то нет. Как мне сделать меню одной строкой, фиксированной ширины 980пикс., чтобы пункты никуда не переносились? Нашел только 1 решение - прописать ширину всех li, но так не получится, не все влезет. Может быть указать отступы в pt или em? Пробую но не получается. Сейчас заметил что пр…

   Asked by Rooner, March 20, 2014

   • меню горизонтальное
   • отступы
   0 votes
   4 answers
3. Трансформировать нижнию границу блока

   Здравстуйте. Есть задача: повернуть нижнюю часть блока под определнным градусом, пример на картинке Вместо черного блока будет изображение на всю ширину экрана.. На форуме нашел подобную тему http://htmlforum.ru/index.php?showtopic=52365&hl=%2B%D0%BF%D0%BE%D0%B2%D0%B5%D1%80%D0%BD%D1%83%D1%82%D1%8C+%2B%D0%B1%D0%BB%D0%BE%D0%BA#entry350534 но есть ли другое решение?

   Asked by Temiks, August 24, 2015

   0 votes
   11 answers
4. Вертикальное выравнивание изображений

   Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left

   Asked by Temiks, February 23, 2016

   0 votes
   2 answers
5. Межстрочный интервал между формами

   Как изменить межстрочный интервал между однострочными формами в IE ? Пробовал line-height родителя - не работает; font-size - только размер шрифта меняется, padding и margin - таже картина ?! Я знаю только один вариант, заключить каждую форму в блок и управлять margin. Может есть что нибудь попроще? Спасибо!

   Asked by RR, May 6, 2008

   0 votes
   1 answer
6. Не работают ссылки

   В ИЕ 6 не работают верхние ссылки-картинки на сайте. Как исправить? Див, с вложенной картинкой, которая разбивается на ссылки, с помощью карты-изображения: <div id="main_links"> <img src="i/links.png" border="0" usemap="#Map" width="699" height="151" /> <map name="Map" id="Map" style="z-index: 100" > <area shape="rect" coords="4,85,174,140" alt="Скидки" href="/discounts.php?all#pc" /> <area shape="rect" coords="160,31,332,86" alt="Путешествия" href="/travel.php#pc" /> <area shape="rect" coords="326,87,501,140" alt="Проекты" href="/projects.php#pc" /> <area shape="rect" coords="342,0,507,53" alt="Гаджет" href="/gadg…

   Asked by 100kd, September 3, 2008

   0 votes
   2 answers
7. отмена заимствование

   Вопрос к знатокам: в css файле описано: table.pr {background:#eee} table.pr td {background:#fff} на странице <table width=90% border=0 cellpadding=3 cellspacing=1 class="pr"> <tr> <td></td> <td></td> </td> <tr> <td colspan=2> <table> <tr> <td></td> <td></td> <td></td> </tr> </table> </td> </td> </table> как сделать так чтобы вложеная таблица не заимствовала класс table.pr td?

   Asked by fominsa, November 5, 2008

   0 votes
   2 answers
8. bgsound on\off

   Не подскажите как добавить кнопки включение и выключения музыки добавленной через bgsound?

   Asked by sh1va, July 30, 2010

   0 votes
   4 answers
9. Нижний Край Для Выпадающего Css Меню.

   Всем добрый день! Надеюсь кто-то сможет помочь... На своем сайте я хочу реализовать выпадающее меню на чистом CSS в виде раскрывающегося свитка. Условный пример: На данный момент я прикрутил меню по подобию http://www.projectseven.com/tutorials/navi...de/workpage.htm HTML-код (Заранее извиняюсь за длинный код). <link href="p7exp/p7exp.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="p7exp/p7exp.js"></script> <!--[if lte IE 7]> <style> #menuwrapper, #p7menubar ul a {height: 1%;} a:active {width: auto;} </style> <![endif]--> </head> <body onLoad="P7_ExpMenu()"> <div id="menuwrapper">…

   Asked by Luminar, September 8, 2010

   0 votes
   8 answers
10. Сайт нормально отображается только в Firefox...

    Всем привет, нужна ваша помощь... Вот этот шаблон нормально отображается только в firefox, в остальных - опера, сафари, хром, ие, он отображается одинаково неправильно Вот скрины Файрфокс - http://s002.radikal.ru/i198/1011/44/6d8140fbd45f.png Опера (немного уменьшено)- http://s014.radikal.ru/i327/1011/9a/471a26bcd77d.jpg В чем проблема?

    Asked by 43CrazySpirits, November 2, 2010

    0 votes
    9 answers
11. Сначала создаём PSD в Фш., а потом это верстаем в Дв.?

    Подскажите, каков самый распространённый, самый часто встречающийся алгоритм работы над созданием сайта (статичного, про программирование, про ПХП и Яваскрипт не говорим) с нуля? Реально какой. Сначала создаём в Фотошопе файл PSD, который соответствует нашей задумке, а потом с помощью этого файла в Дримвивере уже верстаем? Или этап с созданием файла PSD можно опустить и начинать сразу с нуля вёрстку в Дримвивере? Просто многие тут эти файлы вспоминают PSD, а я хочу спросить - они обязательны перед вёрсткой, или можно начинать верстать и без этого файла? Если эти файлы PSD обязательны, то тогда мне нужно искать книжку с названием наподобие "Вёрстка сайта в Фотошопе", или "…

    Asked by Serg55, October 5, 2011

    0 votes
    16 answers
12. аудио на html страничке

    подскажите как лучше реализовать аудио на веб-страничку по типа как аудиозаписи вконтакте. юзал <audio controls> <source src="audio/europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/europa.mp3">Тогда скачай трек</a>. <br /> </audio> на страничке три трека и все грузятся параллельно и если нажать на плей всех трех, то они параллельно зазвучат

    Asked by xSPiRiTx, February 13, 2012

    0 votes
    1 answer
13. выравнивание по центру

    Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/

    Asked by JohnBondlock, March 29, 2014

    0 votes
    7 answers
14. Как правильно сверстать, дайте совет?

    Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...

    Asked by ya_verstaka, May 24, 2015

    0 votes
    8 answers
15. Помогите закруглить углы.

    Использую плагин для jQuery, который выводит подсказку, когда курсор подводиться к ссылке. Так вот у этой подсказки углы закруглены с помощью свойств moz-border, работает это только в Mozilla Firefox, а Opera и Internet Explorer, это свойство воспринимать не хотят. В этом заключается вся проблема. Кто знает, как сделать закруглённые углы в данной ситуации? То есть свойство class наверное использовать нельзя, потому как его просто некуда применить, внутри ссылки, в title просто не получиться никакой стиль задать. CSS: p#vtip { display: none; font-family:Arial, Helvetica, sans-serif; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; …

    Asked by Flashton, February 16, 2010

    0 votes
    1 answer
16. Трабл с hover'ом... в Safari

    Проблема заключается в том, что в сафари прыгает текст в теге LI причём буквально на пару пикселей.... ни один отлоадчик не показывает где беда... ФФ, Опера и ослик8 показывают как надо... и что самое интересное другая менюшка с тем же стилем показывается абсолютно правильно... вот ссылка - проблема в левой менюхе... CSS ul#mainlevel { display:block; width:200px; } #mainlevel li { display:block; width:200px; height:30px; line-height:30px; border-bottom:solid 1px #fff; text-align: right; vertical-align: bottom; padding-right: 10px; } #mainlevel > li:hover { background: url(../images/vmmenu.png) no-repeat right; } #mainlevel li:first-child { border-to…

    Asked by Wormaster, March 9, 2010

    0 votes
    2 answers
17. Выравнивание ячеек в таблице.

    Добрый день. Имеется таблица <table width="500px" > <tr> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> <td width="250px"></td> </tr> </table> С заданной-фиксированной шириной, в ней находятся ячейки у которых так же фикс ширина, к примеру у табл - 500, а у ячеек 250. Необходимо чтобы в одной строке было не более 2-х ячеек (<td width="250px"></td>). Это нужно для - скрипт вытаскивает из бд картинки и вставляет их в ячейки: <table width="500px" > <tr> <?php while(..в табл есть изображения..) {<td width="250px">....</td>} ?> </tr&…

    Asked by Avalon., October 28, 2010

    0 votes
    9 answers
18. сместить вниз пункты меню

    помогите пожалуйста решить проблему. попробовал для тренировки сверстать под opera/chrome/ff в самом общем виде вот эту страницу. получилось у меня вот что проблема в том, что пункты меню расположены выше чем нужно. если я их при помощи padding-top опускаю ниже, то выделение пункта меню зелёным при наведении курсора тоже съезжает вниз и получается некрасиво.

    Asked by cyklop77, July 21, 2011

    0 votes
    6 answers
19. Скошенный угол перед блоком

    Здравствуйте! Подскажите, пожалуйста, как правильно сверстать блок меню, который изображен на картинке. Вот ссылка на верстку меню - http://jsfiddle.net/t2363/ Заранее благодарю за помощь!

    Asked by volshebnyi, February 7, 2014

    0 votes
    7 answers
20. Проблема - точки между буквами

    Добрый день, столкнулась с проблемой верстки части макета (найден в сети). В меню точки поставила через list-style-image, а вот как поставить точки в заголовке между буквами - без понятия. 1 вариант - вставить весь заголовок картинкой. 2 вариант - сделать так же, как и в меню - каждую букву обернуть в li + list-style-image. может есть еще какой-то вариант, о котором я не знаю?

    Asked by AlexBes, May 16, 2014

    0 votes
    5 answers
21. ай хэв э проблема

    Всем доброго дня, надо сверстать шапку(тянется по всей ширине экрана, фиксирована), может у кого есть идеи как это сделать более грамотно? Либо кто направит по правильному пути чудо ссылками, где есть что-то похожее? Заранее спасибо)

    Asked by Ssng, June 2, 2014

    0 votes
    10 answers
22. Основные моменты адаптивной верстки

    Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?

    Asked by vip, December 31, 2014

    0 votes
    9 answers
23. Проблема с 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, May 10, 2015

    0 votes
    6 answers
24. Как лучше верстать резиновую карточку товара?

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

    Asked by black_c, April 5, 2017

    • верстка
    • css
    0 votes
    1 answer
25. Как растянуть боковое меню по высоте между шапкой и подвалом?

    Требуется следующая конструкция: Сверху шапка - height:50px; Футер всегда внизу - height:50px; По центру боковое левое меню с border-right:1px solid black; width:200px; и контент. Верстка "резиновая". Надо растянуть левое меню на всю высоту оставшуюся между шапкой и подвалом даже если контента мало. Притом если убрать левое меню, контент растянется на всю ширину экрана, если убрать шапку, то середина должна сместиться на освободившееся место. Если бы не было разделителя border-right , то не было бы необходимости растягивать левое меню. Подскажите пожалуйста способ .

    Asked by trezvenik, June 20, 2008

    0 votes
    0 answers