Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS]Link w linku
sadistic_son
post 11.07.2023, 13:50:53
Post #1





Grupa: Zarejestrowani
Postów: 1 495
Pomógł: 245
Dołączył: 1.07.2009
Skąd: Bydgoszcz

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

Siema. Postaram się opisać o co mi chodzi, choć może to być trudne... Jak zrobić link div a w nim link tekstowy? Jest coś takiego na przykład w MS Teams przy działaniu na plikach, tj. kiedy klikniemy w kafelek z nazwą pliku, ale nie w nazwę to stanie się coś (np przeniesie na share point), natomiast kiedy kliekniemy w nazwę pliku, która jest wewntąrz kafelka to przeniesie bezpośrednio do pliku. Zdaję sobie sprawę, że Teams to pewnie nie html/css, ale chodzi mi o taki efekt. Coś poniższego oczywiście w ogóle linka do wp.pl nie wyświetla:

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  
  4. <style type="text/css">
  5. .link_box{
  6.  padding:20px; 
  7.  width: 200px;
  8.  height:50px; 
  9.  border:1px solid red;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <a href="http://wp.pl">
  15.  <div class="link_box">
  16.    <a href="http://google.pl" class="link_inside">Google</a>
  17.  </div>
  18. </a>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext

Innymi słowy - wyobraźmy sobie że jest div o rozmiarach 300x100 a w nim div 100x20. I teraz oba divy odnoszą do innych stron (tzn linki w tych divach, czy właśnie divy wewnątrz a href...).

Ten post edytował sadistic_son 11.07.2023, 13:55:38


--------------------
Uśpieni przez system, wychowani przez media,
Karmieni zmysłami, próżnymi żądzami...
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Jesteś zbyt leniwy, żeby się zarejestrować? Ja jestem zbyt leniwy aby Ci pomóc!
-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
Go to the top of the page
+Quote Post
Salvation
post 11.07.2023, 14:58:11
Post #2





Grupa: Zarejestrowani
Postów: 403
Pomógł: 72
Dołączył: 15.07.2014

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

Samym HTML-em i CSS-em tego nie zrobisz. Musisz napisać cały mechanizm odpowiadający za to, że po wykryciu linka przejdziesz na niego (np. crawlerem) i np. wyszukasz sobie wszystkie linki do pliku (plików), no i zwrócisz je na front.
Go to the top of the page
+Quote Post
trueblue
post 11.07.2023, 15:32:37
Post #3





Grupa: Zarejestrowani
Postów: 6 806
Pomógł: 1828
Dołączył: 11.03.2014

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

https://jsfiddle.net/axuoz5sp/


--------------------
https://kawalekkodu.pl
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 15:44
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn