Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html + css] "dostosowanie" strony do przeglądarki (?), na FF jest prawie dobrze - na IE... kicha
roobik
post
Post #1





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Witam!
Postanowiłem się nieco "pobawić" w przezroczyste napisy na zdjęciach:
Kod
<style>
P.photo {
    FONT-SIZE: 10px; FLOAT: left; MARGIN: 1px 0px 1px 1px; POSITION: relative
}
P.photo A {
    COLOR: red
}

P.photo SPAN.box {
     WIDTH: 170px; BACKGROUND: url(OBRAZKI/tlo_gray.png); FILTER: Alpha(Opacity=10)
}


P.photo SPAN.links {
    DISPLAY: block; PADDING-TOP: 1px
}
.photo STRONG {
    DISPLAY: block; FONT-SIZE: 120%; PADDING-BOTTOM: 2px
}
.photo SPAN {
    BACKGROUND-COLOR: url(OBRAZKI/tlo_gray.png) FILTER: Alpha(Opacity=90); WIDTH: 150; HEIGHT: 35; PADDING-RIGHT: 1px; PADDING-LEFT: 0px; LEFT: 1px; PADDING-BOTTOM: 3px; BOTTOM: 3px; PADDING-TOP: 2px; POSITION: absolute
}
</style>



<TABLE width=585 border=1 align=center vAlign=top>
<tr>
<td width=180 align=center>
<DIV>
<P class=photo><A href="111"><IMG  height=130
alt=""
src="OBRAZKI/!testowy.jpg"
width=170><BR></A><SPAN class=box><A href="222"><STRONG>TYTUŁ</STRONG><BR>TEKST</A></SPAN></P>
</DIV>
</td>
</tr>
</table>


częśćjest "zapożyczona" z interii. Celem jest, by zdjęcie miało efekt taki, jaki jest właśnie na interii na stronie głównej ("Warto zobaczyć")
Czy mógłby mnie ktoś naprowadzić co mam źle, że IE tego nie widzi, a na FF i Operze jest niemal ok?

Próbowałem czegoś takiego:
Kod
<script type="text/javascript">

function _opacity(id, o) {
  var obj = document.getElementById(id).style;
  obj.MozOpacity = (o / 100); // Mozilla i FireFox
  obj.KhtmlOpacity = (o / 100); // Safari < 1.2
  obj.opacity = (o / 100); // Safari 1.2, nowszy FireFox i Mozilla
  obj.filter = "alpha(opacity=" + o + ")"; // Internet Explorer
}

</script>


ale to nic nie dało...
Pomóżcie proszę... (IMG:http://forum.php.pl/style_emoticons/default/sadsmiley02.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
roobik
post
Post #2





Grupa: Zarejestrowani
Postów: 410
Pomógł: 5
Dołączył: 25.01.2005
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


W css-ie nie siedzę prawie w ogóle - proszę o wyrozumiałość (w domyśle: za takie "głupie" pytania). Zrobiłem tak jak poleciłeś. Prawie jest ok. Prawie (robie wielką różnicę (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) bo pod innymi niż IE to wszystko ładnie śmiga, lecz z tego co widzę internautów, którzy używają IE jest prawie 70%, a nie chcę zrobić strony "tylko pod coś tam oby to nie był IE)...
Więc prawie wszystko, bo pod IE nie ma efektu przezroczystości.

Cytat(tommy4)
Nie wiem dokładnie o co ci chodzi z tą interią

Na ich stronie głównej jest to największe zdjęcie (jako pierwszy news). Zakładka "Warto zobaczyć". Nie piszę dokładnie, ponieważ co jakiś czas to się zmienia (teraz - gdy to piszę - są to superjedynki)

BTW:
Cytat(tommy4)
Możesz zobaczyc tutaj: http://tommy4.gtacartel.com

Twoja stronka jest w budowie.... (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

//EDIT
Poradziłem sobie jakoś... jest już tak jak chciałem. Szybko się uczę (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Jednego jeszcze nie wiem: gdzie zmienić aby "Jakiś text" (i to dosłownie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) ) był na dole, a nie u góry?

Ten post edytował roobik 28.05.2007, 21:12:45
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 18.10.2025 - 01:54