+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Pytanie laika (CSS) (/thread-pytanie-laika-css)
Pytanie laika (CSS) - sz4kal - 24-01-2010
Witam
Jestem jeszcze zielony z CSS i ciągle się go uczę.
Mam problem mianowicie
chciałbym dodać do pliku CSS odnośnik do innego pliku CSS:
.blog .article_row {
position:relative;
overflow:hidden;
border: <-- tutaj chciałbym aby pobierał styl z innego pliku CSS.
padding:9px 9px 0 9px;
margin-top:9px;
background:#F0F0F0}
Czy mógłby mi ktoś chociaż troszeczkę pomóc ?
Dokładnie chodzi mi o to, że w tym drugim pliku Css będzie styl ramki.
Efekt końcowy chciałbym uzyskać taki, żeby pisząc nowy artykuł (cms joomla) był on w ramce.
Udało mi się zrobić już ramkę innym sposobem za pomocą
moz-box-shadow ale sposób działa tylko na mozilli i safari Sad
Dziękuje z góry za pomoc !!
RE: Pytanie laika (CSS) - stachel94 - 25-01-2010
W html wczytujesz dwa pliki css. Tylko jedna uwaga. Jeżeli tutaj masz klase .blog .article_row to i w tym drugim pliku css musi być taka sama klasa. Ale jak dla mnie to bez sensu umieszczać dwa pliki css.
RE: Pytanie laika (CSS) - sz4kal - 25-01-2010
Dzięki za pomoc.
To w takim razie jak zrobić, żeby w zamiast parametru border-style nadać ramce swój styl dokładnie taki:
Kod:
#liquid-round {
width:70%;
margin:0px auto;
background:#fff url(http://www.search-this.com/rounded/leftside.gif) repeat-y left top;
}
.top {
width:100%;
height:20px;
background:url(http://www.search-this.com/rounded/top.gif) no-repeat left top;
}
.top span {
display:block;
position:relative;
height:20px;
background:url(http://www.search-this.com/rounded/top-right.gif) no-repeat right top;
}
.center-content {
position:relative;
background:url(http://www.search-this.com/rounded/rightside.gif) repeat-y right top;
padding:1px 20px 1px 25px;
margin:-1px 0 -50px 0;
}
.bottom {
height:60px;
background:url(http://www.search-this.com/rounded/bottom.gif) no-repeat left bottom;
}
.bottom span {
display:block;
position:relative;
height:60px;
background:url(http://www.search-this.com/rounded/bottom-right.gif) no-repeat right top;
}