Hum9k
-
Posts
7 -
Joined
-
Last visited
Hum9k's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо за помощь, я только что сам понял что моя опера, по непонятным мне причинам отображала сайт как ей самой хотелось. Проверил сейчас в гугл хром - всё верно работает.
-
к сожалению нет, всё осталось как и прежде - фон по центру, надпись в левом верхнем углу края браузера(
-
Подскажите, как сделать чтобы блоки позиционировались относительно картинки фона, которая закреплена по центру, а не от края браузера? Всё делал как в инструкции на этом сайте, но это не сработало - в чем же проблема? <div class="mainfon"> <div class="logo1"> надпись </div> </div> body { background-color:#FFF; margin:0px; padding:0px} div { display:block} .mainfon { height:925px; width:1365; background-image:url(images/mainfon.jpg); background-repeat:no-repeat; background-position:center} .logo1 { position: absolute; width:222px; height:25px; border:#F00 solid 1px}
-
Очень прошу помочь. Фон - цвет, на нем div блок (на котором и располагается вся информация) - это картинка размером 1600х1200px, она находится по центру. При просмотре сайта на меньших разрешениях монитора, картинку, в зависимости от разрешения, начинает обрезать, а приближение ведется к левому верхнему краю самой картинки. Вопрос в том что я хочу чтобы при приближении (или просмотре сайта на маленьком разрешении монитора) картинка бы обрезалась слева и справа (т.е. приближение велось на к краю картинки, а прямо к её центру), т.к. вся информация закреплена по центру этой картинки.Как это сделать? Вот CSS body { background-color:#000; margin:0px; padding:0px} .fon { width:1600px; height:1200px; background-image:url(images/fon.jpg); background-repeat:no-repeat; margin:0 auto} Вот HTML <body> <div class="fon"> <много блоков> </div> </body>
-
У нас фон - картинка без повторения, поэтому недостающее место заполняется обычным цветом. Сама картинка фона при любых обстоятельствах находится в центре. body {background-image:url(images/fon.jpg); background-position:center; background-repeat:no-repeat} Так вот далее - любое добавление элемента (добавляю div'ы) - определяет начальное положение от границы края окна браузера. Как мне заставить любое добавление начинать своё положение именно от границы картинки, а не края браузера? И чтобы при уменьшение/увеличении размеров окна браузера - картинка или текст всегда имели четкое положение по отношению к картинке основной?
-
Большое спасибо, всё работает
-
Собственно решил выбрать верстку своим хобби. Изучил основы, почитал разные сайты, решил пробовать и натолкнулся на проблему решение которой я не смог найти к сожалению( Проблема очень простая, прошу не смеяться. Надо выстроить все 3 картинки в ряд, по горизонтали, незнаю как это сделать, они получаются одна на другой. <html xmlns="http://www.w3.org/1999/xhtml"> <link rel="stylesheet" type="text/css" href="Style.css" /> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Название</title> </head> <body> <div class="head"> <div class="tablehead1"> </div> <div class="tablehead2"> </div> <div class="tablehead3"> </div> </div> </body> </html> CSS body { background: #CF0 } .tablehead1 { background-image:url(images/head1.gif); display:block; margin: auto; height: 25px; width: 20px; } .tablehead2 { background-image:url(images/head2.gif); margin: auto; height: 25px; width: 500px; } .tablehead3 { background-image:url(images/head3.gif); height: 25px; margin: auto; display:block; width: 20px; }