--> Archiwum Forum
legrooch [ Legend ]
CSS/HTML a Opera/Firefox/Safari/IE
Witam!
Czy mógłby mi ktoś podpowiedzieć, gdzie mogę szukać głupiego błędu bądź jak go naprawić?
Mianowicie w linku poniżej znajduje się strona pewnej firmy. Sypie się tam menu ("Wsparcie techniczne"). W jaki sposób można zniwelować efekt nachodzenia się na siebie tekstu? Jakiego atrybutu htmla bądź CSS mogę użyć, aby się wszystko poprawnie wyświetlało?
legrooch [ Legend ]
^Up?
Diplo [ Generaďż˝ ]
Ja bym kombinowal z wysokoscia tabeli. Zamiast 100% podac mu wartosc "auto" albo recznie wklepac pixele (troche mniej komfrotowe ale moze zadziala).
Inna metoda ktorej bym probowal to zamiast tabel uzyc CSSowych div'ów. Tzn cala strone oprzec na divach zamiast tabel. Efekty sa bardzo zadawalajace :)
legrooch [ Legend ]
Nie zależy mi na robieniu tej strony od nowa :)
Zależy mi na jej poprawieniu, aby w innych przeglądarkach wyglądała lepiej ;)
Sprawę nakładania się rozwiązałem.
Pytanie z innej beczki:
Po rozwinięciu któregokolwiek menu znajdują się podkreślenia pod tekstem. Jak się ich pozbyć?
Powstawiałem "TEXT-DECORATION: none;" do cssa, ale nic nie dało... :/
Lutz [ Konsul ]
ja bym w arkuszu css redefiniowal caly tag <a> na taki ktory jest odpowiedni, ewentualnie w samym tagu <a href="......" style="text-decoration:none;">
sprawdz adres w linku, jest trial, moim zdaniem jeden z lepszych programow do edycji css
Diplo [ Generaďż˝ ]
A moge spytac w jaki sposob rozwiazales ten problem? Moze kiedys mi sie przydac ;)
Co do braku podkreslenia, to powinno dzialac.
Na poczatku cssa dajesz:
A:Visited‹text-decoration:none›
A:Hover‹text-decoration:none›
A:Link‹text-decoration:none›
Powinno dzialac globalnie.
Jesli ma dzialac na niektore linki, robisz odpowiednia klase.
legrooch [ Legend ]
Lutz ==> Dzięki. Soft znam. Po przeanalizowaniu <a> w css właśnie się zabrałem za redefiniowanie.
Diplo ==> Użyłem line-height:12pt;
Co do ustawienia, to wpisałem text-decoration wszędzie i dalej dupa :/
Diplo [ Generaďż˝ ]
legrooch --> W wersji strony ktora jest w sieci, z tego co widze przy linku np. Wsparcie Techniczne -> sparcie proaktywne, jest uzyta klasa "men1" i klasa "nolink".
men1 nie zawiera text-decoration w przeciwienstwie do nolink.
Ja bym sprobowal albo dodac text-decoration do men1, albo wywalic ta klase wogole, tak zeby jedyna klasa zostala "nolink".
A tak wogole to te podkreslenia wygladaja dosc dziwnie. Tak jak by to byla dolna krawedz ramki w okolo tekstu... a nie podkreslenie linku.
Caldur [ Konsul ]
Nie wiem czy dokładnie o to chodzi, ale spróbuj:
.menu1 ‹
BORDER-BOTTOM: none;
›
A.nolink1 ‹
BORDER-BOTTOM: none;
›
Lutz [ Konsul ]
zamien kolejnosc , najpierw href, potem class
legrooch [ Legend ]
Caldur ==> To było dokładnie to! :) Dzięki wielkie :)
Lutz ==> A to kolejność ma jakieś znaczenie?
Diplo ==> Też to zauważyłem. Grzebię całe style od zera.