HTML Coding

29542 questions in this forum

1. Не указывается размер в %

   Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный DIV и указал размеры этого самого DIV'a в процентах. Но это тоже мало чем помогло. Вот код: <div style="position: absolute; top: 31%; left: 18%; width: 58%;"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 10, interval: 6000, width: "100%", height: 470, theme: { shell: { background: '#333333', color: '#ffffff' }, tweets: { background: '#…

   Asked by WoopieZ, February 14, 2011

   0 votes
   2 answers
2. И с нова hCard

   Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).

   Asked by cssview, April 18, 2011

   0 votes
   2 answers
3. Резиновый дизайн. (от и до)

   Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.

   Asked by arthyrgrex, August 7, 2011

   0 votes
   1 answer
4. Проблемма с двухколоночным макетом

   Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)

   Asked by like2dev, August 29, 2011

   0 votes
   7 answers
5. родительские элементы для form

   При верстке нтмл форм часто не нужно вспомогательных элементов и после открывающего тега form сразу вставляю <input или другой элемент форм. В таком случае IDE Netbeans подсвечивает предупреждение что такой элемент (input, select, label) не может быть дочерним элементом для <form>. Меня интересует почему так. И влияет ли это на валидность кода. Если вставлю input в любой блочный элемент (div или p), ошибка пропадает. Но для чего мне лишний элемент, если могу без него обойтись.

   Asked by Funstarter, October 4, 2011

   0 votes
   5 answers
6. Красная строка

   Здравствуйте! Возникла необходимость в красной строке. (в больших количествах) Правильного решения данного вопроса не нашел!!! зато случайно получилось это сделать закрывающим тегом <P /> тобиш проставляя его перед началом параграфа и получается нормальная красная строка. Подскажите пожалуйста: насколько это безграмотно, а главное минусы данного решения.

   Asked by Leonidk, October 13, 2011

   0 votes
   3 answers
7. "Абсолютные" блоки за вне сайта.

   Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…

   Asked by HobbyStudio, December 10, 2011

   0 votes
   3 answers
8. Размер ссылки

   Всем привет. Имеется таблица с ячейками 50x50 px (к примеру). При наведении на ячейку фон меняется(!). Как бы мне превратить ячейку в ссылку? То есть нажав на любое место в ячейке - пользователь бы перешел на страницу, как по ссылке. Пока я вижу 2 варианта: 1. Создать картинку 50x50 и сделать ее ссылкой. (Но ведь пропадет изменение фона ячейки при наведении) 2. Переход по событию onClick(). Есть ли другие варианты? Спасибо

   Asked by IvanS, April 13, 2012

   0 votes
   2 answers
9. 8 страниц в одной

   Здравствуйте, делаю сайт на одной странице шириной в 4 экрана и высотой в 2 экрана, соответственно 8 страниц на одной получилось. Это плохо или в наше время считается нормой? Заранее спасибо!

   Asked by artyomdevyatov, April 16, 2012

   0 votes
   4 answers
10. Проблема с отбивками и отступами

    Приветствую. Тема такая: <div style='padding:20px; width:300px; height:100px; border:1px solid #000;'> <div style='padding:10px; width:200px; height:70px; border:1px solid #000;'> </div> </div> В итоге: - Хром - Ослик - Тормозилла Wtf и как с этим бороться?

    Asked by Just, May 1, 2012

    0 votes
    3 answers
11. ишак съел блок

    сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока

    Asked by cyklop77, May 7, 2012

    0 votes
    1 answer
12. Z-index

    Здравствуйте! пытаюсь с помощью z-index вывести слой с блоком наверх (собаку под блок), ничего не выходит... что не так с кодом: .main_fon { background: url(../images/main_fon.png) repeat; position:reletive: z-index: 2; } ........... #dog{ background: url(../images/dog.png) no-repeat; width:170px; height: 156px; position: absolute; z-index: 1; right:66px; bottom:60px; }

    Asked by Zeeeya, June 14, 2012

    0 votes
    2 answers
13. Выравнивание!

    В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!

    Asked by ELBegemotos, August 15, 2012

    0 votes
    2 answers
14. Border без высоты не работает?

    Привет, форум! Относительно недавно начал заниматься версткой, первые несколько макетов сделал нормально, с третьим вот такая трабла. Если не указать явную высоту блока, то border в упор не замечается. Код прилагаю: #container { width: 940px; margin: 0 auto; border-left: 1px solid #8f8c83; /* Нужна рамка слева и справа */ border-right: 1px solid #8f8c83; height: auto; } При height:auto - рамка не видна. Если указать жесткую высоту - все нормально. Как быть? Есть ли обходные пути? Высота нужна именно auto, так как блок для контента. Спасибо всем откликнувшимся! P.S. Искал по форуму, вроде не встречал такого. Если что - смиренно извиняюсь за дубль.

    Asked by grandmasterus, August 28, 2012

    0 votes
    3 answers
15. Поехало меню в IE9

    Добрый день! Делаю сайт у начинающего программиста, ибо дешевле. Когда открываешь сайт в IE9 , ездит меню, он не знает как решить эту проблему, подскажите, пожалуйста. Вот сайт http://dettoy.ru/ Заранее спасибо!

    Asked by kdgroup, December 1, 2012

    0 votes
    3 answers
16. Посоветуйте структуру виджета

    Задача: представить текстовые данные в табличном виде. НО. У каждой колонки в таблице должна быть возможность сплюснуться по ширине в 0, даже не сплюснуться, а как бы уехать (т.е должна быть анимция) в сторону (допустим, влево) под соседнюю колонку, спрятаться под нее. И соответственно, все колонки идущие после той, которую мы только что скрыли - подъедут влево и займут ее место, дабы не образовывать дырку в таблице. Что-то я начал приходить к выводу, что верстая все это дело на <table> будет невозможно создать эффект выежания/заежания колонки под близ стоящую колонку. В таблице даже невозможно просто сплюснуть ширину <td> в 0, если в этой ячейке есть контент.…

    Asked by Evkaky, July 20, 2013

    0 votes
    7 answers
17. Помогите! Проблема с меню

    Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…

    Asked by John_Flores, August 17, 2013

    • Меню раскрывается по счелчку
    0 votes
    1 answer
18. Проблемы с позиционированием

    Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?

    Asked by Anonim_Khb, July 13, 2014

    0 votes
    2 answers
19. проблема с позиционированием

    Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …

    Asked by Евгений_SB, August 28, 2014

    0 votes
    7 answers
20. В заголовке таблицы с двумя картинками

    Всем привет, Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла Если делаю так : ...<th ><table><tr><td>SKU </td><td><a onclick="javascript:runSort('SKU', 'asc');" ><img src="/images/asc.gif" ></a></td></tr><tr><td> </td><td><a onclick="javascript:runSort('SKU', 'desc');" ><img src="/images/desc.gif" ></a></td></tr></table></th>...То у меня разваливается вся таблица - я так и не понял почему, так как внутренний <table></table> валиден и нигде не разрывает внешную табли…

    Asked by mstdmstd, September 19, 2014

    0 votes
    3 answers
21. Вопросы про адаптив

    Я только что учусь адаптивной верстки, прошу строго не судить за вопросы) собственно 2 вопроса. 1) под какие подбирать разрешения медиазапросы? под самые популярные разрешения? например 640 480 320 или делать по мере необходимости(то есть резиново-адаптивная верстка,но тут масса медиазпросов получится?) 2)pixel ratio. вот смотрю многие работы у настоящих профи на фрилансе и почему та практически нету pixel ratio, вообще это очень важно? или можно забить на это?

    Asked by raptor-dm, October 13, 2014

    0 votes
    1 answer
22. Помогите допилить слайдер

    Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!

    Asked by mrfrunze, November 10, 2014

    0 votes
    4 answers
23. Viewport

    Прочитал несколько статей на эту тему и не понял пару моментов. 1. По умолчанию (при отсутствии мета тега viewport) большинство мобильных браузеров задают странице фиксированную ширину в 980px. Зачем они так делают? Что мешает браузеру взять ширину сайта, какой бы она ни была, и втиснуть ее полностью по ширине экрана? Сейчас, если ширина сайта, например, 1100px, то часть страницы просто выйдет за пределы экрана и нужно будет свайпить. 2. Если прописать <meta name="viewport" content="width=device-width">, то, например Firefox в смартфоне LG L9 покажет ширину в 360px (window.innerWidth). Почему именно 360? Откуда берется эта цифра? Ведь в характеристиках устройств…

    Asked by Bassline, May 11, 2015

    0 votes
    2 answers
24. проблема со шрифтом

    проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.

    Asked by raptor-dm, June 3, 2015

    0 votes
    2 answers
25. возникает пустое место при просмотре в браузере

    Помогите пожалуйста понять что за пустое место HTML <div class="rightblock"> <div class="product"> <a href="#" class="cafe"><img src="userfiles/cofe.png" width="135" height="130" alt="cafe"/></a> <a href="#">кофе</a> </div> </div> CSS .rightblock{ width:690px; height:1039px; background:#ffffff; float:left; margin-left:20px; } .product{ width:135px; height:163px; background:#FFFFFF; border:solid 1px #cde151; display:block; } .product …

    Asked by kalmar, August 11, 2015

    • img
    • text
    0 votes
    2 answers