+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: :before , : after (/thread-before-after)
:before , : after - elvispk - 21-01-2011
mam cos takiego:
<html>
<div id="box1" style="top:0px;left:490px;">
<a style="position: absolute;top:55px;left:45px;" id="link1" href="#">Home</a></li>
</div>
<css>
#box1:before{
position:relative;
background: transparent url(../images_site/image.png) no-repeat top left;
background-position: -30px 0;
display: block;
height: 120px;
border: none;
line-height: 0.1;
content: url(../images_site/rounded/top-right.png);
}
#box1:after {
position:relative;
content: url(../images_site/rounded/bottom-right.png);
display: block;
margin: -30px 30px -1px 30px;
}
problem jest nastepujacy:
chodzi mi o zaokraglone rogi z prawej strony diva, nie wiem czemu ale content ustawia obrazek (moj zaokraglony rog) zawsze po lewej stronie i nie wei mczy jest jakas opcja zeby zrobic inne polozenie..(moje background jest ustawione w prawym rogu) takze jak chce zaokraglic rogi z lewej strony diva wszystko jest ok, problem pojawia sie jak chce zrobic na odwrot (opcja margil-left przesuwa cale tlo), znaczy sie backgraund dac z lewej strony a zaokraglony rog z prawej .. jak mozecie to zerknijcie na to okiem i dajcie znac .. z gory dzieki .. pozdrowienia
RE: :before , : after - Pedro84 - 21-01-2011
Eeeee....po co się w coś takiego bawisz?
RE: :before , : after - elvispk - 21-01-2011
(21-01-2011, 10:44)Pedro84 napisał(a): Eeeee....po co się w coś takiego bawisz?
hej chce zrobic fajna nawigacje w javascript .. chodzi mi wlasciwie o to zeby w jednym divie zmiescic tlo i zaokraglane narozniki tak zeby po nacisnieciu przycisku robil sie z tego fajny rozciagniety box (tlo bedzie schowane w divie, a po zmianie wielkosci okienka to bedzie robilo fajne wrazenie).. boxow bedzie 4 i chce zeby z zewnetrznej strony byly zaokraglone rogi (a pozatym, chcialbym sie dowiedziec na przyszlosc jak to sie robi poki css3 nie zagosci na dobre) .. nie wiem czy to dokladnie wyjasnilem ale mam nadzieje ze skumacie o co mi chodzi .. pozdrowienia PS: tak na marginesie nie wiem czy sie do tego dobrze zabieram ale poszukalem juz troche i z moich testow juz wiem ze behavior nie dziala z tym skryptem co niby hakuje ie .. owszem hakuje ale uniemozliwia tez zmiane rozmiaru i animacje z poziomu javascript .. a w zagniezdzone divy tez sie nie chce bawic bo niezle zamiesza mi w kodzie .. takze jak macie jakies pomysly to prosze o pomoc .. dzieki
RE: :before , : after - Pedro84 - 21-01-2011
Boże...używaj interpunkcji.
Jak chcesz zrobić zaokrąglone rogi to czemu nie border-radius?
RE: :before , : after - elvispk - 21-01-2011
(21-01-2011, 12:17)Pedro84 napisał(a): Boże...używaj interpunkcji.
Jak chcesz zrobić zaokrąglone rogi to czemu nie border-radius?
oooo czemu o tym nie pomyslalem
no jasne bo nie zadziala w ie!!!
RE: :before , : after - Pedro84 - 21-01-2011
Dla IE np. CSSPie.