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
-
Копирайты
В общем, копирайты я с помощью позицианирования поставил внизу, но когда начинаю позиционировать сайт(уменьшать), то копирайты отрываются от низа. что делать? p.s. И ещё, есть меню, сделал таблицей. Оно в верху сайта, строкой.(на самом верху). Прописал width: 100%;. меню растянулось, но остались зазоры, (по бокам, и сверху.) как исправить?
0 votes6 answers -
Резиновая блочная верстка. Проблема с позицианированием div
Здравствуйте. Давно уже ничего не верстал. Лет пять как минимум и встала необходимость за неделю все вспомнить. Проблема возникла с div блоками (из которых все и составляется). Толком я сам не могу понять в чем причина, иначе возможно нашел бы решение. Вот страница http://images.km.ru/test/index.html , вот css http://images.km.ru/test/index.css Смысл в том, что мне нужно сделать резиновый блок, который будет расширятся по вертикали в зависимости от наполнения. Блок этот составлен из div элементов (верх, низ, право-лево), а внутри уже само наполнение. Проблема в боковых границах (#bd_lt и #bd_rt). Насколько я понял длинна ориентируется по правой колонке с наполнением (#rt_…
0 votes1 answer -
Верстка под iphone
Ширина сайта - 960px. iPhone неправильно масштабирует блоки - ровняет их по ширине экрана, то есть без соблюдения пропорций. В итоге в шапке все разъезжается. Пробовал несколько раз переверстывать - все равно растягивает блоки по ширине экрана. Как с этим бороться? Есть ли эмуляторы браузера iPhone? В SDK вроде эмулятора браузера нет, а те что я нашел сильно отличаются от реальности.
0 votes3 answers -
Выровнять контетн по середине
Здравствуйте, проблема в следующем. Есть отдельный фон для хедера, контента и футера. У всех разные цвета. Нужно сделать так, чтобы фоны для них были по всей ширине экрана, все объекты сайта находились в центре. минимальная ширина 1000рх. Пробовал марджин 0 авто - не помогает. Как быть?
0 votes2 answers -
Кроссбраузерный @font-face
@font-face {font-family: Lobster; src: url('fonts/Lobster.eot'); /* IE9 */ src: url('fonts/Lobster.eot?') format('eot'), /* IE6-IE8 */ url('fonts/Lobster.woff') format('woff'), /* Современные браузеры */ url('fonts/Lobster.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/Lobster.svg#svgLobster') format('svg'); /* iOS */} h1 {font-family: 'Lobster', serif; font-size: 288px;} В Сафари, Хроме — работает. На Айфоне и Айпаде — нет. Чем дополнить, что исправить? Подскажите. Спасибо.
0 votes3 answers -
Почему не работает repeat
Почему так не работет repeat? background: url('../image/image.png') 16px 0 repeat; height: 14px; width: 2px; А так работает? background: url('../image/image.png') left top repeat; height: 14px; width: 2px; Как заставить первый вариант работать? В примере имеется ввиду, что при цифрах повтор не работает.
0 votes4 answers -
"Резиновая" картинка во весь экран как фон и позиционирование элементов
Всем привет! Есть макет, на котором в виде фона - картинка во весь экран (т.е. она тянется во все стороны вместе с браузером). Есть задача расположить относительно этой картинки элементы так, что б они все время были на одом месте. Т.е. проще говоря, на картинке есть дорога, по краям тротуар. Так вот на этом тротуаре по обоим частям дороги надо расположить столбы, но что б при изменении размеров браузера они не меняли своего места относительно этого тротуара Немного сумбурно объяснил, но надеюсь, что суть понятна Как такое реализовать ? Фиксированные координаты исупользовать точно не получится, проценты тоже врятли спасут. Что делать ? Очень нужны ваши советы!
0 votes6 answers -
Как протестировать сайт на ИЕ6 онлайн?
Есть ли возможность протестировать сайт (онлайн), работает ли в ИЕ6 (и др.)?
0 votes5 answers -
Проблемы наследования
<html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя
0 votes19 answers -
Уехала страница в лисе
Народ выручите. В Мазиле страницы вправо уехали. Уже, что только не пробовал. В других браузерах норм. Моя ссылка Даже не представляю в каком файле править Причем уезжают страницы только VIRTUEMART Обычные страницы на месте Моя ссылка
0 votes3 answers -
Вопросик по CSS3
Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди …
0 votes10 answers -
Переход ВВЕРХ-ВНИЗ
Всем салют. Помогите создать блок для перехода вверх-вниз точно так же, как ВКонтакте. Но будьте внимательны, там есть пара нюансов: 1. Возможность перехода активируется только если был произведен скроллинг хотя бы на один шаг от положения верхнего максимума; 2. Блок перехода вверх-вниз занимает всю оставшуюся ширину влево от блока новостей (к примеру на странице ленты новостей) при фиксированной ширине блока новостей; 3. Блок перехода вверх-вниз не покрывает вертикальное меню (типа Моя страница, Мои друзья и т.д.), но срабатывает слева от него (полагаю нужен z-index); 4. Блок должен работать именно для перехода вверх по первому нажатию и для перехода в исходное положени…
0 votes2 answers -
margin: 0 auto; — Google Chrome
Есть body с фоном, поверх - div с фоном. body { background: #0a0702 url(images/bgr.jpg) top center no-repeat; } .page_elem_main { margin: 20px auto 0 auto; text-align: left; width: 950px; overflow: hidden; background: url(images/img_02.jpg) top center repeat-y; } Стандартная схема. Все замечательно работает во всех браузерах... кроме Хрома. В нем, если уменьшать по ширине размер окна, то выравнивание фона и блока по центру происходит не одинаково, а на каждом четном размере ширины окна все работает нормально, а на каждом нечетном - получается разница в 1 пиксель. Как быть? Картинка
0 votes2 answers -
Помогите решить простую задачу
Нужно сделать простенькую табличку с несколькими ячейками. Хотелось бы его сделать на дивах.. Какая-то хрень выходит, причем в разных браузерах выглядит по разному... Подскажите где косяк? <style> /* Задаю границы по ширине, центральное выравнивание, бордюр */ .otziv{width:750px; margin: 0 auto; padding:0; border: 1px solid #feb735; background-color:#222;} /* Левая верхняя ячейка */ .author_otziv{width: 599px; height:25px ;position: relative; float: left; border-bottom:1px solid #feb735;} /* Правая верхняя ячейка */ .date_otziv{width:150px;height:25px ; position: relative; float: right; border-bottom:1px solid #feb735; border-left:1px solid #feb735; } /* Прав…
0 votes11 answers -
Вопрос о выравнивании
Возник такой вопрос: У нас есть див, и в нем 5 строковых элементов(точнее inline-block). Как сделать чтобы пятый прижимался к правому краю всего дива? Я так понимаю оч просто: text-align:right; но как это прописать с помощью CSS только для пятого элемента?
0 votes5 answers -
Ширина div при разном разрешении
Подскажите пожалуйста как средствами CSS сделать чтобы блок div при разрешении 1024 отображался с шириной 140px; а при разрешении больше - отображался 259px; Спасибо.
0 votes1 answer -
Выравнивание в горизонатльном меню
Вот картинка : . Вот её исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Menu</title> <style> body,html{ margin:0px; padding :0 px; } a{ text-decoration:none; color:#ffffff; } .center {display:block; margin:0 auto;} ul#mainNav { margin-left:70px; margin-top:70px; padding: 0; list-style: none; float: left; background-image: url(1.png); width:865px; height:60px; background-repeat: no-repeat; } #mainNav li { float: left; width: 143px; } #mainNav a { text-decoration: none; font-size: 18px; font-weight:900; color:#392411; font-family: Verdana, …
0 votes3 answers -
Врстка меню.Как премерно?
Нужно сверстать вот такое меню: Примерно как на apple.com.Там тени и закругленные углы.Подскажите правильный путь.Картинками верстать?Если да то как делать тени? И кстати как у аппле оно сверстано что так хорошо работает даже в ИЕ6? Спасибо.
0 votes2 answers -
всплывающее окно
Есть ли javascript или варианты с фреймами для создания всплывающего окошка при нажатии на ссылку в одном и том же окне? Как на сайте http://lowenbrau.ru/?
0 votes5 answers -
верстка горизонтального меню
Переделываю строительный сайт stroyrus.com понадобилась такая менюшка: есть список, или табличка (без разницы) шириной 90%. Он выравнивается по центру по Х. и есть 4 ячейки таблицы, или элементов списка - смотря как верстать. надо сделать так чтобы при разном расширении экрана все тянулось на эти 90% - но между не самими ячейками а непосредственно названиями списка были одинаковые расстояния. см. рис. без динамики не проблема, сверстал. а вот при ресайзе надо чтобы расстояния а (см рис.) уменьшались. есть вообще способ без скриптов сделать подобное ?? Чисто версткой - возможно ??? может кому надо было подобное!
0 votes3 answers -
Очередные вопросы по Notepad++
Такие два вопроса: 1) как сделать чтобы список макросов появлялся весь ( а не только 10 штук ) в виде окошечка с прокруткой ( как в php expert editor ) 2) как сделать, чтобы при вводе кода автоматически появлялись возможные варианты продолжения ( как в php designer ) ?
0 votes1 answer -
границы таблицы
Всем привет,помогите ,пожалуйста,как мне сделать границы таблицы каким нибудь узором или картинкой как на сайте http://patrick-star.org/.
0 votes1 answer -
Верстка меню
Добрый день, хочу сделать меню как ПРИМЕР . Как сделать чтобы текст был под картинками, у меня получается вот такая штука МОЙ САЙТ Спасибо.
0 votes4 answers -
Блочная верстка
Привет народ, буду очень рад любым советам и рекомендациям по "доделке" макета. Это мой первый более менее сложный шаблон, трудностей много возникло, для начала - не верное отображение в ИЕ, верстка стала уползать после добавления logo; Ну и еще всякие разные странности возникают, тот же лого не получается без position:absolute; отцентрить, т.к. верстка сползает... Пробовал Z-index менять, не вижу чтобы на что-то влияло, наверное что-то не так делаю Заранее всем спасибо за внимание! Ссылка: http://fryuk.narod2.ru/
0 votes0 answers -
Скрипт подзагрузки
Добрый день! Подскажите пожалуйста, как можно реализовать подзагрузку на сайте? Т.е. имеется три страницы, index.html, a.html, b.html Первая ссылается на a и b, но при переходе нужна задержка секунд в пять-семь, надпись загрузка и бегунок, типа такого Я думаю писать его не нужно, ибо такое 100% уже есть, просто подскажите как такое искать, на чем это можно сделать?
0 votes2 answers