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. не корректная работа transition

    Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2. …

    Asked by Indorill24Empty,

    0 votes
    1 answer

  2. Подскажите как сверстать блок меню с логотипом в центре

    Привет. Не выходит сделать оформление меню и вставить туда логотип! Задача вроде бы и не сложная, но у меня почему то не выходит. Сайт на Bootstrap 3 верстаю, меню тоже использовал бутстрапа. Сделал вот таким вот образом : Добавил серую полоску сверху меню и снизу, само меню сделал navbar-inverse(черный цвет). А вот как вставить логотип в центр не пойму, что-то видимо сделал не правильно, прошу сильно не пинать, верстать только учусь... Вот опубликовал: http://brainartgroup.zzz.com.ua/ Заранее большое спасибо!!

    Asked by Maks91,

    0 votes
    6 answers

  3. ПОМОГИТЕ НАЙТИ ОШИБКУ.

    Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="description" content="Киномонстр - это портал о кино"> <meta name="keywords" content="фильмы, фильмы онлайн, hd" /> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <div class="main"> <div class="header"> <div class="logo"> <div class="logo_text"> <h1><a hr…

    Asked by Наталья12,

    0 votes
    3 answers

  4. Помогите реализовать меню(css+smarty)

    Есть сайт...Я совсем новичок в CSS и пытаюсь переверстать своими силами шаблон для нужного мне движка. Сайт находится по адресу http://www.mycrea.ru После логотипа есть меню(Все, Коллективные, Персональные и т.д.) Вроде поменял картинки, фон и т.д. Запутался только с одним... Задача состоит в том, чтобы При выделении одного из пункта меню, он бы также выделялся бы также с округленными концами цвета 56BF19. Картинки я сделаю. Не могу понять, как их привязать при выделении.Острые углы соответственно нужно убрать. Заранее спасибо. Вот файлик menu.blog.tpl(он отвечает за отображение меню) <TABLE class=pagemenu id=pagemenuszd> <TBODY> <TR> {if $oUserCurr…

    Asked by MGorelkin,

    0 votes
    3 answers

  5. На Прозрачном Div`e Не Отображаются Картинки

    Есть интерактивная карта, над одной картинкой располагается много прозрачных картинок: <div id="bus" style="position: absolute; top: 110px; right: 360px; z-index: 3; white-space: nowrap; " onmouseover="..." onmouseout="..."> <img src="/objico/bus.png" alt="..." title="..." border="0" onclick="..." /> </div> В firefox (и похоже в ie, нет windows-машины под рукой) вокруг прозрачных картинок отображается оранжевый фон. В опере и хроме все отлично. Сначала я думал, что это проблема прозрачности png-файлов, но замена на gif ничего не дала. При ручном задании прозрачного фона div`ам картинки вообще перестают отображаться: <div style="background-color: trans…

    Asked by oofer,

    0 votes
    7 answers

  6. помогите у блога двигается тело

    У блога в блоггере двигается всё содержание, во время загрузки, на любом разрешении монитора. Во время загрузки появляется шапка, затем когда загружаются темы - вся страница смещается где-то на 20 пкс влево, можете сами посмотреть если не внятно объясняю bllo net Я подозреваю что виноват рисунок слева в углу сверху, в виде узора. И когда он загружается бразуер равняет по центру шаблон, можно это как то исправить? я пробовал убрать параметр center у #page чтобы не центровало, работает правильно только на одном разрешении, если менять размер окна или разрешение всё содержание выходит из границ

    Asked by virgin,

    0 votes
    9 answers

  7. многострочная блочная ссылка, вертикальное выравнивание

    Как выровнять по вертикали по центру многострочную блочную ссылку? Хочется чтобы выглядело красиво и по ховер цвет фона менялся. line-hight в высоту блока не подходит, т.к. строчек больше одной

    Asked by mitay,

    0 votes
    13 answers

  8. min-width body и overflow-x: hidden

    http://zverushka.zz.mu/test/ Если поставить боди min-width и overflow-x: hidden, то боди будет сворачиваться хоть до нуля ... Дело в том, что я второй блок action сделала шириной 120%, чтобы внутренняя тень была только сверху и снизу. В итоге я теперь не могу сделать ширину экрана нормальной. К тому же Overflow-x у формы action обрезает по вертикали выступающий край формы - почему?....

    Asked by Zverushka,

    0 votes
    11 answers

  9. Свой курсор

    Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?

    Asked by Veseloff,

    0 votes
    1 answer

  10. Непонятная реакция на DIV

    Вот часть кода: <a href="index.php">Главная</a><a href="#">О нас</a><a href="#">Карта сайта</a>, то есть на странице ссылки будут отображаться по-порядку (писаться в одну линейку). Но мне нужно каждую из ссылок взять в отдельный тег DIV, то есть так: <div id="1"><a href="index.php">Главная</a></div><div id="2"><a href="#">О нас</a></div><div id="3"><a href="#">Карта сайта</a></div> после чего все ссылки пишутся с отдельной строчки, а мне нужно что бы в одну. Подскажите как исправить ситуацию. Спасибо.

    Asked by Alex&R,

    0 votes
    4 answers

  11. Как сверстать градиентные полоски для hover?

    Нужно сверстать вот такой hover Проблема возникла с крайними светлыми градиентными полосками. Ума не приложу как это сверстать.. Пока код такой: ul.top_menu li a{padding:54px 33px 21px 33px;} ul.top_menu li a:hover{background:url('../img/menu_hover.jpg') left top repeat-x;margin:0 -1px;border-right:solid 1px #2b2a28;border-left:solid 1px #2b2a28;}

    Asked by maerrry,

    0 votes
    5 answers

  12. Звук при наведения на кнопку, как?

    Доброго времени суток, Хочу, что бы при наведении курсора на кнопку меню, происходил звук (щелчок), посоветуйте, что нибудь по проще.

    Asked by vtoes288,

    0 votes
    2 answers

  13. Два <div> в одну строку

    Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.

    Asked by vladsypchenko,

    0 votes
    4 answers

  14. Проблемы вёрстки.

    Здравствуйте. Не знаю как сделать самому, уже всё перебрал. Помогите. Вот, что нужно: 1. Пространство между "ёлочками" растягивалось в зависимости от содержимого (т.е. без указания определённого height). 2. Сделать задний фон нижних ёлочек (весь) в тон цвета ёлочкам. Изображения: Заготовки:

    Asked by Jeka778,

    0 votes
    7 answers

  15. Как прикрепить виджет соц. сетей к левому краю экрана?

    Здравствуйте! На блоге Free-pc.ru решил установить вертикальный плавающий виджет соц. сетей от Share42.ru. Вот его код: <div class="share42init" data-url="<?php the_permalink() ?>" data-title="<?php the_title() ?>" data-top1="650" data-top2="650" data-margin="-135"></div><script type="text/javascript" src="http://free-pc.ru/share42/share42.js"></script> Но при разных разрешениях экрана он сдвигается влево-вправо. Подскажите пожалуйста как прикрепить виджет соц. сетей "намертво" к левому краю экрана? Как виджет "Отзывы и предложения" Спасибо!

    Asked by Марат,

    0 votes
    20 answers

  16. Структура form

    Всем привет. Подскажите пожалуйста какую сделать лучше структуру для этих форм что на скрине ? Также еще вопрос, как делаются этот выпадающий список валют и инпуты такие ? http://pixs.ru/showimage/Lichniykab_9600987_19951905.jpg

    Asked by Shenia132,

    0 votes
    6 answers

  17. Проблемы медиазапросов

    почему именно на определенном пикселе в адаптивной версте все ламается, тоесть если 1200 все ломаеться, а если 1199 и 1201 то все хорошо? Что в таких случаях делать?

    Asked by irina_f,

    0 votes
    7 answers

  18. Css свойства нескольких блоков

    Прошу прощения за, может быть, глупый вопрос: https://jsfiddle.net/Ser8191/h86vtx6h/ Имеется три блока с одинаковыми свойствами,разное лишь: margin: 10px 0 0 10px; background-image:url(prib1.jpg); Как сделать так, чтобы один раз прописать: width:35px;height:50px; background-position: 50% 50%; background-repeat:no-repeat; border: 1px dotted #5698C9; position: absolute; для всех блоков https://jsfiddle.net/Ser8191/d0g7kr5e/ Так будет правильно?

    Asked by Ser8191,

    0 votes
    3 answers

  19. Картинка в теге title

    Здравствуйте! Прошу помочь мне людей опытнее меня. В общем я создаю сайт, и в название странички хочу разместить картинку. Вот изображение . На нем то что я хочу сделать. Заранее спасибо.

    Asked by GeK,

    0 votes
    2 answers

  20. Не могу сверстать блок

    Вот как выглядит блок вот его код <table style="text-align: left; width:217;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td colspan="2" style="background: url(3.png) no-repeat; width:157; height: 57px; padding-left: 20px; font: bold 25px Arial, sans-serif;">TITLE</td> <td style="background: url(2.png) no-repeat; width:65; height: 57px;"><img style="padding-top: 3px; padding-left: 3px;" src="1.png" border="0"></td> </tr> <tr> <td style="background: url(5.png) repeat-y; width:2px;"></td> <td style=" padding: 0px 0px 0px 4px;">CONTENT</td> <td style="…

    Asked by ВэйДлин,

    0 votes
    5 answers

  21. Непонятный для меня синтаксис

    Народ, что значит эта запись в css файле? -moz-border-radius:4px; -webkit-border-radius:4px;

    Asked by prowoke,

    0 votes
    6 answers

  22. Замена значков форума.

    Добрый день форумчане. Помогите решить проблему. Есть форум (from-kpi.com.ua). Форум на phpbb, на phpbbguru мне подсказали все что касается движка, а тут остался чистый html и css. Если зайти на форум в первом разделе, вы увидите картинку, а чуть ниже еще картинку. Мне нужно сделать так: кусок кода ответсвенный за это вот: <li class="row"> <dl class="icon" style="background-image: url(<span class="forum-image">{forumrow.FORUM_IMAGE}</span>); background-repeat: no-repeat;"> <dt title="{forumrow.FORUM_FOLDER_IMG_ALT}"> <!-- IF S_ENABLE_FEEDS and forumrow.S_FEED_ENABLED --><!-- <a class="feed-icon-forum" title="{L_FEED} …

    Asked by armid,

    0 votes
    7 answers

  23. помогите с версткой под IE7

    Уже поседел... Но так и не понял, почему форма едет в IE7 http://test1.let-site.ru/order.html Видимо ум за разум зашел Ненавижу формы верстать

    Asked by ekosyakin,

    0 votes
    13 answers

  24. Проблема с резиновыми картинками

    Всем привет Имею вот такое безобразие Изображения в штате 250х250, лого 195х54. Захотелось заказчику сделать это чудо резиновым. Соответственно вопрос в том, чтобы логотип оставался на месте и никуда не ездил по ширине, а остальные 8 картинок, вместе с ссылками в таблице под ними, ездили под разрешение экрана с остальными нижеследующими таблицами. Причем каждая ячейка таблицы под картинкой должна быть вровень со своей картинкой. Что-то подобное ниже нормально более-менее отображается только в лисе при 1600х900, кое-как заставил ИЕ8 дружить наполовину, но стоит уменьшить разрешение, как верхняя таблица с картинками уплывает в море с горизонтальной полосой прокрутки в любо…

    Asked by anon1,

    0 votes
    11 answers

  25. Как удалить отступ с низу?

    footer с низу имеет отступ, образованный из за слоя с улиткой. Этот отступ отображается только в FF и IE. слой с улиткой snail. html <div id="footer"> <div id="snail"></div> </div><!-- #footer --> css #footer { width: 960px; margin: -100px auto 0; height: 100px; background: #284271; background-image:url(../images/briz_footer2.png); background-repeat:no-repeat; } #ns { position:absolute; margin: 0 0 -100px 0; background-image:url(../images/NS.png); background-position:right; background-repeat:no-repeat; width:186px; height:80px; left: 659px; top: 941px; } #snail { position:relative; height:211px; width:185px; backgroun…

    Asked by z-0091,

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