ďťż

<css> ...? jak zrobić takie coś

       

Podstrony


telcocafe

potrzebuję linka, który będzie miał podkreślenie w kolorze #22385F , ale podkreślenie będzie przerywane (tak jak w funkcji tabelkowej - dashed) ale nie wiem jak to zrobić, hover i te inne nie będą się zminiac, czyli ciągle ma stać nie ruchomo jako link podkreślony, przerywany, proszę o kod i co i jak, próbowałem i jakoś nie bardzo..



Lepiej nie będzie:
a{ border-bottom: dashed 1px #22385F; text-decoration: none; }
Użytkownik reVis edytował ten post 28 listopad 2005, 22:39
Moze okreslic tak:
a { border-bottom: dashed 1px #22385F; text-decoration: none; } a. link { border-bottom: dashed 1px #22385F; text-decoration: none; } a.acive { border-bottom: dashed 1px #22385F; text-decoration: none; } a.visited { border-bottom: dashed 1px #22385F; text-decoration: none; } a.hover { border-bottom: dashed 1px #22385F; text-decoration: none; }

czyli dla kazdego zachowanie (link aktywny, odwiedzony, boadz gdy sie na niego najedzie myszka) rozne opcje.

a jak mam to zrobić bo mam już plik style.css i tam już są przypisay jak sie ma zachowywac link a ja chce tylko te podkreslenie dolne do jednego a pozostale tak jak bylo, co mam zrobic? jak to zapisac w kodzie

link jest good, tylo teraz jak to wsadzic....



A no mozesz zrobic to tak:
Masz plik style.css. Nastepnie do danego dokumentu HTML (np: index.html) wstawiasz odpowiedni kod:
<meta http-equiv="content-type" content="text/html;charset=windows-1250"> <title>jakis tytuł</title> <link href="style.css" rel="stylesheet" media="screen">
Oczywiscie, jezeli plik style.css znaduje sie w tym samym katalogu co plik index.html, to tak jak wyzej. W innym przypadku musisz zastosowac odpowiednie odniesienie.
Teraz dalej. Rozumiem,ze chcesz,by te dolne podkreslenie odwolywalo sie tylko do jednego linku na stronie,a inne maja pozostac normalne.
Juz Ci pokazuje ja to zrobic:
W pliku style.css musisz zastosowac takie cos:
menu a { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:link { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:acive { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:visited { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:hover { border-bottom: dashed 1px #22385F; text-decoration: none; }

Teraz wszystko wyjasniam: do czego ten element "menu"? Chciales,aby tylko jeden element (link) na stronie byl podkreslony a inne inaczej.
Wiec teraz w kodzie strony musisz okreslic,do jakiego elementu ma sie odnosic powyzszy kod.
<span class="menu"> .... teks ktory ma bys linkiem </span>
Użytkownik michalak edytował ten post 29 listopad 2005, 13:28

menunu a:link { border-bottom: dashed 1px #22385F; text-decoration: none; }

nie działa mi , a robie tak jak opisano :/


nie działa mi , a robie tak jak opisano :/

menu a { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:link { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:acive { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:visited { border-bottom: dashed 1px #22385F; text-decoration: none; } menu a:hover { border-bottom: dashed 1px #22385F; text-decoration: none; }
Ten sposób działa napewno, ale w pliku css przed każdym menu postaw jeszcze ' . ' ( słownie jedną krapkę bez żadnych spacji ). A wywołuj
<span class="menu"><a href="...">COS</a></span>

ja sie nie znam na css ale sprobuj tak:
<span><a href="..." class="menu">COS</a></span>


ja sie nie znam na css ale sprobuj tak:
<span><a href="..." class="menu">COS</a></span>


menu a:link { border-bottom: dashed 1px #22385F; text-decoration: none; }
Ten sposób działa napewno

Edytuj posty michalak ;)

Wracając do tematu to strasznie tu namieszaliście :blink:
css:
a:link#cos, a:hover#cos, a:active#cos, a:visited#cos { border-bottom: dashed 1px #22385F; text-decoration: none; }

html:
<a id="cos" href="xlaski.pl">xlaski</a>
Użytkownik dh_maniak edytował ten post 29 listopad 2005, 18:52
juz zrobiłem, dziękiiii xlaski, nio nio nio nie ładnie

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

  • Sitedesign by AltusUmbrae.