gregsv
-
Posts
56 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by gregsv
-
-
Жутко извиняюсь, забыл кинуть ссылку. http://landing.autteria.ru/
-
Всем привет!
При верстке лэндинга столкнулся с такой проблемой: снизу между картой и остальными блоками появляется непонятный отступ. Причем в фаерфоксе все нормально, а вот остальные браузеры его отображают. марджины и паддинги обнулены, фаербаг и панели разработчика в других браузерах тоже ничего не дали.Может кто сталкивался с подобным?
-
В первом примере тень так же осталась. Sensei - спасибо, то что надо )))
-
Доброго времени суток!
Столкнулся с такой проблемой. Есть 3 секции. Нужно чтобы тень от средней падала на нижнюю. Задаю z-index для верхней секции, чтобы перекрывал тень вверху, но он не срабатывает. Позиционирование стоит
Пример кода:
<!doctype html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> section { display: block; width: 100%; height: 100px; position: relative; } .two { box-shadow: 0 0 10px #000; z-index: 0; } .one { z-index: 1; } </style></head><body> <section class="one"></section> <section class="two"></section> <section class="three"></section></body></html>
-
Так он на сайте никуда и не съезжает. Сайт идет с фиксированной шириной, а все что по бокам - это фон для body. В шапке фон не задан, поэтому под логотипом отображается общий фон страницы
-
Если у родителя не задан position: relanive, то логотип будет смещаться относительно окна браузера
-
По основам jQuery есть книга http://anton.shevchuk.name/jquery-book/
-
В принципе, для реализации слайдера потребуется даже не голый js а библиотека jQuery (хотя основы js лучше знать). Можете поискать в инете курсы или статьи по его основам, а дальше только развиваться
-
Долго работал в продажах, решил сменить сферу и заняться версткой, тем более к компам тянет. Опыта мало, но решил попытать счастья. Сходил на собеседование в одну контору, показал первый свой сверстанный учебный макет. Там отказали, сказали что нужен более опытный верстальщик. Макет потом подправил (спасибо советам с форума ) и во второй конторе пригласили поработать день, чтобы оценить как работаю. Условия у них может и не самые шикарные (на испытательный срок оклад 5000 + накидыают по прайсу за каждый сверстанный макет, потом будет больше. Готовы подучить и подсказать и есть перспективы) В итоге их все устроило и сейчас ждут когда к ним перейду)))
Так что если есть опыт, хоть и небольшой, дерзай, все получится))) Ну и не забывай пополнять знания и оттачивать умения помимо работы)))
-
http://www.xiper.net/collect/html-and-css-tricks/karkas-verstki/podval-k-nizu.html
Здесь описывают один из методов
-
Смотрел в опере. Серый фон по углам выступает. Посмотри нижние углы, там border теряется
-
В навигационной панели под шапкой фон у первого и последнего пунктов вылезают поверх скругленных уголков. Можно их тоже закруглить
-
Справился))
В Firefox проблему с кнопкой решил по совету red4pony. Вложил все в div. игеещт пришлось убрать. Хотя насколько это соответствует семантике не знаю..
.company > div {position: relative;z-index: 3;}Этот подход, к сожалению не сработал.
Неправильное отображение в Crome и Safari удалось поправить введя для input[type=search] правило -webkit-appearance: none (может кому поможет )
В IE у меня было отключино выполнение сценариев и из-за этого градиент не отображался. На всякий случай добавил однотонный фон, чтобы в любом случае пользователь мог просмотреть сайт, хоть и с меньшими красивостями.
Жаль только что валидатор ругается на свойства linear-gradient.
Всем огромное спасибо! Тему можно закрывать))
-
хорошо, попробую. Странно только что огнелис так отличился...
-
Попробуйте задать правила CSS не через селектор атрибута, а с помощью класса. Уберите
т.е. для button задать класс? Или оформление повесить на div? Вроде по симантике кнопка и должна быть...
у меня не отображается.Попробую потом проверить на другом компе
А по поводу IE есть какие-нибудь идеи?
.company > div {position: relative;z-index: 3;}Попробовал, не срабатывает. Плюс появляется при нажатии пунктирная рамка div-а. outline от нее не избавляет
-
Всем добрый день.
Верстал страницу по шаблону взятому здесь http://forum.htmlbook.ru/index.php?showtopic=16763
В опере все отображается нормально, а вот в других браузерах начались проблемы:
Firefix - Кнопка возле заголовка при навелении не активна, т.е. не срабатывает тег <a>
Chrome - Вокруг поля для поиска отображается светлая рамка. Outline:none проставлен. Как убрать не ее не понял.
Safari - не срабатывает background у того же поля поиска
IE - градиент вообще не отражается, хотя в коде вроде все стоит нормально
Сайт залил на хостинг http://uta.p.ht/
Как справиться с этими недочетами?
Заодно может кто опытный подскажет, правильно ли использовал теги aside, section и article, если по семантике?
И как семантически правильней создавать список ссылок в последнем блоке, через список или как у меня строчками?
-
В файле на хостинге ссылка действительно отразилась. Исправил
Проверил в Firefox свой css через инструмент разработчика, показывает utf-8 Если у Вас отражается другая кодировка, то подскажите как смотрели. Постараюсь проанализировать
-
Тут и обычной текстовой ссылки на главную нет.
А есть смысл делать на главной странице ссылку на главную страницу? )))
По первому пункту обязательно посмотрю. Спасибо
-
В firefox можно посмотреть кодировку, у вас она там ISO-8859-5. Наверное в статье на хабре имеется в виду, что нет смысла указывать кодировку через @charset "utf-8"; Но файл сохранять в utf-8.
Делал через Dreamweaver, там в настройках выставлено сохранять файл css в кодировке uta-8. Плюс сейчас прописал в самом файле через @charset. Не могу понять почему тогда не та кодировка отражается...
Логотип так и не стал ссылкой, т.к. заголовок смещен влево вместе с ссылкой.
Ссылку я вообще убрал из логотипа
-
Поправил сайт.
Есть несколько моментов:
Сохранять файл стилей в правильной кодировке, вот еще почитайте.http://habrahabr.ru/post/143452/ ЦитатаОпускайте кодировку для сss-файлов: для них UTF-8 задана по умолчанию.Где истина? Сохранять с кодировкой или не нужно?
В menu-bar всплывающие подсказки можно было сделать обычным title. Думаю, что при помощи data-title все же будет более гибко. Спозиционировать можно по любому, да и фон убрать, если он не требуется.
Поскольку верстал главную страницу, в логотип решил только заголовок добавить. На остальных страницах можно в принципе сделать ссылку, а заголовок убрать, т.к. он уже не будет являться темой страницы. Можно конечно совместить, но пришлось бы добавлять span, и код был бы немного побольше
Обновленные файлы перезалил. Можно посмотреть здесь http://webreference.besaba.com/
Верстал по макету на этом форуме в разделе Для начинающих/Макеты для верстки/Макет 1
-
В этой же статье ниже можешь почитать комментарии )))
-
ок. Сейчас подредактирую пост
-
Тогда будет несоответствие с шаблоном. Я понимаю, что это в основном претензии к физайну, но раз взялся сверстать учебный макет, хочется довести до ума
-
У Вас
лежит в одном ЛОГИЧЕСКОМ контейнере с рекламой. Что между ними общего?
Они находятся в правой колонке. Только она их объединяет. Можно конечно колонку назначить div-ом, но насколько это изменит ситуацию?
Непонятный отступ
in HTML Coding
Posted
Огромное спасибо! Помогло