HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Не указывается размер в %
Имеется скрипт, который позволяет видеть записи твиттера пользователя на любом сайте. Но у этого скрипта ширина и высота указаны в пикселях. Я пробовал указать в процентах, но тогда скрипт пропадает. Тогда я сунул этот скрипт в отдельный 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: '#…
0 votes2 answers -
И с нова hCard
Теперь и я попал в эту оплошность. Так все таки можно ли разделять class="vCard" (использовать несколько классов vCard).
0 votes2 answers -
Резиновый дизайн. (от и до)
Добрый день, уважаемые гуру верстки. Возник вопрос: Нужно сделать резиновый дизайн с параметрами от 400px и до 480px. Чтобы в промежутке этих 80px все элементы позиционировались на равном расстоянии друг от друга и "ездили". Как осуществить именно от и до. Потому что как дизайн делать полностью резиновым я знаю. С уважением, arthyrgrex.
0 votes1 answer -
Проблемма с двухколоночным макетом
Здравствуйте, делал двухколоночный макет, как в статье на сайте через border. Но почему-то отображается во всех браузер адекватно, кроме IE6. Посмотреть можно здесь, я сам программист, версткой никогда не занимался. Поэтому прошу отчаяно помощи =)
0 votes7 answers -
родительские элементы для form
При верстке нтмл форм часто не нужно вспомогательных элементов и после открывающего тега form сразу вставляю <input или другой элемент форм. В таком случае IDE Netbeans подсвечивает предупреждение что такой элемент (input, select, label) не может быть дочерним элементом для <form>. Меня интересует почему так. И влияет ли это на валидность кода. Если вставлю input в любой блочный элемент (div или p), ошибка пропадает. Но для чего мне лишний элемент, если могу без него обойтись.
0 votes5 answers -
Красная строка
Здравствуйте! Возникла необходимость в красной строке. (в больших количествах) Правильного решения данного вопроса не нашел!!! зато случайно получилось это сделать закрывающим тегом <P /> тобиш проставляя его перед началом параграфа и получается нормальная красная строка. Подскажите пожалуйста: насколько это безграмотно, а главное минусы данного решения.
0 votes3 answers -
"Абсолютные" блоки за вне сайта.
Здравствуйте. Возникла такая проблема: Я патаюсь сделать слева и справа от сайта фоновые узоры. Т.е. есть один основной блок, в котором содержится весь сайт. Его position равна relativ. В нем есть 2 блока с узорами. Их position absolute. Им выставляется например left: -300px и right: -300px. Все работает как и задумано. Но вдруг я обнаружил что на мониторах с маленьким разрешением появляется горизонтальный скролл. Я же хочу чтобы эти узоры были видны только на больших мониторах. А на маленьких просто обрезались. Конечно есть возможность отключить горизонтальный скролл. Но в этом случае, если ктото войдет на сайт с мобильного устройства, и маленьким разрешением монитора, к…
0 votes3 answers -
Размер ссылки
Всем привет. Имеется таблица с ячейками 50x50 px (к примеру). При наведении на ячейку фон меняется(!). Как бы мне превратить ячейку в ссылку? То есть нажав на любое место в ячейке - пользователь бы перешел на страницу, как по ссылке. Пока я вижу 2 варианта: 1. Создать картинку 50x50 и сделать ее ссылкой. (Но ведь пропадет изменение фона ячейки при наведении) 2. Переход по событию onClick(). Есть ли другие варианты? Спасибо
0 votes2 answers -
8 страниц в одной
Здравствуйте, делаю сайт на одной странице шириной в 4 экрана и высотой в 2 экрана, соответственно 8 страниц на одной получилось. Это плохо или в наше время считается нормой? Заранее спасибо!
0 votes4 answers -
Проблема с отбивками и отступами
Приветствую. Тема такая: <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 и как с этим бороться?
0 votes3 answers -
ишак съел блок
сверстал страничку под неIE. но всё таки интересно хотя бы в общих чертах знать куда IE7 спрятал блок .featured width пробовал уменьшать. помогите пожалуйста если не решить проблему, то хотя бы понять причину исчезновения блока
0 votes1 answer -
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; }
0 votes2 answers -
Выравнивание!
В чем ошибка не пойму... Вот сайт - http://nyashki-tv.ru/forum/7-33-1 Хотел выровнить аватарку пользователей да не получается в чем проблема не могу понять.Вторая проблемка- не смог чтобы кнопочки профиль и тд были всегда снизу то есть выравнивались по самому низу каждой из потосв!
0 votes2 answers -
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. Искал по форуму, вроде не встречал такого. Если что - смиренно извиняюсь за дубль.
0 votes3 answers -
Поехало меню в IE9
Добрый день! Делаю сайт у начинающего программиста, ибо дешевле. Когда открываешь сайт в IE9 , ездит меню, он не знает как решить эту проблему, подскажите, пожалуйста. Вот сайт http://dettoy.ru/ Заранее спасибо!
0 votes3 answers -
Посоветуйте структуру виджета
Задача: представить текстовые данные в табличном виде. НО. У каждой колонки в таблице должна быть возможность сплюснуться по ширине в 0, даже не сплюснуться, а как бы уехать (т.е должна быть анимция) в сторону (допустим, влево) под соседнюю колонку, спрятаться под нее. И соответственно, все колонки идущие после той, которую мы только что скрыли - подъедут влево и займут ее место, дабы не образовывать дырку в таблице. Что-то я начал приходить к выводу, что верстая все это дело на <table> будет невозможно создать эффект выежания/заежания колонки под близ стоящую колонку. В таблице даже невозможно просто сплюснуть ширину <td> в 0, если в этой ячейке есть контент.…
0 votes7 answers -
Помогите! Проблема с меню
Помогите пожалуйста. Я сделал шаблон на Артистере, там есть вертикальное меню, и у него есть подменюшки. Проблема в том что подменюшки раскрываются только после того как будет счелчок по той странице в которой они расположенны, а нужно чтоб они раскрывались при наведении мыши. В самом артистере нашел пункт где это исправляется но не какого эффекта. Кэши чистил, не помогает. Подскажите где может быть прописанно это условие что подменю открывается только при нажатии, и какой код прописать надо чтоб оно раскрывалось при наведении, вот сайт на котором это происходит. В вертикальном меню нажмите на пункт "Продукция", только после этого можно будет увидеть подпункты. Помогите п…
0 votes1 answer -
Проблемы с позиционированием
Верстаю страницу (фиксированная верстка), на которую добавил боковое меню. Чтобы оно всегда было в зоне видимости, прописал "position: fixed". Разумеется, теперь при малейшем отклонении от данного разрешения экрана, это меню съезжает в сторону относительно нужной линии. Вопрос в том как прикрепить фиксировано это меню, чтобы всегда оставалось "на глазах" и не съезжало?
0 votes2 answers -
проблема с позиционированием
Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 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; …
0 votes7 answers -
В заголовке таблицы с двумя картинками
Всем привет, Мне нужно в каждом заголовке таблицы отобразить имя поля и две картинки для указания сортировки справа от лейбла Если делаю так : ...<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> валиден и нигде не разрывает внешную табли…
0 votes3 answers -
Вопросы про адаптив
Я только что учусь адаптивной верстки, прошу строго не судить за вопросы) собственно 2 вопроса. 1) под какие подбирать разрешения медиазапросы? под самые популярные разрешения? например 640 480 320 или делать по мере необходимости(то есть резиново-адаптивная верстка,но тут масса медиазпросов получится?) 2)pixel ratio. вот смотрю многие работы у настоящих профи на фрилансе и почему та практически нету pixel ratio, вообще это очень важно? или можно забить на это?
0 votes1 answer -
Помогите допилить слайдер
Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!
0 votes4 answers -
Viewport
Прочитал несколько статей на эту тему и не понял пару моментов. 1. По умолчанию (при отсутствии мета тега viewport) большинство мобильных браузеров задают странице фиксированную ширину в 980px. Зачем они так делают? Что мешает браузеру взять ширину сайта, какой бы она ни была, и втиснуть ее полностью по ширине экрана? Сейчас, если ширина сайта, например, 1100px, то часть страницы просто выйдет за пределы экрана и нужно будет свайпить. 2. Если прописать <meta name="viewport" content="width=device-width">, то, например Firefox в смартфоне LG L9 покажет ширину в 360px (window.innerWidth). Почему именно 360? Откуда берется эта цифра? Ведь в характеристиках устройств…
0 votes2 answers -
проблема со шрифтом
проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.
0 votes2 answers -
возникает пустое место при просмотре в браузере
Помогите пожалуйста понять что за пустое место 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 …
0 votes2 answers