Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: znow roznice firefox & IE
Forum PHP.pl > Forum > Po stronie przeglądarki
trucksweb
30.08.2005, 15:32:39
czy ktos moze mi powiedziec, wyjasnic, poprawic ten oto blad?? :http://www.polskiedrogi.com.pl/test/index.php
chodzi o to, ze firefox zle sklada to poziome menu podczas gdy ie sobie z tym radzi. drugi problem to rozwalone menu pod ie gdy w lewej czesci nie ma tekstu a jest duzo w prawej sad.gif
desperat prosi o pomoc sad.gif ja juz wysiadam z tym......

//kod moge podeslac zainteresowanym....
php programmer
30.08.2005, 15:48:02
mam podobny problem na
http://www.dotacje.infopap.pl
w IE jest ok, ale FF przerzuca mi ostanie menu o nazwie "kontakt" na dół
popo
30.08.2005, 17:46:04
radze zastosowac ten sam sposob ktory juz na tym forum kilka razy podawalem

btw to ie ma problem nie ffox

poszukac exclamation.gif!

http://forum.php.pl/index.php?showtopic=34782&hl=

coprawda pytanie bylo nieco inne ale css ktory tam zapodalem rozwiazuje problem obramowania i padding

pozdrawiam snitch.gif
trucksweb
30.08.2005, 17:52:56
nic nie dalo:(
php programmer
31.08.2005, 22:33:10
Cytat(popo @ 2005-08-30 16:46:04)
btw to ie ma problem nie ffox

Tak na chłopski rozum, to problem ma chyba ta przeglądarka,
w której źle się wyświetla, a nie ta, w której się dobrze wyświetla !
revyag
1.09.2005, 07:17:24
Pokaż kod samego pociętego menu.
matid
1.09.2005, 07:37:04
Cytat(php programmer @ 2005-08-31 23:33:10)
Tak na chłopski rozum, to problem ma chyba ta przeglądarka,
w której źle się wyświetla, a nie ta, w której się dobrze wyświetla !

Problem ma ta przeglądarka, która źle wyświetla to, co powinna wyświetlać dobrze, a dobrze wyświetla to, czego nie powinna. (czytaj: IE)

--
Post nr 400!
php programmer
1.09.2005, 08:35:47 
[HTML] pobierz, plaintext 
  1. <div>
  2. <A href="index.php" class="menu">Start</A>
  3. <A href="firma.php" class="menu">Firma</A>
  4. <A href="dotacje.php" class="menu">Dotacje</A>
  5. <A href="porady.php" class="menu" >Porady</A>
  6. <A href="cennik.php" class="menu">Cennik</A>
  7. <A href="pytania.php" class="menu">Pytania</A>
  8. <A href="linki.php" class="menu">Linki</A>
  9. <A href="kontakt.php" class="menu">Kontakt</A>
  10. </div>
[HTML] pobierz, plaintext

************************************
[HTML] pobierz, plaintext 
  1. .menu{
  2. color: white;
  3. font-weight:bold;
  4. padding: 3;
  5. width: 12.5%;
  6. background-color:navy;
  7. text-align:center;
  8. border: 1px solid silver;
  9. text-decoration:none;
  10. float:left;
  11. }
  12. .menu:hover{
  13. background-color:blue;
  14. }
[HTML] pobierz, plaintext

Ale proszę do takiej ilości kodu używać BBCODE
----
nospor
trucksweb
1.09.2005, 08:46:05
dzieki php programmer- tak mniej wiecej wyglada ten kod, ale i tak nie dziala sad.gif
revyag
1.09.2005, 08:57:45
To jest kod tego menu questionmark.gif Chyba nie. Na stronie masz to wsadzone w tabelki i do tego są obrazki.
php programmer
1.09.2005, 09:22:06
do: revyag
tabelki są dopiero pod menu wsadzone,
a menu to ten niebieski rząd z 8 bodajże elementami

do: rucksweb
wiem, że nie działa, dlatego napisałem tu posta,
bo mam taki sam problem jak ty
revyag
1.09.2005, 09:29:51
Pisałem to do @trucksweb. Chciałem żeby pokazał kod swojego menu. Taki jak mu generuje program, który tnie te obrazki. snitch.gif
pabbito
1.09.2005, 10:01:16
Cytat(php programmer @ 2005-08-30 16:48:02)
mam podobny problem na
http://www.dotacje.infopap.pl
w IE jest ok, ale FF przerzuca mi ostanie menu o nazwie "kontakt" na dół

Przede wszystkim ustaw sobie jakiś DOCTYPE na stronie, bo inaczej IE pracuje w trybie quirk a to nie pomaga ujednolicić wyglądu w wielu przeglądarkach. Potaem poczytaj o box-model i hackach które pozwalają obejść różnice.
A dla testu wyrzuć na chwilę wszelkie padding i border i powinieneś zobaczyć różnice. Wynika ona właśnie z różnych modeli boxu w IE i mozzillopodobnych. Jedno włicza padding i border do całkowitej szerokości a inne powiększa szerokość o padding i border. Z resztą to samo tyczy sie wysokości.
EDIT:
A teraz dokładniej
[HTML] pobierz, plaintext 
  1. #body{
  2. width: 756px;
  3. height: 544px;
  4. border: 1px solid silver;
  5. }
[HTML] pobierz, plaintext

U jednych przeglądarkach width to 756 a w innych 756+2

A spróbuj zmienić tak
[HTML] pobierz, plaintext 
  1. #body{
  2. width:758px; \width:756px; w\idth:758px;
  3. height: 544px;
  4. border: 1px solid silver;
  5. }
[HTML] pobierz, plaintext

I dodaj doctype np:.
Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

I sprawdz wygląd też w IE5, tam sa największe wariactwa;)
php programmer
1.09.2005, 10:06:13
Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

PS. Jakie będę miał realne korzyści z ustawienia DOCTYPE,
co mi to właściwie da?
mike
1.09.2005, 10:13:05
Cytat(php programmer @ 2005-09-01 10:06:13)
Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

Tak, możesz tak zrobić.

Na przykład w bardzo prosty sposób, używając Conditional Comments for Internet Explorer:
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" type="text/css" href="style.css" />
  2.   <!--[if IE]>
  3.   <link rel="stylesheet" type="text/css" href="style_IE_fix.css" />
  4.   <![endif]-->
[HTML] pobierz, plaintext
php programmer
1.09.2005, 10:19:35
Cytat(mike_mech @ 2005-09-01 09:13:05)
[HTML] pobierz, plaintext 
  1. <link rel="stylesheet" type="text/css" href="style.css" />
  2.   <!--[if IE]>
  3.   <link rel="stylesheet" type="text/css" href="style_IE_fix.css" />
  4.   <![endif]-->
[HTML] pobierz, plaintext


a dlaczego pierwszego stylu nie objąłeś if'em?
Czy to nie będzie wtedy tak, że jak jest IE to bedzie chciał jakoś naraz dać dwa style?
mike
1.09.2005, 10:29:41
1. To jest tak, że łądujesz jeden plik ze stylami który jest główny (zawiera wiadomo wszystkie style, klasy, ...).
2. Potem jeżeli jest IE to on ładuje sobie ponadto drugi plik ze stylami.
3. I teraz Uwaga! W tym drugim pliku nie deklarujesz zestawu wszystkich styli dla całej witryny. Tylko nadpisujesz problematyczne dla IE klasy (zawierające np.: paddingi - widomo że IE inaczej je interpretuje) a te które IE rozumie dobrze zostają wzięte z pierwszego pliku.
php programmer
1.09.2005, 10:33:32
OK czyli rozumiem, że jak w drugim pliku zadeklaruję
style, które wystąpiły już w pierwszym pliku,
to te wcześniejsze style zostają przesłonięte.
mike
1.09.2005, 10:35:34
Cytat(php programmer @ 2005-09-01 10:33:32)
OK czyli rozumiem, że jak w drugim pliku zadeklaruję
style, które wystąpiły już w pierwszym pliku,
to te wcześniejsze style zostają przesłonięte.

Tak. Dokładnie o to chodzi.
Można w ten właśnie sposób "naprawiać błędy badzIEwia". winksmiley.jpg
pabbito
1.09.2005, 10:40:02
Cytat(php programmer @ 2005-09-01 11:06:13)
Skoro te przeglądarki inaczej interpretują bordery to moze zrobić
po dwa style (jeden dla IE drugi dla FF)
i w zależności od wykrytej przeglądarki włączyć odpowiedni styl, tak?

PS. Jakie będę miał realne korzyści z ustawienia DOCTYPE,
co mi to właściwie da?

Tutaj jest ładnie wyjaśnione http://hsivonen.iki.fi/doctype/

A w skrócie chodzi o to, bardziej właściwe jest tworzenie zgodnie ze standardami W3C. Trudniej o nieprzewidziane zachowania przeglądarek, chociaż trochę ich jest. Niektóre przeglądarki mają mozliwoś włączania różnych trybów renderowania strony. Wyróżnia się tam tryb "standard" , "prawie standard", "quirk". DOCTYPE daje im sygnał w jakim trybie chcemy pracować, i czy bedziemy trzymać się zasad dla XHTML1.0 czy HTML4.01 czy jakiegoś innego. Dalej poprawny doctype pozwala skorzystać z walidatorów kodu (x)html.
Po włączeniu doctype do pracy w trybie standardu, nie powinno byc różnic pomiędzy IE6 i FF. Niestety np IE5 nie ma mozliwości pracy w trybie standardu, dlatego trzeba stosować róznego typu obejscia, których próbke pokazałem w edycji mojego poprzsedniego posta. Poza problemami z boxmodelem moga jeszcze pojawić się różnice w interpretacji "float" oraz w metodach środkowania elementów.

Hasła do przeszukania na google: doctype, quirk, box model, tantek hack
I jeszcze zbiór ciekawych artykułów na ten temat:http://www.positioniseverything.net/articles.html

To co podaje mike_mech oczywiście działa, ale nie jest konieczne. Można to wszystko rozwiazać w jednym pliku, właśnie poprzez odpowiednie hacki:) A plusy tego są takei ze niektóre z nich konieczne są też dla Opery, Netscape, IEMac. Nie trzeba wtedy dla każdej z tych przeglądarek robic osobnych css_fixów. A właściwie to nawet nie bardzo sie da bo te wyrażenie warunkowe działaja tylko dle IE.
.johnny
1.09.2005, 11:42:43
Mała rada na przyszłość (powiedzmy że bez związku z box modelem i błędami IE):
Cytat(php programmer @ 2005-09-01 09:35:47)
[HTML] pobierz, plaintext 
  1. <div>
  2. <A href="index.php" class="menu">Start</A>
  3. <A href="firma.php" class="menu">Firma</A>
  4. [...]
  5. </div>
[HTML] pobierz, plaintext

jak masz taki kod, zastąp go lepiej czymś tego typu:
[HTML] pobierz, plaintext 
  1. <div id="menu">
  2. <A href="index.php">Start</A>
  3. <A href="firma.php">Firma</A>
  4. [...]
  5. </div>
[HTML] pobierz, plaintext
i potem w CSS
Kod
#menu a { ... }
#menu a:hover { ... }
itp. Oszczędzisz trochę miejsca, poza tym wygodniej takim czymś zarządzać smile.gif
Poza tym proponowałbym bym Ci wybrać wielkość liter w znacznikach - albo wszystko małymi, albo wszystko wielkimi, a najlepiej małymi - uprościsz sobie ewentualne przejście na XHTML.
php programmer
1.09.2005, 17:46:50
Czy te if'y są poprawne także dla styli wewnętrznych?

Kod
<style ...>
a.menu { ... }
</style>
<!--[if IE]>

<style ...>
a.menu { ... }
</style>

  <![endif]-->
sf
1.09.2005, 17:53:49
robienie dwoch styli to jest syzyfowa praca wg mnie.. niebawem wyjdzie IE 7.0 i znow nowy styl zrobisz? :/ pozatym layout troche sie zmieni i bedziesz musial tu i tu i tu zmieniac style ;] robi sie design i kombinuje tak by pod obiema przegladarkami wygladalo dobrze na jednym stylu.. a uwierz mi, ze przy odrobinie wysilku da sie osgiagnac zadawalajce efekty winksmiley.jpg
trucksweb
1.09.2005, 18:01:17
podam kod calej tabelki:

[HTML] pobierz, plaintext 
  1. <table border="0" cellpadding="0" cellspacing="0" width="770">
  2.   <tr>
  3.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="14" height="8" border="0" ></td>
  4.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="5" height="1" border="0" ></td>
  5.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="16" height="1" border="0" ></td>
  6.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="18" height="1" border="0" ></td>
  7.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="62" height="1" border="0" ></td>
  8.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="3" height="1" border="0" ></td>
  9.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/espilon/images/spacer.gif" width="20" height="1" border="0" ></td>
  10.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="1" border="0" ></td>
  11.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="49" height="1" border="0" ></td>
  12.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="22" height="1" border="0" ></td>
  13.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="27" height="1" border="0" ></td>
  14.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="49" height="1" border="0" ></td>
  15.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="118" height="1" border="0" ></td>
  16.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="88" height="1" border="0" ></td>
  17.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="11" height="1" border="0" ></td>
  18.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="8" height="1" border="0" ></td>
  19.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="115" height="1" border="0" ></td>
  20.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="131" height="1" border="0" ></td>
  21.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="13" height="1" border="0" ></td>
  22.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="1" border="0" ></td>
  23.   </tr>
  24.   <tr>
  25.    <td colspan="2"></td>
  26.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c3.png" width="16" height="13" border="0" alt=""></td>
  27.    <td colspan="2" align="center" class="style3"><a href="http://www.epsilon.net.pl">strona gł&oacute;wna </a></td>
  28.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c6.png" width="3" height="13" border="0" alt=""></td>
  29.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c7.png" width="20" height="13" border="0" alt=""></td>
  30.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c8.png" width="1" height="13" border="0" alt=""></td>
  31.    <td colspan="2" align="center"><a href="http://www.epsilon.net.pl/mapa%20strony" class="style3"> mapa strony </a></td>
  32.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c11.png" width="27" height="13" border="0" alt=""></td>
  33.    <td align="left"><a href="http://www.epsilon.net.pl/index.php?option=com_contact&Itemid=3" class="style3">kontakt</a></td>
  34.    <td colspan="4"></td>
  35.    <td rowspan="2" colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c17.png" width="246" height="43" border="0" alt=""></td>
  36.    <td rowspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r2_c19.png" width="13" height="43" border="0" alt=""></td>
  37.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="13" border="0" alt=""></td>
  38.   </tr>
  39.   <tr>
  40.    <td colspan="16"></td>
  41.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="30" border="0" alt=""></td>
  42.   </tr>
  43.   <tr>
  44.    <td colspan="16"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r4_c1.png" width="511" height="6" border="0" alt=""></td>
  45.    <td colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r4_c17.png" width="246" height="6" border="0" alt=""></td>
  46.    <td rowspan="2"><img border="0" src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r4_c19.png" width="13" height="8"></td>
  47.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="6" border="0" alt=""></td>
  48.   </tr>
  49.   <tr>
  50.    <td rowspan="2" colspan="16" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r5_c1.png">&nbsp;</td>
  51.    <td rowspan="5" colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r5_c17.png" width="246" height="142" border="0" alt=""></td>
  52.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="2" border="0" alt=""></td>
  53.   </tr>
  54.   <tr>
  55.    <td rowspan="3"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r6_c19.png" width="13" height="132" border="0" alt=""></td>
  56.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="24" border="0" alt=""></td>
  57.   </tr>
  58.   <tr>
  59.    <td rowspan="2" colspan="4" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r7_c1.png">&nbsp;</td>
  60.    <td colspan="9"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r7_c5.png" width="351" height="92" border="0" alt=""></td>
  61.    <td rowspan="2" colspan="3" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r7_c1.png">&nbsp;</td>
  62.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="92" border="0" alt=""></td>
  63.   </tr>
  64.   <tr>
  65.    <td colspan="9"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r8_c5.png" width="351" height="16" border="0" alt=""></td>
  66.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="16" border="0" alt=""></td>
  67.   </tr>
  68.   <tr>
  69.    <td rowspan="3" colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r9_c1.png" width="19" height="48" border="0" alt=""></td>
  70.    <td colspan="12" rowspan="2" valign="middle" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r9_c3.png"><?php mosLoadModules ( 'user1'); ?></td>
  71.    <td rowspan="3" colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r9_c15.png" width="19" height="48" border="0" alt=""></td>
  72.    <td rowspan="7"></td>
  73.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="8" border="0" alt=""></td>
  74.   </tr>
  75.   <tr>
  76.    <td class="s-ramka" colspan="2" rowspan="6" align="left" valign="top" ><?php mosLoadModules ( 'right'); ?></td>
  77.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="21" border="0" alt=""></td>
  78.   </tr>
  79.   <tr>
  80.    <td colspan="12" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r11_c3.png"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r11_c3.png"  height="19" border="0" alt=""></td>
  81.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="19" border="0" alt=""></td>
  82.   </tr>
  83.   <tr>
  84.    <td rowspan="4"></td>
  85.    <td colspan="13" background="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r12_c2.png">    <?php
  86.               mosPathWay(); ?></td>
  87.    <td rowspan="2" colspan="2"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r12_c15.png" width="19" height="31" border="0" alt=""></td>
  88.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="21" border="0" alt=""></td>
  89.   </tr>
  90.   <tr>
  91.    <td colspan="13"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r13_c2.png" width="478" height="10" border="0" alt=""></td>
  92.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="10" border="0" alt=""></td>
  93.   </tr>
  94.   <tr>
  95.    <td colspan="14" rowspan="2" align="left" valign="top"><p><span class="main">
  96.        <?php mosLoadModules ( 'top' ); ?>
  97.      </span></p>
  98.      <p><span class="main">
  99.        <?php mosMainBody(); ?>
  100.      </span></p></td>
  101.    <td rowspan="2"></td>
  102.    <td>&nbsp;</td>
  103.   </tr>
  104.   <tr>
  105.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="100" border="0" alt=""></td>
  106.   </tr>
  107.   <tr>
  108.    <td colspan="19"><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/index_r16_c1.png" width="770" height="31" border="0" alt=""></td>
  109.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="31" border="0" alt=""></td>
  110.   </tr>
  111.   <tr>
  112.    <td colspan="19" bgcolor="#999999"><?php mosLoadModules ( 'user2'); ?></td>
  113.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="27" border="0" alt=""></td>
  114.   </tr>
  115.   <tr>
  116.    <td colspan="19" align="center"><?php mosLoadModules ( 'user3'); ?></td>
  117.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="26" border="0" alt=""></td>
  118.   </tr>
  119.   <tr>
  120.    <td colspan="19"></td>
  121.    <td><img src="<?php echo $mosConfig_live_site; ?>/templates/epsilon/images/spacer.gif" width="1" height="14" border="0" alt=""></td>
  122.   </tr>
  123. </table>
[HTML] pobierz, plaintext
php programmer
1.09.2005, 19:26:43
Cytat(sf @ 2005-09-01 16:53:49)
robienie dwoch styli to jest syzyfowa praca wg mnie.. niebawem wyjdzie IE 7.0 i znow nowy styl zrobisz? :/ pozatym layout troche sie zmieni i bedziesz musial tu i tu i tu zmieniac style ;] robi sie design i kombinuje tak by pod obiema przegladarkami wygladalo dobrze na jednym stylu.. a uwierz mi, ze przy odrobinie wysilku da sie osgiagnac zadawalajce efekty winksmiley.jpg

to jak inaczej chcesz ominąć sprawę interpretacji borderów,
popo
1.09.2005, 20:37:13
przez hacki wlasnie snitch.gif
uzycie ich lub projektowanie strony tak aby nie musiala byc wyswietlana z dokladnoscia co do pixela
revyag
2.09.2005, 09:20:46
@trucksweb:
Przyjrzałem się dokładnie temu menu i nie bardzo widze sens żeby to ciąć. Skoro linki są tekstowe to wystarczy jak cały obrazek walniesz jako tło komórki i dasz niej te odnośniki.
trucksweb
2.09.2005, 09:37:44
@revyag:
wiesz, ze to wcale nie jest glupi pomysl questionmark.gif
zaraz zobacze co z tego wyjdzie smile.gif
pabbito
2.09.2005, 22:15:52
Cytat(sf @ 2005-09-01 18:53:49)
robi sie design i kombinuje tak by pod obiema przegladarkami wygladalo dobrze na jednym stylu.. a uwierz mi, ze przy odrobinie wysilku da sie osgiagnac zadawalajce efekty winksmiley.jpg

dokładnie... trudno się nie zgodzić bardziej:)
tych hacków znowu nie ma aż tak dużo i mozna szybko nauczyc gdzie i kiedy je stosować.

A połową sukcesu jest poprawna semantyka strony, czyli stosowanie znaczników html zgodnie z ich przeznaczeniem. Wtedy zmiany w layoucie to czysta przyjemność polekająca na kilku wpisach arkuszu styli.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.