| Autor | Zpráva | ||
|---|---|---|---|
| dennyyy Profil * |
#1 · Zasláno: 28. 11. 2018, 21:55:21
Zdravím, nikde jsem na internetu nenašel, když mám odkaz "klikni sem" aby se okolo třeba 10 x 10 pixelů udělalo barevné pozadí toho odkazu. Je nějaká možnost? imgur.com/a/pRyT3Sg
|
||
| Mlocik97 Profil |
padding: 10px;
background-color: #cccccc; je to úplnej základ |
||
| blaaablaaa Profil |
#3 · Zasláno: 29. 11. 2018, 07:55:46
A ještě je většinou potřeba display: inline-block; (nebo block), aby byl ten odkaz obtekan i s paddingem.
|
||
| Tomášeek Profil |
#4 · Zasláno: 29. 11. 2018, 09:58:08
blaaablaaa:
Block určitě ne. A pokud tam je float, tak je změna display už zbytečná. |
||
| blaaablaaa Profil |
#5 · Zasláno: 29. 11. 2018, 10:16:33
Tomášeek:
Proc ne? Nezname use case |
||
| Tomášeek Profil |
#6 · Zasláno: 29. 11. 2018, 10:19:30
blaaablaaa:
Proč ne co? Block je blbost, protože by řešil jen horní a dolní padding, nikoliv boční. A pokud je tam float, tak je změna display už zbytečná. |
||
| blaaablaaa Profil |
#7 · Zasláno: 29. 11. 2018, 10:27:51
Tomášeek:
No jo, pravda/ |
||
| dennyyy Profil * |
#8 · Zasláno: 30. 11. 2018, 14:14:47
Proč mě to nefunguje na tomto příkladu?
<!DOCTYPE HTML>
<html>
<head>
<title>Titulek stránky</title>
</head>
<body>
<style type="text/css">
#aaa {padding: 10px;
background-color: #cccccc;
}
</style>
<a href="" class="aaa">POKUS</a> |
||
| Mlocik97 Profil |
dennyyy:
pretože selector máte pre ID, ale na elemente máte nastavený class. Buď u elementu prepíšte class na id, alebo v selectore prepíšte # na . <!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Titulek stránky</title>
<style>
#aaa {
padding: 10px;
background-color: #cccccc;
}
</style>
</head>
<body>
<a href="#" id="aaa">POKUS</a>
</body>
</html> |
||
| dennyyy Profil * |
A jak to upravit prosím?
Díky už to maká. Dík moc |
||
|
Časová prodleva: 5 let
|
|||
0