Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [HTML][CSS] Rozmiar odsyłacza
dudek90
post 13.04.2012, 08:42:32
Post #1





Grupa: Zarejestrowani
Postów: 44
Pomógł: 0
Dołączył: 18.07.2011

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

Witam,

Problem wydaje się banalny, ale odsyłacz nie ma u mnie odpowiedniego rozmiaru.

Stworzyłem sobie taki testowy kod:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
  2.   "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. a.test
  8. {
  9.   width: 400px;
  10.   height: 400px;
  11.   border: 1px solid red;
  12.   background: url('obrazek.jpg') no-repeat;
  13. }
  14. </style>
  15. <title>Test</title>
  16. </head>
  17. <body>
  18. <a href="#" class="test">Test</a>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


Czyli powinienem mieć odsyłacz 400x400px, w którym tłem będzie mój obrazek.jpg
Odsyłacz ma niestety taką wielkość jaką ma napis test.
Jest jakiś sposób aby temu zaradzić?

Edit:
Dodałem właśnie linijkę: display: block; i zadziałało więc temat do zamknięcia, przepraszam za zamieszanie, ale myślałem, że display: block; to wartość domyślna ;/

Ten post edytował dudek90 13.04.2012, 08:45:07
Go to the top of the page
+Quote Post
maniana
post 13.04.2012, 09:20:55
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 44
Dołączył: 18.05.2007

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

Dodaj do css display:block; Sterowaie wielkością jest dla elementów blokowych.
Go to the top of the page
+Quote Post
IProSoft
post 13.04.2012, 10:09:14
Post #3





Grupa: Zarejestrowani
Postów: 479
Pomógł: 97
Dołączył: 6.09.2011
Skąd: php.net :)

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

Możesz też użyć obrazka jako odsyłacza, wtedy po zmienie obrazka odsyłać również zmieni rozmiar:

[HTML] pobierz, plaintext 
  1.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"
  2.     "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
  3.     <html xmlns="http://www.w3.org/1999/xhtml">
  4.     <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.     <style type="text/css">
  7.     a.test img
  8.     {
  9.     border: 1px solid red;
  10.     }
  11.     </style>
  12.     <title>Test</title>
  13.     </head>
  14.     <body>
  15.     <a href="#" class="test"><img src="obrazek.jpg" /></a>
  16.     </body>
  17.     </html>
[HTML] pobierz, plaintext


Chyba, że zależy Ci na pozostawieniu tekstu wtedy tak jak wyżej, dodaj display:block .


--------------------
Manual prawdę Ci powie.
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: 16.07.2025 - 00:21
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn