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. текущая неактивная ссылка - как сделать?

    Здравствуйте! Я хочу сделать меню такого, чтобы текущая ссылка меню была неактивной и с беграундом. Ставлю псевдокласс current (вроде такой есть) - не понимает браузер. как это осуществить? код списка: ul#listed { border-bottom: 1px solid #000; list-style: none; } ul#listed li a { font-family: Arial; font-size: 14px; display: block; color: #000; font-weight: bold; text-transform: uppercase; text-decoration: underline; margin: 8px; padding: 5px 5px 5px 7px; list-style: none; border-bottom: none; background: #fff; } ul#listed li a:hover { text-decoration: none; color: #fff; background: #3366ff; font-family: Arial; font-size: 14px; font-weight: bold; display: block; } /*ul…

    Asked by walaby,

    0 votes
    3 answers

  2. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport,

    0 votes
    12 answers

  3. Картинка бэкграундом в стилях: как сделать сдвиг

    В верстке есть параграфы, в начали части из них для имитации списков вставляется тэг картинки со стилями <p class="className"><img src="http://site.ru/img/list.gif" width="13" height="13" alt="" align="top" style="position:relative;top:1px;">Текст бла-бла-бла</p> я хочу сделать иначе: убрать тэг картинки, заключить такие параграфы в див (сами параграфы уже без классов), прописать в стилях картинку, все удается, но она получается на 1 пиксель выше, чем в исходном коде (в стилях выше это решается top:1px;) div.classNameImg p { margin: 0; padding-left: 17px; background-image: url(http://site.ru/img/list.gif); background-repeat: no-repeat; } добавление…

    Asked by alexspb,

    0 votes
    20 answers

  4. полупрозрачный фон div'а

    Хочется, чтобы под фоном div'a был виден фон body Как такое сделать? Следующий код не работает нигде, что тут не так? html: <body> <div class="opacity_div"> ... </div> </body> css: body { background: url(/img/bg.jpg); } .opacity_div { background: #FFF; opacity: 0,3; }

    Asked by theo_,

    0 votes
    30 answers

  5. Уникальный стиль полосы прокрутки для отдельного блока на странице

    На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?

    Asked by LUC,

    0 votes
    3 answers

  6. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran,

    0 votes
    14 answers

  7. Как отрегулировать ширину 3х ячеек в таблице?

    У меня 3и ячейки в таблице фиксированной ширины... Не могу млин грамотно их выровнять. Ширина таблицы 400 пикселей. Вот как должно быть: |<—-ячейка1 (ширина зависит от длины текста в ячейке) —->|<—-ячейка2 (заполняет оставшуюся область таблицы) —->|<—-ячейка3 (фиксировано 100 пик) —->| Подскажите, как корректно добиться поставленной задачи?

    Asked by Semreg,

    0 votes
    26 answers

  8. Присвоить значение для Checkbox

    есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…

    Asked by sm1603,

    0 votes
    13 answers

  9. bootstrap, выход за предел container

    Как в bootstrap сделать что бы фон меню(ленточка) выходил за края container? Возможно ли это вообще?

    Asked by Brodyaga337,

    0 votes
    8 answers

  10. height 100% в XHTML под IE 7.0

    Если ставить общей таблице и одной из составляющих tr высоту 100%, то под IE7.0 значительно увеличивается общ. высота, появляется scroll. Помогите!!!!!

    Asked by elza,

    0 votes
    3 answers

  11. Белый экран вместо сайта. Локальный сервер opensrever

    Здравствуйте, помогите разобраться, пожалуйста. Есть сайт на wordpress. Тестировала на openserver все было хорошо, потом что-то произошло, сама не имею понятия что и теперь, когда открываю сайт в браузере вижу только полностью белый экран. Три дня не могу ничего сделать. Где может быть проблема? Прошу объяснять по слогам, простым языком))

    Asked by eleonore,

    0 votes
    14 answers

  12. Динамическая подстановка class

    <ul> <li id="test" class="active"><a href="xXXXXXXXXXXX" accesskey="1" title="Главная" onclick="loadmenu">Главная</a></li> <li id="test1"><a href="XXXXXXXXXXXXXX" accesskey="2" title="Заказать">Заказать</a></li> </ul> Вопрос, как сделать чтобы при нажатии заказать, class="active" присваивался к этому li, а с первого убирался, дуамю примерно должно выглядеть так <script type="text/javascript"> function loadmenu() { var menuName = ....................... document.getElementById("test").class = .....; } </script> хотя помоему это не то

    Asked by slavok47,

    0 votes
    48 answers

  13. Выпадающее меню и z-index

    Всем доброго времени суток, я создал выпадающее меню в drupal, оно находится в левом блоке сайта, основные пункты отображаются корректно, но выпадающее менюшки доходят только до края левого блока и обрезаются, плюс они не кликабельны, пробовал ставить на меню максимальный z-index, но проблема так и осталась, вот отрывок кода где левый блок - sideleft <div id="container"> <div id="sideLeft"> <div id="left_menu"> <?php echo $left ?> </div> <!-- #left_menu--> </div> <!-- #sideleft--> <div id="content"> <div id="padding"> <?php echo $content; ?> </div><!-- #padding--> </div><!-- #content--…

    Asked by selevit,

    0 votes
    10 answers

  14. Отступы внутри блока DIV

    Прошу извинить за предыдущий корявый свой пост. Описываю суть своих вопросов более ясно. Вот, взгляните, как задумана страница дизайнером. Обратите внимание на адресный блок слева внизу: большая картинка, а на ней текст. Я попытался реализовать это с помощью такой конструкции: <div id="foot_main"> © 2010 «Декор-Лайт» – краски, штукатурка, лепнина<br /> Екатеринбург, ул. Ленина 66. Тел. (343) 365-87-03<br /> info@decor-lait.ru</div> Соответствующая запись в файле CSS: #foot_main { background-image: url(/img/main_bottom.png); background-repeat: no-repeat; background-position: left bottom; height: 500px; padding-top: 430px; } И вот что у меня п…

    Asked by Iguar,

    0 votes
    4 answers

  15. Вместо изображения белый квадрат

    Не хочет отображаться картинка. (имя файла- clocks.jpg, лежит в папке images)Пока учусь. Работаю в NotePade, в основном, запускаю через лисицу, изображения в браузере включены, ну это на всякий случай. Да и ни в каком браузере не идет. Может, это из-за того, что что-то не так с картинкой, к примеру, повреждена? <html> <head> <title> </title> </head> <body> <img src="images/clocks.jpg" width="307" height="450" alt="часы" align="right" hspace="20"> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p> <p>If you're involved in an internet marketing business, then you've probably already come face-to-…

    Asked by theskyineyes,

    0 votes
    4 answers

  16. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter,

    0 votes
    9 answers

  17. Выпадающее меню поверх другого блока

    Добрый день всем, возникла проблема с адаптивностью меню, реализовал выпадающее меню, Но оно сдвигает нижний блок "Услуги мастерской". Теперь сам вопрос, как реализовать меню, что бы оно не сдвигало блок услуг, а легло поверх, т.е перекрывало его.

    Asked by Владимир Горинов,

    0 votes
    2 answers

  18. Ох уж эти фреймы...

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

    Asked by zews,

    0 votes
    16 answers

  19. странный глюк в IE при использовании fieldset

    Решил избавится от таблицы в форме контакта на своей странице и напоролся на такой глюк: в IE форма контакта сползла вниз. В Firefox и Opera все отлично отображается. В чем может быть проблема и как еще можно побороть?

    Asked by webmanager-pro,

    0 votes
    5 answers

  20. Вертикальное выравнивание в ячейке таблицы.

    Хотелось бы сделать несколько надписей ( ) выравненных top и один элемент (картинка) выравненный bottom. Все в одной ячейке таблицы. Возможно ли это?

    Asked by lighted,

    0 votes
    12 answers

  21. Как сделать чтобы ячейка была сылкой со всеми вытекающими...?

    Ситуация: ..... ..... В фаирфоксе не рабате( В ИЕ работает но при наведении курсор не становится рукой. Читал про специальный прием, что-то в роде OnMouseOver = ".....style = hand", но опять таки работает только в MSIE. Как еще можно сделать? На www.artlebedev.ru вроде так сделано, пока не могу понять как.

    Asked by RIVA,

    0 votes
    25 answers

  22. Как изменить цвет скроллбара?

    Помогите, пожалуйста! Пишу такой код: <style type="text/css"> body { scrollbar-face-color:000000; scrollbar-highlight-color:CC0000; scrollbar-3dlight-color:000000; scrollbar-shadow-color:CC0000; scrollbar-darkshadow-color:000000; scrollbar-arrow-color:CC0000; scrollbar-track-color:000000; } </style> Ничего не происходит... А еще больше интересует как изменить цвет скроллбара для аттрибута overflow.

    Asked by Олег,

    0 votes
    9 answers

  23. ul и img float

    В общем CSS вот такой для крыжиков и картинок: #content ul li { line-height:130%; padding-left:20px; background:url(../i/li.gif) no-repeat 0em 0.6em; } .article_intro img { display: block; position: relative; border: 1px solid #a9a9a9; margin: 0px 0px 5px 10px; padding: 3px; } Когда ситуация с флоат, то "крыжыки" съезжают на начало строки. <p><img style="float: left;" src=".." width="150" height="100" />asdasdasd</p> <ul> <li>asdasd</li> <li>asdasd</li> </ul> Вот фотка: Как правильно делать крыжыки и рамочки? Помогите..

    Asked by mailmoney,

    0 votes
    12 answers

  24. Выплывающий блок по клику и кнопка закрытия

    Доброго времени суток. Сделан вот такой выплывающий блок по клику на маленькую иконку в правом нижнем углу https://jsfiddle.net/Ldg4upzq/9/ 1) как сделать, чтобы блок при открытие выезжал справа, а при закрытии уезжал влево? 2) каким трансформном можно сделать,чтобы крестик при наведение расходился на 4 полоски по диагонали? Спасибо)

    Asked by Mary_RND,

    0 votes
    10 answers

  25. Кросбраузерная верстка

    Здравствуйте, пожалуйста подскажите в чем я мог заплужить. FF и IE отображают страничку, а опера смещает блоки в хедере и позиции в левой области странички. Вот она моя верстка darkly.org.ua

    Asked by 550953,

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