| Autor | Zpráva | ||
|---|---|---|---|
| Kačenka Profil |
#1 · Zasláno: 28. 8. 2007, 18:42:58
Velmi žádám o pomoc s tímto problémem: Vytvořila jsem menu, které budu do stránek vkládat pomocí iframe. V Exploreru dobré, ale nevím si rady s Mozillou - chci alespoň, aby tlačítka byla stejně "dlouhá" (a pak ta barva a mezery mezi tlačítky).
Děkuji. Zde je to menu: <style> body {font-family: Times, Verdana, Arial, lucida, sans-serif; background: #ffb062; color: #996633; text-align: left; padding: 5px} ul {list-style: none; margin: 0; padding: 0;} li {margin: 0; padding-bottom:5px;} a {color: #996633; width: 170px} a.tlacitko {border-style: outset; border-width: 4px; border-color: #996633; text-decoration: none; padding: 2px} a.tlacitko:hover {border-style: inset;} a.tlacitko:visited {color: #CC3366} </style> </head> <body> <ul> <li> <a href="index.html" class="tlacitko">Aktuálně</a> </li> <li> <a href="index.html" class="tlacitko">Informace</a> </li> <li> <a href="index.html" class="tlacitko">Historie</a> </li> <li> <a href="index.html" class="tlacitko">Organizace</a> </li> <li> <a href="index.html" class="tlacitko">Zaměstnanci</a> </li> </ul> </body> |
||
| Nox Profil |
#2 · Zasláno: 28. 8. 2007, 19:02:36
Na iframe se vykašli;)
A....aby si mohla definovat délku tak ten objekt musí být typu block, li je standatně inline (nastavuje se pomocí display:něco ) teď nevim co se seznamem udělá změna li na block, ale... |
||
| Kačenka Profil |
#3 · Zasláno: 28. 8. 2007, 19:17:18
Proč ne iframe? Pomocí php se mi to dělat nechce. Moje menu bude mít 15 položek. Při nějaké změně docela dost kopírování.
Mohl bys prosím podrobněji, jak to zapsat s blockem? Díky. |
||
| Kačenka Profil |
#4 · Zasláno: 28. 8. 2007, 19:20:27
to Nox:
Třeba divy? To jsem na začátku zamítla, protože jsem si přečetla, že dělat menu pomocí divů je "fuj". Tak nevím. |
||
| Kačenka Profil |
#5 · Zasláno: 28. 8. 2007, 19:34:08
Předěláno na div - situace stejná:
<style> body {font-family: Times, Verdana, Arial, lucida, sans-serif; background: #ffb062; color: #996633; text-align: left; padding: 5px} a {color: #996633; width: 170px; } a.tlacitko {border-style: outset; border-width: 4px; border-color: #996633; text-decoration: none; padding: 2px; margin: 2px} a.tlacitko:hover {border-style: inset;} a.tlacitko:visited {color: #CC3366} </style> </head> <body> <div> <a href="index.html" class="tlacitko">Aktuálně</a> </div> <div> <a href="index.html" class="tlacitko">Informace</a> </div> <div> <a href="index.html" class="tlacitko">Historie</a> </div> <div> <a href="index.html" class="tlacitko">Organizace</a> </div> <div> <a href="index.html" class="tlacitko">Zaměstnanci</a> </div> </body> |
||
| Nox Profil |
#6 · Zasláno: 28. 8. 2007, 19:43:30
PHP na míru kopírování nemá vliv, taky to vkládá jako iframe, ale není to tak zmršený,
prostě si tam dáš <?php include "menu.html"; ?> a je to ještě to uzavči do nějakýho divu s id třeba "menu" a máš #menu div{width: 130px;margin-bottom: 4px...} třeba |
||
| Kačenka Profil |
#7 · Zasláno: 28. 8. 2007, 20:03:20
Nejde to a nejde to. Myslím, že to asi nějak závisí na vlastnostech "a" (tam je ta správná délka).
<style> body {font-family: Times, Verdana, Arial, lucida, sans-serif; background: #ffb062; color: #996633; text-align: left; padding: 5px} #menu{width: 130px; margin-bottom: 4px} a {color: #996633; width: 170px; } a.tlacitko {border-style: outset; border-width: 4px; border-color: #996633; text-decoration: none; padding: 2px; margin: 2px} a.tlacitko:hover {border-style: inset;} a.tlacitko:visited {color: #CC3366} </style> </head> <body> <div id="menu"> <div> <a href="index.html" class="tlacitko">Aktuálně</a> </div> <div> <a href="index.html" class="tlacitko">Informace</a> </div> <div> <a href="index.html" class="tlacitko">Historie</a> </div> <div> <a href="index.html" class="tlacitko">Organizace</a> </div> <div> <a href="index.html" class="tlacitko">Zaměstnanci</a> </div> </div> </body> |
||
| Kačenka Profil |
#8 · Zasláno: 28. 8. 2007, 20:04:26 · Upravil/a: Kačenka
Nejde to a nejde to. Myslím, že to asi nějak závisí na vlastnostech "a" (tam je ta správná délka).
|
||
| Gappa Profil |
#9 · Zasláno: 28. 8. 2007, 20:21:27
Nox
li je standatně inline To si troufám tvrdit, že není :) To je block jak vyšitý. Problém je snad v tom, že chceme mít odkazy široké na délku menu - a odkazy jsou standardně inline, nastav jim tedy display: block a to by mělo pomoci :) a.tlacitko { display: block; ... } To menu nech v <ul> a jednotlivé položky v <li>, sémanticky je to mnohem lepší než halda na sobě nezávislých divů (i když zde zobrazených pod sebou). |
||
| Bubák Profil |
#10 · Zasláno: 28. 8. 2007, 20:22:23
typu block, li je standatně inline
li se chová podobně, jako blokový, měl by být "list-item" Zjednodušený popis: seznamu, nebo položkám seznamu nastav šířku, vynuluj margin, padding, kde potřebuješ, nastav vhodnou velikost marginu, paddingu, nastav list-style: none; a hlavně pro odkazy: ul a {display: block;} /* klidne muzes pouzit jiny kontext */ Je zbytečné mít třídu u každého odkazu, pracuj s kontextem, viz nekompletní příklad: <style> ul#menu {width: 100px;} #menu a {display: block;} </style> <ul id="menu"> <li> <a href="index.html">Aktuálně</a> </li> <li> <a href="index.html">Informace</a> </li> ... </ul> |
||
| Gappa Profil |
#11 · Zasláno: 28. 8. 2007, 20:34:21
Bubák
juj :) na list-item jsem zapomněl jak na smrt, protože o ní nemá cenu uvažovat - na li je a jinam ji pro IE nedostanu, tak o ni nemá cenu ani uvažovat :) |
||
| Bubák Profil |
#12 · Zasláno: 28. 8. 2007, 20:45:44
Gappa
http://www.w3.org/TR/REC-CSS2/sample.html LI { display: list-item } Ale je pravda, že se <li> v podstatě chová jako blobový, nikoliv jako inline. |
||
| Gappa Profil |
#13 · Zasláno: 28. 8. 2007, 20:51:50
Však mě ihned můj omyl praštil přes oči, když sem viděl v tvé odpovědi, že to je "list-item". Jsem už zkrátka z toho blokování zblblý :-)
|
||
| Kačenka Profil |
#14 · Zasláno: 28. 8. 2007, 21:13:59
Vyřešila jsem: nechala jsem <ul> a <li> a zjednodušila jsem, jak poradil Bubák.
Děkuji všem. |
||
| Nox Profil |
#15 · Zasláno: 28. 8. 2007, 22:13:06 · Upravil/a: Nox
Gappa
li je standatně inline To si troufám tvrdit, že není :) To je block jak vyšitý Ježiš jasný...už blbnu:) No, tak vlastně ten list-item...ale stejně sem to měl blbě |
||
|
Časová prodleva: 17 let
|
|||
0