X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
> В чем ошибка?
HukcoH
HukcoH
Topic Starter сообщение 18.12.2008, 16:42; Ответить: HukcoH
Сообщение #1


Имея рис. 1 (фон) и имея рис. 2 (лого), задача отцентровать рис. 2 . Команда background-position: 50% 50%; не работает

<html>

<head>
<title></title>
</head>

<body>
<link rel="stylesheet" type="text/css" href="styles.css">
<img src="image/logo.gif" id="logo" alt="logo" title="&copy;">


</body>

</html>


[PHP]
body {
background: url("001.gif");
}
img#logo {
position: absolute;
background-position: 50% 50%;
}

[/PHP]

Ошибка где то в HTML, подскажите?!?!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 18.12.2008, 16:48; Ответить: pomp
Сообщение #2


link на файл стиля ставиться между тегами <head></head>, а не после <body>:sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HukcoH
HukcoH
Topic Starter сообщение 18.12.2008, 16:54; Ответить: HukcoH
Сообщение #3


(pomp @ 18.12.2008, 18:48) *
link на файл стиля ставиться между тегами <head></head>, а не после <body>:sarcastic:


Собственно от перестановки... стиль то он читает а эфект не достигнут
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 18.12.2008, 17:04; Ответить: pomp
Сообщение #4


<div align="center"><img src="image/logo.gif" id="logo" alt="logo" title="&copy;"></div>


В вашем варианте:
img#logo {
position: absolute;
background-position: 50% 50%;
}

ничего не дает, так как картинка не стоит в качестве background, и свойство background-position ее не отцентрует.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HukcoH
HukcoH
Topic Starter сообщение 18.12.2008, 17:09; Ответить: HukcoH
Сообщение #5


(pomp @ 18.12.2008, 19:04) *
<div align="center"><img src="image/logo.gif" id="logo" alt="logo" title="&copy;"></div>


В вашем варианте:
img#logo {
position: absolute;
background-position: 50% 50%;
}

ничего не дает, так как картинка не стоит в качестве background, и свойство background-position ее не отцентрует.


Каким образом тогда применить значение background в рис 2 чтобы ее можно было отцентровать 50% 50%
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kvex
kvex
сообщение 18.12.2008, 17:13; Ответить: kvex
Сообщение #6


(HukcoH @ 18.12.2008, 18:42) *
Имея рис. 1 (фон) и имея рис. 2 (лого), задача отцентровать рис. 2 . Команда background-position: 50% 50%; не работает

<html>

<head>
<title></title>
</head>

<body>
<link rel="stylesheet" type="text/css" href="styles.css">
<img src="image/logo.gif" id="logo" alt="logo" title="&copy;">


</body>

</html>
[php]
body {
background: url("001.gif");
}
img#logo {
position: absolute;
background-position: 50% 50%;
}

[/php]Ошибка где то в HTML, подскажите?!?!



Что значит "отцентрировать" ?
Свойство background-position задает положение бекграунда элемента.На элемент img#logo бекграунд у Вас не задан.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HukcoH
HukcoH
Topic Starter сообщение 18.12.2008, 17:16; Ответить: HukcoH
Сообщение #7


Хорошо, тогда как задать это свойство к img#logo
или
какой использовать метод к рис 2 чтобы получить эфект центрования 50% от верха 50% c лева?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kvex
kvex
сообщение 18.12.2008, 17:19; Ответить: kvex
Сообщение #8


(HukcoH @ 18.12.2008, 19:16) *
Хорошо, тогда как задать это свойство к img#logo

Если я правильно понимаю то что Вы хотите сделать, то

img#logo{
width:100px;
height:100px;
position:absolute;
left:50%;
top:50%;
margin:-50px 0 0 -50px;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
HukcoH
HukcoH
Topic Starter сообщение 18.12.2008, 17:26; Ответить: HukcoH
Сообщение #9


(kvex @ 18.12.2008, 19:19) *
img#logo{
width:100px;
height:100px;
position:absolute;
left:50%;
top:50%;
margin:-50px 0 0 -50px;
}


В данном случае центрует от 0 значения рис. а хочется добиться чтобы центровал от его середины :sarcastic:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
pomp
pomp
сообщение 18.12.2008, 17:27; Ответить: pomp
Сообщение #10


Не могу понять чего вы хотите добиться) :sarcastic:

может такой вариант:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style>
body {
background-image: url(image/001.gif);
}
#main {
position: absolute;
background-image: url(image/logo.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
</style>
</head>
<body>
<div id="main">
<!-- картинка отображаеться в этом блоке как фон -->
</div>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
4 страниц V   1 2 3 4 >
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Чем принимать драм или доллар
драм - национальная валюта Армении
2 GigArt 1290 1.4.2022, 19:17
автор: GigArt
Открытая тема (нет новых ответов) Чем монетизировать посетителей без определенной тематики и широким гео?
16 Mansurka 3082 11.7.2021, 15:25
автор: kuprum
Открытая тема (нет новых ответов) Чем просканировать файлы сайта на предмет бэкдоров?
вдруг где-то внутри wp-includes шелл
3 coremission 2148 7.6.2019, 12:41
автор: bekett
Открытая тема (нет новых ответов) Вечные ссылки в статьях дешевле чем на биржах.
3 byleonid 2131 7.3.2019, 11:21
автор: Bizota
Открытая тема (нет новых ответов) Clicklead.ru — больше, чем cpa сеть! гемблинг, беттинг, финансы, нутра, дейтинг, WOW!
4 Clicklead_sf 3387 20.1.2019, 21:53
автор: -Clicklead-


 



RSS Текстовая версия Сейчас: 29.3.2024, 9:26
Дизайн