BetaVersion
-
Posts
22 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by BetaVersion
-
Closed.
-
browsershots.org Сейчас проверил свой сайт здесь, оказывается, что почти во всех старых версиях оперы и хрома двигается фон. (или элементы) Картинку чего именно - я не понял. Выкладывать картинку сайта полностью я, увы, не имею права, т.к. дизайн разрабатывался под заказ студией для заказчика, я всего лишь принялся верстать макет. Опять же таки, пример чего именно? Весь сайт туда размещать? Если кто-нибудь готов помочь (пусть даже за $), пожалуйста, оставьте свои конт. данные (icq, skype), чтобы я с вами связался. Обобщать сайт не хочу.
-
UP. Актуально. Помогите, пожалуйста.
-
Я надеюсь на то, что здесь найдется человек, который сталкивался с такой же проблемой и может хотябы указательным пальцем направить на древо проблемы. Во всех остальных браузерах все показывает отлично. Одна загвоздка только в хроме. html, body { margin: 0; height: 1620px; background: #12161f url(../images/body_bg.jpg) center no-repeat; } #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } Вот весь код, в котором, вероятнее всего, проблема. Добавлю. Только что выяснил, что двинулся в хроме фон-картинка на 1 пиксель вправо, поэтому все элементы картинок не встают на место и идет зазор.
-
Здравствуйте. Проблема не дает мне спокойно сдать проект заказчику: Вся проблема в том, что в хроме все изображения, которые я задаю как фон для div'ов двинулись на 1px влево, или же фон (body) двинулся на 1 px вправо и другие картинки не вписываются и оставлюят такую пустоту. В чем проблема и как ее можно решить? Зарание благодарен.
-
Сам текст - Search - это placeholder. <input placeholder="search"> А саму лупку - как говорил dostel1
-
Огромное спасибо
-
См. прошлое сообщение. #inner-header надо margin: 0 auto; добавать. Вместо margin использовать padding. Сработало! А вот уже когда закончу работу внутри шапки, во wrapper тоже нужно использовать padding? Или wrapper не имеет к шапке отношения в этом плане?
-
Размеры повт. картинки 45х471px. Совпадают.
-
Не получается. /* CSS Document */ /* Основной стиль */ html, body { margin: 0; height: 100%; color: #b48788; font-family: Tahoma, Arial, Vernada; background: url(../images/bg.jpg) repeat; font-size: 11px; background-color: #ffffff; } #wrapper { padding: 0px; height: 100% !important; width: 1000px; margin-left: auto; margin-right: auto; } img { border: 0px; } #header { height: 471px; min-width: 960px; background: url(../images/headmenu.png) repeat-x; } #header-inner { width: 960px; } #headerlinks { width: 250px; height: 25px; margin-left: 30px; margin-top: 5px; } #headerlinks a { margin-left: 5px; font-family: Tahoma, Arial, Vernada; font-size: 14px; color: #ffffff; } #headerlinks a:hover { margin-left: 5px; font-family: Tahoma, Arial, Vernada; font-size: 14px; color: #ffe3e3; } <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="/favicon.ico" rel="shortcut icon"> <title>FreeBiz</title> <link type="text/css" rel="stylesheet" media="all" href="http://*.ru/FreeBiz/css/style.css" /> </head> <body> <div id='header'> <div id='header-inner'> <div id='headerlinks'> <a href="prime.html">Main menu 1</a> </div> </div> </div> </body> </html> Как только задаю margin для ссылки, отступает не ссылка, а отступает сама шапка. Опять же, нет четкой ширины в 960px. Нет рабочей зоны. Как только задаю margin для ссылки, отступает не ссылка, а отступает сама шапка. Опять же, нет четкой ширины в 960px. Нет рабочей зоны.
-
А так wrapper же ограничен по ширине. Как тогда сама шапка будет повторяться по оси х?
-
<div id="header"> <div id="header-inner"> <!-- Здесь контент. И кнопочки тоже --> </div> </div> <div id='wrapper'> <!-- Здесь само содержание странички --> </div> Вот так?
-
А разве header-bg.png не будет повторяться по оси y, x ?
-
Нерабочий вариант.
-
У меня никакой результат. Просто посоветуйте, как это сделать. А то у меня ничего вообще не выходит. Я не знаю, как сделать, например, как тут www.dribbble.com. Видите, тут есть зона в 999px; на ней весь контент. И шапка и фон - повторяющиеся элементы. Как это сделать?
-
Меня осенило, а что если шапку сделать частью фона? Т.е. в html, body выставить повторяющийся по оси y элемент? И сделать его очень большим по высоте, чтобы хватило на любое разрешение. Хотя картинка будет грузиться долго. Или в html выставить шапку (повторящуюся по оси y), а в body сделать сам фон (нижнее продолжение) Попробовал, получилось фигово, т.е. ничего не получилось.
-
Здравствуйте. Начал верстку с шапки. Проблема, типичная для новичка. У меня не получается наложить сам контент (кнопочки и прочее, как на скрине) Как сделать так, чтобы на саму шапку (повторяющийся элемент во всю длину монитора) наложить вот эти кнопочки и т.д., как будто это wrapper? Чтобы была рабочая зона. Заранее благодарю!
-
Ну вот это и есть вся страничка, весь код я разместил. /* CSS Document */ html, body { margin: 0; height: 100%; color: #b48788; font-family: Tahoma, Arial, Vernada; font-size: 11px; background: url(images/bg.jpg) repeat; } #wrapper { padding: 0px; height: 100% !important; width: 1000px; margin-left: auto; margin-right: auto; } img { border: 0px; } #sale { display:inline-block; margin-left: 390px; padding-top: 570px; height: 52 px; width: 166px; background: url(images/sale.png) no-repeat; } #sale:hover { margin-left: 390px; padding-top: 570px; height: 52 px; width: 166px; background: url(images/sale_h.png) no-repeat; } Сделал так и hover'овский эффект теперь только по оси у тянется вниз, примерно на 500 px.
-
Спасибо всем, а вот, NeoXidizer, как разместить кнопку в нужном мне месте?
-
Допустим, я хочу сделать стилизированную кнопку. Что я уже имею: Фон Кнопка в *png покоя Кнопка в *png hover Содержимое index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8"> <title>Титул</title> </head> <body> <div id='wrapper'> <div id='sale'> </div> </div> </body> </html> Содержимое style.css /* CSS Document */ html, body { margin: 0; height: 100%; color: #b48788; font-family: Tahoma, Arial, Vernada; font-size: 11px; background: url(images/bg.jpg) repeat; } #wrapper { padding: 0px; height: 100% !important; width: 1000px; margin-left: auto; margin-right: auto; } img { border: 0px; } #sale { margin-left: 390px; padding-top: 570px; background: url(images/sale.png) no-repeat; } #sale:hover { margin-left: 390px; padding-top: 570px; background: url(images/sale_h.png) no-repeat; } Но тут у меня сразу 2 проблемы! В скриншотах они ясны Первый скриншот, кнопка в покое Второй скриншот, кнопка hover Почему, когда я назначаю кнопке место, она просто сверху ровно по центру документа? И почему (главный вопрос), кнопка hover , когда мышка в почти любой области документа, а не только на самой картинке? Размер картинки (кнопки) 166х52 в покое и 166х52 hover. Благодарю!
-
Огромное спасибо!
-
Здравствуйте, у меня очень смешная проблема с блочной версткой. Я хочу сделать заглушку для сайта, после чего потихоньку начать разработку, совмещая все это с заказами. (я не верстальщик, а дизайнер, но в основном хочу стать веб-программистом и уже начал делать прогресс, активно учусь). Задача, которую я себе поставил: Сделать repeat - фон - сделано. Сделать картинку (800х800) и разместить ее относительно Wrapper - тут-то и проблема. Код таков (index.html): <body> <div id='wrapper'> <div id='promo'> </div> </div> </body> В css: #wrapper { height: auto !important; width: 1000px; margin-left: auto; margin-right: auto; } img { border: 0px; } #promo { height: 100%; width: 100%; background: url(images/promo.png) no-repeat; } В данном случае у меня появляется только репитный фон (со свойства html, body) и все, картинки нет. Стоит только сделать так: <body> <div id='promo'> </div> </body> Картинка появляется, я сначала думал, что проблема в Wrapper (что и подозреваю до сих пор) А теперь попробовал в первоначальном индексном коде заменить название wrapper на любое другое и то же самое выходит, фон есть, картинки нету. Прошу помочь, заранее благодарен.