Autor Zpráva
m.k_k
Profil *
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
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
m.k_k
Profil *
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
Skús toto:


.main {
margin:0 auto;
}


Snáď ti to pomôže


EDIT: Zle som si prečítal otázku, zabudni na to :)
bojars
Profil
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>
Toto téma je uzamčeno. Odpověď nelze zaslat.