Autor | Zpráva | ||
---|---|---|---|
m.k_k Profil * |
#1 · Zasláno: 6. 2. 2006, 21:44:51
Dobrý den,
potřeboval bych poradit, jak udělat následující: mám tlačítka (ne klasická, jsou to CSS upravené odkazy) a potřeboval bych je mít uvnitř dalšího DIVu (zde main) na středu (2 - 3 tlačítka vedle sebe). Dá se to nějak jednoduše udělat pomocí CSS? Napadá mě použít tabulky, ale do toho se mi nechce, když vše formátuji pomocí CSS. <div class="main" <div class="tlacitko"> <a href="index.php?id=500&tab=<? echo $id; ?>">Rezervace</a> </div><!-- tlacitko --> <div class="tlacitko"> <a href="pdf/katalog.pdf">Nabídka v PDF</a> </div><!-- tlacitko --> </div><!-- main --> Děkuji, s pozdravem Martin |
||
bojars Profil |
#2 · Zasláno: 6. 2. 2006, 21:52:16
Používajú sa na to oštýlované zoznamy, ktoré majú atribút:
display: inline; Príklad: http://css.maxdesign.com.au/listamatic/horizontal13.htm |
||
Časová prodleva: 3 dny
|
|||
m.k_k Profil * |
#3 · Zasláno: 9. 2. 2006, 20:49:05
No tak jsem to zkoušel, ale nějak se mi to nevede. Vyplodil jsem následující:
Pokus Už jsem z toho zoufalej. Potřeboval bych aby béžový blok byl na prostředku stránky (to se mi snad povedlo) a uvnitř toho bloku, aby zelená "tlačítka" byla taky vystředěná. Ať dělám, co dělám, tak se mi to nevede. Nemohl by mi někdo poradit co dělám blbě. Vždyť to přeci není tak složitej požadavek, ale jsem jaksi na něj nějak krátkej. Děkuji za případné odpovědi, Martin K. |
||
holden Profil |
#4 · Zasláno: 10. 2. 2006, 21:57:43 · Upravil/a: holden
Skús toto:
Snáď ti to pomôže EDIT: Zle som si prečítal otázku, zabudni na to :) |
||
bojars Profil |
#5 · Zasláno: 10. 2. 2006, 23:19:47
Skús si tento kód pozrieť v prehliadači:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Untitled</title> <style> body { text-align: center; /*vycentrovanie pre MSIE*/ } ul { background-color: #f0e7d7; display: block; padding: 5px; width: 275px; /*so šírkou sa asi bude treba pohrať podľa obsahu*/ margin:0 auto; /*toto by malo byť to holdenovo vycentrovanie pre ostatné prahliadače*/ } li { display: inline; margin: 2px; padding: 3px; font-family: Verdana; font-weight: bold; } li a { background-color: #33CC33; color: black; text-decoration: none; border-top: 1px solid white; border-right: 1px solid white; border-bottom: 2px solid navy; border-left: 2px solid navy; padding: 2px; font-size: 7pt; width: 50px; /*so šírkou sa asi bude treba pohrať podľa obsahu*/ } li a:hover { border-top: 2px solid white; border-right: 2px solid white; border-bottom: 1px solid navy; border-left: 1px solid navy; } </style> </head> <body> <ul> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> <li><a href="#">ODKAZ</a></li> </ul> </body> </html> |
||
Časová prodleva: 18 let
|
Toto téma je uzamčeno. Odpověď nelze zaslat.
0