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
29,542 questions in this forum
-
Еще раз про pixel-ratio
Возникла такая проблема. Я суждаю сайт до 760 пикселей и делаю нужный вид ему. Открываю в эмуляторе айфоне в хроме (там опция такая) - вижу совершенно другую верстку - элементы куда-то уезжают, во бщем будто бы ширина экрана совершенно иная. Это и есть эффект повышенной плотности пикселей или я чего-то не догоняю?
0 votes12 answers -
Top Menu, неровно
Доброго времени суток, проблема в том что есть том меню и оно почему то вылазит непонято куда. <!DOCTYPE html><html><head> <title>Clinica</title> <meta charset='utf-8'> <link rel="stylesheet" type="text/css" href="./html5reset-1.6.1"> <link rel="stylesheet" type="text/css" href="./style.css"></head><body><div class="top"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Контакты</a></li> </ul></div><div id="wrap_outside"> <header id="wrap"> <div> <img src="./i…
0 votes5 answers -
Свой css для смартфона
Мастера подскажите как можно реализовать следующее: Для основного отображения есть основной файл стилей, а к примеру для того чтобы упростить отображение на мобилках я хочу написать другой файл стилей. Как мне можно будет заставить браузер смартфона загружать именно таблицу стилей для него, а не для компов?
0 votes6 answers -
Не получается расположить элементы в ротаторе в ряд
Здравствуйте! Сразу скажу, что я программист, не верстальщик, и заниматься версткой мне приходится крайне редко, но если приходится, это почти всегда превращается в каторгу. Для меня написать бэкэнд сайта или игры гораздо проще, чем сверстать хотя бы не очень навороченную страницу. Вот сейчас делаю сайт интернет магазина под ключ, все шло как по маслу, но в одном месте наткнулся на проблему, в решении которой мне не помог даже гугл. Из-за чего она происходит мне понятно, но как это обрулить, ума не приложу. В общем, к делу. Мне нужно сделать ротатор в котором показываются похожие товары. Ну, это просто обычная "витрина" со стрелками по бокам, при нажатии на которые списо…
0 votes7 answers -
помогите с div версткой
как сделать чтобы блок wrapper расширялся в высоту если блок news выходит за его проеделы в блоке news генерируемый контент пробовал через min-height: 1000px; сейчас также как и на рисунке вот стили wrapper .wrapper {margin: 90px 0px 220px 220px;width: 1000px;border-radius: 3px;background-color: #f1f1f1;opacity: 0.7;min-height: 1000px;box-shadow: 0px 1px 0px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;-o-box-shadow: 0px 1px 0px;-moz-box-shadow: 0px 1px 0px;-webkit-box-shadow: 0px 1px 0px;}
0 votes2 answers -
Просьба к знатокам! Объясните парадокс!
Привет всем! Друзья, нужна ваша помощь в небольшом вопросе. В общем есть psd макет в котором основной шрифт Georgia. В windows этот шрифт отображается как надо (я так понял он стандартный для этой ОС), все четко по макету, но если этот шрифт берешь с папки c/windows/fonts, конвертируешь (используя шрифто-белку) и подключаешь через font-face, этот же шрифт отображается по другому, он немного меньше (где-то на 2px) и выглядит четче, как объясняется этот парадокс? И что делать, если подобного шрифта не будет в linux или Mac и его нужно будет подключать, как решить подобную проблему? Заранее спасибо!!!
0 votes3 answers -
Помогите разобраться в чем прикол
Переделывая контентную часть станицы http://azharova.ru/test/afisha_table.html#, столкнулась с такой проблемой. При удалении line-height и добаваление marginссылка как будто перестает существовать, при наведении мышки ничего не происходить как будто картинка. P.S. приходится копаться в чужом коде, логика у которого по-моему отсутствует Все нашла злодея А ларчик просто открывался. Оказывается предыдущий верстальщик выставил всем формам width: 100%, да еще и спозиционировала я ее. в итоге вышло наложение которое собой закрывало ссылку вот вся эта затея и не работала. P.S. Сама вопрос задала, см ответила... Приятно поговорить с умным человеком
0 votes2 answers -
Нестандартные шрифты
Если загружаешь нестандартный шрифт, то обязательно ли надо для каждого стиля шрифта, создавать свою директиву? Например, если хочешь что бы шрифту можно было назначать стиль italic и font-weight bold, то надо создать 3 директивы p{font-family:veronica;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: normal; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: normal;}@font-face{ font-family:veronica; src: url("veronica.ttf"); font-weight: bold; font-style: italic;}
0 votes1 answer -
Высота фона боковых блоков
Добрый день! У меня на сайте имеется фоновая картинка 4х4 пикселя, которая повторяется по всей высоте и ширине страницы Над ней сверху по бокам сайта накладываются ещё две картинки (я это сделал созданием двух div) Не могу сделать так чтобы эти 2 div были на всю высоту страницы. Если ставлю height:100% то они только на высоту экрана, а при пролистывании дальше их нет. Пока сделал height:500% чтобы примерно подогнать под высоту страницы с учетом контента, но если контента на странице мало, то в нижней части страницы остаётся куча пустоты.
0 votes6 answers -
Фиксация фона блока, выделение ращдела.
Здравствуйте! Выделять раздел при наведении курсора получилось http://www.torawhite.ru/, а как сделать, чтобы раздел оставался выделенным при его активности? То бишь, если главная, то выделена она цветом и так далее.
0 votes2 answers -
Проблема с версткой при различных расширениях экранов
Всем привет..Проблема такова..есть сайт http://skazochniy-domik.ru/ Как сделать чтоб при увеличении/уменьшении расширения экрана,верстка оставалась статичной,или подстраивалась под экран..Дайте пожалуйста совет,ибо не знаю что делать....
0 votes4 answers -
Пара вопросов от новичка
Всем доброго времени суток. Почитал я много ресурсов, почитал Ваш форум. Все же, есть немного вопросов, которые хотелось бы задать. Начну с того, что мне посоветовал заниматься веб дизайном один знакомый программист. Важно ли это? Вот он как бы посоветовал и все, сказал наверное главное в этом деле, что нужно понять что то такое html вообще, а только потом переходить к css. А уже после, еще глубже уходить. Вот собственно вопрос номер 1. Правильно ли это? Или все же, лучше совмещать изучение? Но тут может появиться в голове каша. Вопрос 2. Теория + практика. Нашел я практику, в принципе, на сайте хтмлбукс. Там есть какие то задачки. Самопроверка. Вопрос в теории. …
0 votes13 answers -
Приколы c PIE в ie8. Ослик сошел с ума, или что?
Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду) верстальщикам. Нужна ваша помощь. В общем, пытаюсь округлить уголки в ie 8 используя PIE, кажется задача не тривиальная, но не тут-то было. Все по порядку. Есть в версте слайдер, данный слайдер показывает картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE Когда PIE применяю …
0 votes4 answers -
Макет n-torrents
Мне всегда нравился дизайн сайта n-torrents, к моему удивлению даже макет его есть. У меня есть проблемка с фонами. Вот я отключил кое какие ненужные слои чтобы разобратся с фоном и что я увидел: http://s020.radikal.ru/i719/1406/bc/769155fab3ac.png много фонов, сверху есть яркая полоска которая репитится по оси x, ее можно и градиентом сделать,но я решил задать background, укзал цвет зеленный для всего блока див и прописал путь к картинки и репител по всей длине x вот исходный код: http://jsfiddle.net/QbLH2/ если посмотреть еще, там еще есть фоны, снизу полоска темная, в центре линии, по какой технике это все лучше осуществить? могу через множественные фоны css3, но тогда…
0 votes4 answers -
Способ верстки резинового выпадающего меню
Всем, доброго времени суток. Я учусь верстке самостоятельно и начала с своего сайта. Вот уже второй день не могу решить проблему с меню. http://saveimg.ru/show-image.php?id=8d51d6118255b79f88ab88766d50c263 - собственно меню Вопрос в следующем: Я нарезала 3 куска: правую и левую боковушки меню и такого же размера кусочек меню (потом просто повторяла его). Но никак не могу теперь состыковать основное меню и боковушки. Может у меня изначально не правильный подход? Если не сложно, пожалуйста, подскажите, как с такими не стандартными меню следует себя вести. P.S. Простите если была не внимательна и подобная тема уже есть.
0 votes5 answers -
Почему в сафари блок с текстом не занял всю ширину
http://azharova.ru/test/afisha_table.html# Версия браузера 5.1.7 Скрин с проблемкой - http://prntscr.com/3pxrio
0 votes12 answers -
Меню
Приветствую, верстаю свое 1 меню. Возник вопрос, как сделать пункт "Меню" по центру блока <ul>? и все ли правильно я делаю? http://jsfiddle.net/35XYL/
0 votes2 answers -
убрать действие СреднейКнопкиМыши... помогите плииз...
как сделать так, чтобы действие, которое происходит при нажатии Средней Кнопки Мыши на кнопку - не происходило... а происходило только при нажатии ЛКМ
0 votes2 answers -
Не используемые фалы на ФТП
Здравствуйте всем) Такая ситуация. Во время создания сайта, все время заливаешь какие то изображения, сайты, потому удаляешь, заливаешь новые, и со временем получается что на ФТП остаются какие то изображения или другие файлы, которые не используются. Но какие именно не знаешь. Как узнать, какие файлы не используются на сайте, что б их можно было спокойно удалить ?
0 votes7 answers -
Подскажите по синтаксису ссылки-картинки и js
Помогите пожалуйста правильно написать... <div id="mark"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></div> вот так все работает <div id="mark"><img src="/images/icons/star.png"><a href="#" onclick="return addFavorite(this);"<br /><br />в закладки</a></img></div> вот так картинка отображается но ссылкой не становится.... подозреваю ошибка какая-то простая...Как сделать чтобы картинка ссылка выдавала это событие? спасибо
0 votes2 answers -
Фон текста, межстрочное расстояние
Есть дизайн: текст в 2 строки, текст с фоном, если просто заливаешь background, то он заливает полностью, а мне надо что бы между строками был фон основной.Т.е. фон был только где текст. Понятнее на картинке: http://clip2net.com/s/igeEJp Помогите, пожалуйста.
0 votes3 answers -
Назначение itemprop в img
Для чего нужно itemprop? Хотел посмотреть как сделано авто переворачивание картинки на странице и там увидел это <img src="/styles/logo.png" itemprop="logo" alt="Обзоры гаджетов и IT новости мобильного мира и технологий" width="161" height="112">
0 votes1 answer -
Не валидный код, как лучше переделать
Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...
0 votes4 answers -
<content> не работает без block при прочих равных
Собственно, наглядно здесь: http://jsfiddle.net/E5rSK/ Если создать div, то ему нет необходимости указывать display, но при таких же условиях не работает content, которому для отображения оказывается необходимым указывать display. Интересует, почему так? Кстати, footer этой проблемой не страдает, header, вроде тоже.
0 votes2 answers -
Выравнивание <li>
Приветствую. Как сделать чтобы пункт "Меню" <li>, располагался по отношению блока <ul> по центру? http://jsfiddle.net/35XYL/4/
0 votes5 answers