ďťż

[HTML + CSS] Kompatybilność prob. z "alternatywnymi" przeglądarkami

       

Podstrony


telcocafe

Próbóję stworzyć stronę, tak żeby działała na wszystkich przeglądarkach (testuje na IE, Firefoxie i Operze). Wiadomo, że jak ma działać wszędzie, to nie będzie działać nigdzie, ale staram się. Mam problem, którego nie mogę/nie umiem wygooglać.

1. W Operze nie działa vertical-align: top/bottom (domyślnie jest chyba middle). Dałem to w tr, a w stylach jest:
table { display: table } tr { display: table-row }
Dałoby się to jako obejść? Tzn. znacie jakiś sposób żeby wyrównało tabelę do góry? Z góry zaznaczam, że do formatowania strony używam TYLKO kaskadowych arkuszy styli.

2. W Firefoxie nie działa sztuczka:
<A HREF="index.html" CLASS="MENU" [b]STYLE="width: 100%"[/b]>Wstęp</A>
Chodzi o to, żeby CAŁA linia w tabeli (menu) była hiperłączem. Wie ktoś jak to zrobić, żeby działało w Firefoxie? Zależy mi, żeby był to jakiś sposób bez javy-scriptu.

TIA.



To zawsze był problem -> wyrównać obiekty w pionie... Spróbuj zrobić jakiś obiekt który będzie wyśrodkowywał do góry!

Co rozumiesz przez obiekt?

no np. <div style="height: 100px; width: 100px;"></div> - coś takiego powinno zapełnić miejsce pod tekstem, przez co text zostanie wypchnięty do góry!



Pomysł nie jest zły, ale trzeba by do każdej strony oddzielnie dopasowywać, bo height: 100%; nie działa. BTW. chodzi nie o tekst, a o całą tabelkę.

Można by też coś popróbować z automatyką (JS - PHP)

Dobra pozycjonowanie w pionie zrobiłem. Dla Opery trzeba dać: style="vertical-align: top;" w td, a nie w tr (dla IE i FF trzeba dać tu).

Wie ktoś jak zrobić te linki na width: 100%;?

Ja ma dla ciebie sposób -> tylko to będzie cała komórka linkiem ->
<div style="background: #F5F5F5; cursor: hand; width: 140px; height: 18px;" onmouseover="this.style.backgroundColor = '#FD9917';" onmouseout="this.style.backgroundColor = '#F5F5F5';" onclick="document.location='adres.html'">Tekst</div>
Dzięki temu cała komórka będzie linkiem (jest tu co prawda trochę JS, ale nie ma skryptu jako tako....)... Poza tym taka konstrukcja daje spore możliwości modyfikacji wyglądu i bardzo ładnie wygląda (atrakcyjnie)! Pozdro4All!

Jeśli nikt nie zna jakiegoś sposobu bez JS to spróbuje użyć Twojego pomysłu. Dzięki za pomoc gelu.

Cała przyjemność po mojej stronie! - ten sposób który przedstawiłe jest sprawdzony (wykorzystanie JS jest znikome), ale jeśli tak bardzo Ci na tym zależy to wpadłe na coś takiego:
<a href="">&nbsp;&nbsp; Tekst &nbsp;&nbsp;</a>
jest to trochę nie profesionalne (&nbsp; = niełamliwa spacja), ale powinno być skuteczne....

Robie linki w menu z tym:
<div class="menu_link" onmouseover="this.style.backgroundColor = '#FD9917';" onmouseout="this.style.backgroundColor = '#F5F5F5';" onclick="document.location='adres.html'">Tekst</div>

A Walidator na http://validator.w3.org/ wyskakuje mi z tym:

Line 42, column 63: document type does not allow element "DIV" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag ... onmouseout="this.style.backgroundColor = '#FFFFFF';"> The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element. One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").

i tak dla każdego DIVa. Jakieś pomysły?

Sprobuj wyjustowac ten link :) W CSS to bedzie chyba cos takiego:.link {text-align:justify}a sam link<a href="" class=link>link</a>Moze zadziala :)
//Zamiast justified mialo byc justify :)
Użytkownik dh_maniak edytował ten post 20 lipiec 2005, 19:29
Justowanie nie daje efektu.


Justowanie nie daje efektu.


wykorzystaj
<ul> <li></li> </ul>


A konkretniej? Jakoś nie przychodzi mi żaden pomysł, co mógłbyś mieć na myśli  :) .






co ty za strone robisz? Projekt zlecenie? Łakomy kąsek? Praca? Nie chcesz podpaść? Nadgorliwość  :excl:
???

dla linkow daj display:block i juz


dla linkow daj display:block i juz

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.