HTML Coding

29542 questions in this forum

1. Центральное позиционирование резинового блока?

   Добрый день! Есть блок с ссылками, количество ссылок всегда разное, он резиновый, как ему задать центральное позиционирование? Спасибо! <div id="post"><div id="tags"><a href="#">Winter</a><a href="#">Cold</a></div></div>

   Asked by gnomikprazdnik, December 29, 2013

   • позиционирование
   0 votes
   14 answers
2. подскажите как сделать menu на примере ....

   Здравствуйте! Помогите разобраться, вот пример меню http://svetilnik-online.ru/ Там есть картинка background-image: url(../images/menu_tab.png);которая меняет, как я понимаю, размер в зависимости от длины текста меню. Подскажите как они это делают. Спасибо!

   Asked by bgraf, December 29, 2013

   0 votes
   2 answers
3. Как можно реализовать

   Подскажите пожалуйста, можно ли сделать на css то, что изображено на картинке: http://prntscr.com/2ew4u1 Как это лучше сделать? Есть ли смысл пытаться делать на css или вставить картинкой лучше? http://jsfiddle.net/3J7dW/

   Asked by Imperil, December 29, 2013

   0 votes
   3 answers
4. Вопрос по свойству - min-height

   Здравствуйте! Помогите пожалуйста. Я начал верстать, и у меня такая проблема: Мне надо чтобы div в котором цифра 1, был высотой как основной белый div. Подскажите как это сделать. Заранее спасибо!

   Asked by FIL, December 29, 2013

   0 votes
   5 answers
5. Меню при наведении

   Есть вот такое вот меню: картинка меню По нему 2 вопроса: 1) Как сделать так, чтобы при наведении синий фон был выше самого меню? На данный момент получается только так: http://jsfiddle.net/C82vy/ 2) Второй вопрос по градиенту: такой градиент можно сделаь средствами css? Если можно, то как, потому-что непонятно. Знаю только как задать линейный градиент от одного цвета к другому.

   Asked by Imperil, December 29, 2013

   • меню
   0 votes
   3 answers
6. тени для номера телефонов

   Здравствуйте! Подскажите пожалуйста как реализовать через CSS тени для номера телефона в таком виде: http://savepic.net/4183976.htm Делать картинкой можно конечно, но нельзя, да и это не правильно. При этом ксс код данного эллемента: #footer .phone nobr {font:italic bold 36px/34px Arial;color:#790000;padding:20px 60px 0 0;float:right;}

   Asked by devid89, December 29, 2013

   0 votes
   10 answers
7. Масштабирование на мобильных устройствах

   Приветствую! Сделал сайт, а на планшетах и телефонах открывается только его часть и появляются полосы прокрутки. Как вписать его в экран? Сам сайт: ex-t.pro

   Asked by Wak, December 29, 2013

   0 votes
   13 answers
8. Подскажите по parallax..

   Пытаюсь реализовать параллакс на сайте. http://zverushka.zz.mu/water2/ Я пыталась объединить прокрутку(мышкой за прокрутку когда тянешь) и параллакс на мышку - ничего не получилось. Нормально ли выглядит эффект? Если что-то криво и вам не нравится - что посоветуете использовать? Как лучше реализовать? Сделала ли я что-нибудь не так? Как бы подтормаживания - это нормально? Может сделать паралакс только на прокрутку? Что-то у меня не выходит написать рукописный код чисто на скроллинг, а из плагинов я найти не могу такого. есть только плагины, которые оперируют fixed заднего фона, а мне нужен плагин, который использует position абсолютного слоя.

   Asked by Zverushka, December 29, 2013

   0 votes
   4 answers
9. Странное поведение after в ie

   В ие разных версий у формы, которой сделана тень через псевдоэлемент - наблюдается странный эффект. Тень скачет - то на месте, то вниз (при прокрутке), то на место становится, то уходит куда-то. Непонятно, почему. В других браузерах все нормально. сам сайт http://zverushka.zz.mu/water/ Cам стиль тени задан так :after { position: absolute; content: ""; display: block; top: 100%; left: 0; background: url("../img/form-shadow-green.png"); width: 300px; height: 240px; z-index: -1; }

   Asked by Zverushka, December 28, 2013

   0 votes
   13 answers
10. Контент не встаёт на место

    Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …

    Asked by jucator, December 28, 2013

    • контент место css html меню
    0 votes
    3 answers
11. Попощь по поиску по сайту

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

    Asked by oleg126, December 28, 2013

    • поиск
    0 votes
    1 answer
12. Помощь с SideBar

    Здравствуйте! Хочу сделать sidebar, который растягивался бы в зависимости от наполнения его виджетами, а не по всей высоте. http://s020.radikal.ru/i712/1312/2a/d87a2cb6c731.jpg http://s005.radikal.ru/i212/1312/8a/487382854176.jpg <?php global $theme; ?><div id="sidebar-primary"> <?php if(!dynamic_sidebar('sidebar_primary')) { /** * The primary sidebar widget area. Manage the widgets from: wp-admin -> Appearance -> Widgets */ $theme->hook('sidebar_primary'); } $theme->hook("sidebar_primary_after"); ?> </div><!-- #sidebar-primary -->

    Asked by Omega24v, December 28, 2013

    • wordpress
    • sidebar
    • blog
    0 votes
    10 answers
13. Шрифты, CSS, Google Fonts, Font Squirrel

    Знаю, что была уже куча таких тем, но все же. Опять непонятно кое-что со шрифтами. В общем, скачиваю шрифты с Google Fonts, не через просмотр исходного кода, а через стандартную ссылку для скачивания шрифта. В архиве .tff и лицензия. TFF, естественно, при обычном @font-face {font-family: 'Some Font';src: local('Some Font'), url(fonts/Some-Font.tff) format('tff');}не работает, что предсказуемо. Иду на Font Squirrel, обычные настройки, всякое такое, загружаю, редактируется, скачиваю, опять не работает. Иду снова на Google Fonts, просматриваю исходные коды, подмечаю, что при скачивании - TFF, а при подключении типа <link href='http://fonts.googleapis.com/css?family=…

    Asked by iKNG, December 28, 2013

    0 votes
    22 answers
14. Div'ы не прaвильно позиционируются

    Всем привет. У меня тaкaя вот проблемa, дивы кaк бы не совсем точно позиционируются, футер прилипaет к хэдеру. Вот мой css: header, footer, nav, section { display: block; } .page { /*width: 90%;*/ max-width: 1250px; margin-left: auto; margin-right: auto; } header, #header { position: relative; margin-bottom: 0px; color: #000; padding: 0; } header h1, #header h1 { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important; text-shadow: 1px 1px 2px #111; } #left_container { float:left; width: 15%; } #main { float:right; width:78%; padding: 30px 30px 15px 30px; background-color: #fff;…

    Asked by Alnedru, December 28, 2013

    0 votes
    2 answers
15. Почему у меня колонки не становятся одной высотой?

    Хочу 3 блока выровнять, что бы были все одной высоты через javascript, но почему-то они не выравниваются, помогите найти причину. Вроде я всё правильно указал Файл находится в папке js _________________________________________________________________________________________________________ Файл index Папка с сайтом http://yadi.sk/d/AeesgXxbF7Ffn

    Asked by DivMan, December 28, 2013

    0 votes
    7 answers
16. Помогите с шрифтами

    Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так: Пытался использовать letter-spacing, не помогло подскажите, пожалуйста, в чём проблема, заранее спасибо. P.S. Для сравнения использую PerfectPixel для хрома.

    Asked by Nirealto, December 28, 2013

    0 votes
    5 answers
17. Как заставить DIV распечатываться как его видно в браузере? (вместе со стилями и фоном)

    Например, берем самый простой код <div style="background-image:url('any.jpg'); width:500px; height:230px; border-radius: 5px 5px 5px 5px; float:left;">123</div> запускаем это в браузере и отправляем на печать. Любой браузер печатает только цифры 123. Фоновывй рисунок и стили оформления почему-то полностью игнорируются. Что сделать с дивом, чтоб его можно было отправлять на печать в виде близком к тому, что есть на экране в браузере? Да, аудитория, которой предназначен сайт про print screen ничего не знает.

    Asked by unomomento, December 28, 2013

    • div
    0 votes
    3 answers
18. div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо

    Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…

    Asked by cartrege, December 28, 2013

    • position
    • relative
    • absolute
    • css
    0 votes
    5 answers
19. Можно ли такое сделать без картинки?

    Только картинкой вставить фон меню или есть способ. например, clip-path? Есть идеи?

    Asked by Zverushka, December 27, 2013

    0 votes
    9 answers
20. Объединение ячеек CSS3

    Как объединить ячейки без иcпользования colspan, а с помощью CSS3?

    Asked by hhh, December 27, 2013

    • colspan
    0 votes
    11 answers
21. Как правильно подключить свой шрифт

    У меня сайт с 5 поддоменами. На всё одни стили, картинки и шрифты. На главном сайте свой шрифт отображается нормально, на поддоменах почему-то намного большего размера. Если уменьшить его размер, на поддоменах получится нормальный а на главном домене сильно маленький. Такое ощущение что он этот шрифт как-то криво подгружает. Шрифт подключаю вот так: /* Fonts */@font-face { font-family: 'aparajivvo'; src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot'); src: url('http://vsevodnom.com/templates/vvo/style/aparajvvor.eot?#iefix') format('embedded-opentype'), url('http://vsevodnom.com/templates/vvo/style/aparajvvor.woff') format('woff'), …

    Asked by alleclf, December 27, 2013

    0 votes
    3 answers
22. Баг text-indent?

    Назначил блоку text-indent,все абзацы начинаются с отступом,но абзацы которые следуют после <br> без отступа,что за дела?

    Asked by pudge, December 26, 2013

    0 votes
    2 answers
23. Для знатоков HTML

    Может ли в валидном HTML быть такой участок кода(если да то для каких тэгов): <TAG>...html...<TAG attributes>...html....</TAG> где TAG - один из HTML тэгов. То есть может ли внутри тега надится такой же тэг в сокращенной форме(без закрывающего тэга).

    Asked by Kypaku, December 26, 2013

    0 votes
    9 answers
24. Непонятный перенос слов на мобильных устройствах

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

    Asked by poshat, December 26, 2013

    0 votes
    6 answers
25. Ссылки и бордеры

    здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!

    Asked by devid89, December 25, 2013

    0 votes
    6 answers