| |
|
|
| | Опираясь на идею http://softtime.ru/forum/read.php?id_forum=4&id_theme=84183, попытался сделать вывод через css.
Не работает!
Код такой:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Проба скрипта</title>
<style type="text/css">
#logo{
content: "Переход на главную страницу";
content: url(logo.gif);
float:center;
width:228px;
height:228;
}
</style>
</head>
<body>
<p>Первая строка</p>
<p>Вторая строка</p>
<div id="logo"></div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(09.03.2012 в 13:22)
| | | float:center; - такого не бывает. Бывает left, right либо none
А у content немного другое назначение. Я им не пользовался, честно говоря. Но можете о нем более подробно почитать вот тут.
Даже если предположить что для этого можно использовать content, то вы его определяете:
content: "Переход на главную страницу";
и тут же переопределяете:
content: url(logo.gif); | |
| |
|
|
| |
|
|
| |
для: Sfinks
(09.03.2012 в 14:07)
| | | В идеале я хотел через css организовать дело так, чтобы вот здесь
выводилась ссылка с логотипа, код которой
<p align="center"><a href="/"><img src="logo.gif" width="228" height="228" alt="На главную" /></a></p>
|
Может быть, это в принципе невозможно? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(09.03.2012 в 16:21)
| | | Вставить картинку - легко.
Вставить какие-либо теги - не возможно. Вернее возможно, но они просто отобразятся как текст. Но никак не выполнятся. Даже если попытаться подсунуть Юникод (#logo:before{content: '\3C hr /\3E';}), то он его преобразует в <hr /> и выведет как есть.
Так что пока что я не вижу решения. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(10.03.2012 в 02:16)
| | | Как вставить картинку? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.03.2012 в 02:26)
| | |
#logo:before{
content: url(logo.jpg);
}
|
но изменить ее размеры не получится, т.к. width и height будут относиться не к картинке, а к мнимому блоку :before который создается перед элементом <div id='logo'> | |
| |
|
|
| |
|
|
| |
для: Sfinks
(10.03.2012 в 02:38)
| | | Не работает в ИЕ (версия 8).
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Проба вывода графического файла</title>
<style type="text/css">
#logo:before{
content: url(logo.gif);
}
</style>
</head>
<body>
<div id="logo"></div>
</body>
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.03.2012 в 12:17)
| | | Ничего на счет ИЕ не знаю. Вроде должно работать. Но можно вывести картинку фоном, в таком случае
#logo{
position: relative;
width: 400px;
height: 400px;
left: 100px;
top: 100px;
background-image: url(logo.jpg);
}
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(10.03.2012 в 12:17)
| | | как вставить картинку для ie можно прочитать в этой статье
http://habrahabr.ru/blogs/css/115834/
<div id="second">123</div>
#second {
position: relative;
padding-left: 20px;
background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '<img alt="" src="sprite.png">'+this.innerHTML);
}
#second:before,
#second img {
content: url(sprite.png);
position: absolute;
top: 3px;
clip: rect(0 30px 15px 15px);
left: -15px; /* to offset the clip value */
_left: -35px; /* some massaging for IE 6 */
}
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(11.03.2012 в 08:58)
| | | Начинаю понимать, какую проблему создает Explorer (с Explorer 8 это тоже не работает).
А если со временем появится Explorer 10 своими правилами и станет популярным, придется все сайты модернизировать под него? | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.03.2012 в 12:15)
| | | в ie8 работает чистый :before
код модернизировать не придется.
если у вас не работает - проверьте правильность пути к картинке | |
| |
|
|
| |
|
|
| |
для: Владимир55
(11.03.2012 в 12:15)
| | | вообще уже 9ый довольно адекватный. так что есть надежда что 10 будет вообще нормальным ) | |
| |
|
|
