HTML Coding

29,542 questions in this forum

1. Растягивается

   /del Проблему решил, всем спасибо

   Asked by 0x4553, August 6, 2013

   • html css
   0 votes
   3 answers
2. Скачет уголок в Хроме

   Добрый день. Подскажите как православно верно сделать такие "уголки"? http://jsfiddle.net/npofopr/eA63W/ Проблема в общем то в следующем. На jsfiddle нет проблемы, а вот если посмотреть в Хроме на То при изменении ширины браузера, можно увидеть, как прыгает уголок. Или при вызове инспектора, тоже может прыгать Если убрать letter-spacing у span'а, то всё становить хорошо. Но может где то еще я наделал ошибки или можно проще всё было сделать?

   Asked by npofopr, August 5, 2013

   • arrow
   • chrome
   0 votes
   3 answers
3. Не работает свойство css font-weight

   Всем привет. Уже который день бьюсь над этой задачей, используя htmlbook.ru как полезный справочник (спасибо его создателем), но что-то дело не идет, и решил обратиться к вам, форумчанам, за помощью. Небольшое лирическое отступление. Начал делать проект, движок использую Wordpress. Но не плагинами единами, начал с прошлой недели осваивать html и css, прогресс есть, но не большой. Мне необходимо реализовать подобие следующего элемента: Пока получилось вот так (оранжевым в картинке закрасил вотемарку, дабы не самопиариться): Вот тут я и встал. Данный совокупный элемент у меня реализован следующим образом: <a href="<?php the_field( "image_acf" ); ?>"><img …

   Asked by end, August 5, 2013

   0 votes
   11 answers
4. как выделить текущий элемент

   Всем привет, Есть сайт http://oherron.com/backend.php с меню в левой счасти Это меню реализовано с помошью картинки http://oherron.com/i...ns-3-states.png и следующих стилей : #category-buttons { padding:0; margin:0; list-style:none; } #category-buttons ul { margin:0; padding:0; position:relative; left:14px; top:22px; } #category-buttons li { margin:0; padding:3px 0 3px 0; list-style:none; } #category-buttons a { display:block; width:128px; height:28px; text-decoration:none; /* background:url("backend-buttons-3-states.png") no-repeat; */ background:url('../images/backend-buttons-3-states.png') no-repeat; } #category-buttons li a span { display:none !important; } a#menu-…

   Asked by mstdmstd, August 11, 2013

   0 votes
   2 answers
5. Выравнивание текста в верстке

   Привет всем. Я изучаю html и css чуть более недели. На данный момент выполняю учебную верстку. Встала проблема с выравниванием текста в одну строку как показано на рис. то что получилось у меня на рис.2 собственно проблемы следующие возникли: при изменении размера ячейки (write comment) меняется также и размер самой верхней ячейки (12). Буду благодарен если посмотрите мой html и css код перейдя по ссылке. http://zalil.ru/34662928.

   Asked by Borka, August 5, 2013

   • таб
   • лицы
   0 votes
   6 answers
6. Как правильно вычислить вертикальный padding для текстового блока?

   Столкнулся с проблемой вычисления реального отступа в текстовом блоке. Например, если указать padding:10px, то фактический вертикальный отступ получается больше 10px. Где-то как-то padding пересекается с размером шрифта и line-height. Пробовал отнимать, делить, прибавлять, но не отстледил никакой закономерности. Возможно есть какая то формула для вычисления?

   Asked by Anubis, August 6, 2013

   0 votes
   4 answers
7. Некорректное отображение в Chrome

   Здравствуйте, уважаемые форумчане! Столкнулся с проблемой некорректного отображения одного блока в Chrome. Помогите исправить, пожалуйста. Скриншот:

   Asked by beliy, August 12, 2013

   • chrome
   0 votes
   2 answers
8. position: fixed для html

   Здравствуйте. Подскажите пожалуйста, является ли извратом назначение position: fixed для тела страницы (тоесть тегов html или body), или это норм и можно применять? Спасибо.

   Asked by Chp, August 12, 2013

   0 votes
   2 answers
9. Слайдер на чистом CSS3

   Ребят, помогите пожалуста. Как добавить к этому слайдеру автопрокруту через каждые n секунд, на чистом CSS3, без JS? http://csscience.com...siveslidercss3/

   Asked by two_pizza, August 6, 2013

   0 votes
   3 answers
10. Наложение изображения на фон.

    Ребят помогите разобраться. При создание уменьшенных копий фотографий никак не могу могу осилить создание уменьшенного изображения с наложением на фон, если изображение меньше указанных настроек. Подробнее: Есть изображение. И есть настройки блока для превьюшки. К примеру 60px на 80px. Сейчас сделано так, что изображение ужимается по наименьшей стороне,а большая часть тупо обрезается. но зато блок для отображения превью картинки заполнен полностью, тоесть 60*80, если делать сжимание по большей стороне, то соответственно картинка по какой то стороне меньше заданных размеров, т.к. картинка может быть и широкой или высокой. В общем помогите сделать так если возможно: нужно …

    Asked by DRu999, August 12, 2013

    0 votes
    1 answer
11. Проблема с текстом внутри блока.

    Всем Доброго времени суток! При верстке макета столкнулся с проблемой выравнивания текста в блоке . Вот сайт http://gallery-kazan.do.am/ Блок "Последние обновленные новости" Ставил: line-height:60px; Но как видите результат вышел довольно - таки плачевным...Что делать?Заранее благодарен!

    Asked by ELBegemotos, August 12, 2013

    0 votes
    3 answers
12. Внутри <button>неработают события и псевдоклассы

    Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?

    Asked by El-Clasico, August 12, 2013

    0 votes
    10 answers
13. запутался в изучении совсем

    Добрый день. Вопрос скорее относится к тем, кто уже достиг определенных высот в изучении веба. Предыстория. Первый раз с HTML я столкнулся когда сестра училась в универе на первых курсах(разница 6 лет), я лазил по столу и обнаружил зеленую книженцию, это была методичка по HTML. Полистав ее, я смотрел словно в пустоту, но код и картинки под ним, подсказывали что написав это, мы получаем то, что показано на картинке. Мне показалось это интересным и я спросил у сестры что это. Она объяснила и даже показала что они делают по этой методички. Интернета тогда в доме еще не было, так что я не сильно понимал, что вообще происходит на страничке, но смотрелось все забавно и меня с…

    Asked by maxsnw, August 12, 2013

    0 votes
    5 answers
14. <style class="my_class_1"> возможно?

    Требуется быстро переключаться между CSS докумнтами, т есть перепривязывать их к большому числу документов разметки. Первое пришедшее предположение это использовать @import <style class="my_class_1"> @import url(main.css); @import url(каталог/main2.css); </style> Т есть, имея набор стилей в <head> , подключать требуемый через jQuery. Возможно ли реализовать такой подход и есть ли более простые решения?

    Asked by seemax, August 6, 2013

    0 votes
    8 answers
15. Селекторы CSS

    Здравствуйте, дорогие! Надоело мне сворачивать и разворачивать на Абсурдопедии таблицу категории снизу ручками и решил я сделать для неё стиль в Stylish. Во время написания оного я столкнулся с такой вещью: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("absurdopedia.net") { /* Первый tr - заголовок. Его трогать нельзя. Да, вобщем-то, тогда и вопроса бы не было */ table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(2) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(3) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(4) ,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(…

    Asked by V.A.R., August 12, 2013

    • Селекторы CSS Stylish
    0 votes
    10 answers
16. На что стоит обращать внимание начинающему, чтобы выйти на уровень профи в верстке

    Хотелось бы совета от опытных верстальщиков, на что следует начинающим заострять внимание начинающим в процессе верстки, чтобы выйти на уровень профи. Какие темы подробнее рассматривать и т.д. К примеру, я как начинающий не видел ничего плохого в больших количествах id и class, совсем не знал про спрайты и т.п. Хочется узнать подобные темы, на которых стоит заострить внимание, чтобы избегать их в следующих проектах.

    Asked by thebesttraining, August 12, 2013

    0 votes
    2 answers
17. div со скругленными рамками

    Нужно сделать слой со скругленными рамками. Верхняя картинка/рамка и нижняя у меня фигурная и прозрачная, поэтому боковые рамки выезжают за пределы (вверх и вниз). Как это исправить? Вот здесь пример http://jsfiddle.net/8QZV7/

    Asked by aizul, August 6, 2013

    0 votes
    2 answers
18. Модальное окно CSS + немного JS

    Почему не работает? А здесь работает. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="keywords" content=""> <link rel="stylesheet" href="css.css"> <script type="javascript"> p = $('.popup__overlay') $('#popup__toggle').click(function() { p.css('display', 'block') }) p.click(function(event) { e = event || window.event if (e.target == this) { $(p).css('display', 'none') } }) $('.popup__close').click(function() { p.css('display', 'none') })</script> </head> <body> <p><input type="button" value="Popup!" id="popup__to…

    Asked by Delat, August 6, 2013

    0 votes
    7 answers
19. Фон для сайта

    сайт состоит только из фона,проблема в том что при разрешении 1360:768 фон отображается наполовину,а при 1024:768 все нормально..хотель бы исправить эту проблему..чтобы фон отображалась на браузере польностью сайт germesauto.kz

    Asked by udaf, August 6, 2013

    0 votes
    6 answers
20. вывод картинок, приклееных к краю

    Есть код, но он почему-то не выводит обе картинки по правому краю экрана, выводит только одну. Почему? <!--ask question--> <? if (get_the_ID() != 2181) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/zadat-vopros-po-stroitelstvu-bani" class="question_btn"><img src="<?php bloginfo( 'template_url' ); ?>/pics/ask_question.png" alt="" /></a>'); </script> <?}?> <!--end question--> <? if (get_the_ID() != 6141) { ?> <div id='zadad'> </div> <script> $("#zadad").html('<a href="/bani" class="str_bir_btn"><img src="<?php bloginfo( 'template_u…

    Asked by fowl, August 6, 2013

    0 votes
    4 answers
21. Не могу разобраться с divами. Нужна помощь!

    Здравствуйте. Извените что так со старта с такими вопросами, но нужен совет. При создании сайта столкнулся с такой проблемой: Есть div обновляемый при нажатии на кнопки без перезагрузки всей страницы. В нём таблица с картинками. К каждой картинке привязан toolTip с описанием. На главной всё путём, а после перехода на 2-ю страницу diva, границы toolTipа остаются в его пределах. При наведении на крайние картинки половины подсказки невидно. Не пойму в чем дело((( Вот код: <div id="okno"> - окно которое обновляется <table> <tr> <td> <CENTER><a href="#">Элизиум</a></CENTER> <CENTER><a href="#" class="tooltip" title=…

    Asked by mat, August 6, 2013

    0 votes
    1 answer
22. Всплывающее окно

    Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?

    Asked by goodsik, August 6, 2013

    0 votes
    1 answer
23. Ширина input

    Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

    Asked by spolischook, August 11, 2013

    • input
    0 votes
    3 answers
24. Проблема с подвалом

    Здравствуйте. Такая проблема: если у таблицы поменять align с center на left,подвал оказывается наверху. Скрин с align="left": Скрин с align="center": Код: <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body> $ADMIN_BAR$ <div class="wrap"> $GLOBAL_AHEADER$ <?if($MODULE_ID$='forum')?><div style="width: 95%; margin-left: 3%;"><?endif?> <!-- <middle> --> …

    Asked by mcdude, August 12, 2013

    0 votes
    3 answers
25. как заверстать такой фон, как думаете?

    Здравствуйте. вот такая задачка, как можно что-то подобное заверстать? Чтобы не целиком весь фон брать. вот она https://dl.dropboxusercontent.com/u/12587498/fon.png

    Asked by warobushek, August 13, 2013

    0 votes
    1 answer