Re: CSS - wstrzykiwanie kodu - Grupy dyskusyjne w eGospodarka.pl

eGospodarka.pl › Grupy › pl.comp.www › CSS - wstrzykiwanie kodu › Re: CSS - wstrzykiwanie kodu

Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
From: Mirosław Zalewski <miniopl@CUT_THIS.gmail.com>
Newsgroups: pl.comp.www
Subject: Re: CSS - wstrzykiwanie kodu
Date: Wed, 28 Dec 2011 20:43:54 +0100
Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
Lines: 49
Message-ID: <jdfrhq$im4$1@inews.gazeta.pl>
References: <3syy894i2wm3$.14p0hvlukcelk$.dlg@40tude.net>
<jdesa7$70g$1@inews.gazeta.pl> <jdevbv$gms$1@inews.gazeta.pl>
<v26g0px6gzi8$.qi9pfgcdutdl.dlg@40tude.net>
Reply-To: m...@g...com
NNTP-Posting-Host: acts101.neoplus.adsl.tpnet.pl
Mime-Version: 1.0
Content-Type: text/plain; charset="UTF-8"
Content-Transfer-Encoding: 8Bit
X-Trace: inews.gazeta.pl 1325101434 19140 83.11.72.101 (28 Dec 2011 19:43:54 GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Wed, 28 Dec 2011 19:43:54 +0000 (UTC)
X-User: miniopl
User-Agent: KNode/4.4.11
Xref: news-archive.icm.edu.pl pl.comp.www:400059
[ ukryj nagłówki ]
środa, 28 grudnia 2011 18:38 wielka mądrość na czytelników pl.comp.www
spłynęła, gdy tako rzekł(a) Marek:

> Znaczników potrzebuję. Mam pewien box (table-cell), który po najechaniu
> myszką ma zyskać strzałkę po prawej stronie na zewnątrz. Więc muszę
> umieścić 2 DIVy zagnieżdżone.

Ale czym różni się div w kodzie HTML od pseudoelementu CSS, któremu możesz
nadać wszelkie możliwe właściwości (włącznie z rozmiarami, pozycjonowaniem
i tłem)?

Czy poniższy przykład nie jest mniej więcej tym, co chcesz osiągnąć?
Oczywiście wymaga on dopracowania, ale chodzi o przedstawienie ogólnej
zasady działania.

<!DOCTYPE html>
<html>
<head>
<meta charset=utf8>
<style>
ul {
background-color: green;
width: 200px;
}
li {
display: table-cell;
background-color: yellow;
width: 200px;
}
li:hover span::after {
content: "->";
font-size: 200%;
background-color: red;
position: relative;
top: 0;
left: 60px;
}
</style>
</head>
<body>
<ul>
<li><span>Jakaś tam treść</span></li>
<li><span>Jakaś tam treść</span></li>
</ul>
</body>
</html>
--
Niżej podpisany, zamieszkały w http://minio.xt.pl ,
Mirosław Zalewski