Stránka 1 z 1
rámečky buněk v tabulkách
Napsal: úte 23. kvě 2006, 23:58
od crashPC
Hoya. začal sem si dělat slušnější web pomocí tabulek. Rozdělil sem si to klasicky jak se dělávaly framy, takže logo, vlevo menu, a "obsahová část". Menu sem chtěl rozpoložkovat na víc buněk, jenže problém je v tom že se mi okolo vytvořených buněk dělaj rámečky- já je tam ale nechci. nevíte někdo jak je odstranit? (okolo tabulky rámeček chci) a nebo alespoň jakou techniku použít na tvorbu položek menu? jde mi o to aby se web co nejlíp načítal takže spíš určitý položce vymezit prostor, dát tomu prostoru barvu a text v podobě odkazu než nějakej obrázek kterej se pak bude dýl načítat.... díkes všem co napíšou.
Napsal: stř 24. kvě 2006, 02:27
od Lamicz
No, takze - bunky v tabulce jsou TD, mno tak udelas CSS, kde definujes border: none; Asi nejak tak:
Ale pises, ze v layoutu border chces, tak ten TD nejak pojmenujes (das mu tridu), treba layout. A das k tomu jiny styl:
Kód: Vybrat vše
td.layout {
border: 1px solid black;
}
A do HTML napises:
Ted menu - opet CSS nejjednodussi
V HTML:
Kód: Vybrat vše
<a class="menu" href="xx.html">Odkaz1</a>
<a class="menu" href="xx.html">Odkaz2</a>
No a odpovidajici CSS (jako priklad):
Kód: Vybrat vše
a.menu {
font-size: 0.9em;
padding-left: 5px;
border-left: 6px solid #9B9B9B;
color: black;
display: block;
line-height: 1.5em;
border-right: 2px solid black;
font-weight: bold;
text-align: left;
}
a.menu:hover {
border-left: 6px solid black;
background: #8A8A8A;
color: white;
}
Doporuceni -
www.jakpsatweb.cz
K tomu menu je dobre, abys definoval i default a:
Kód: Vybrat vše
a {
color: red;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
napr.
Napsal: stř 24. kvě 2006, 07:26
od crashPC
jasně, doufám že to přes CSS povalí. mě nenapadlo
fakt díky.... jakpsatweb mi nepomohl
uvidíme. pak hodim odkaz na to co sem ztvořil, zprznil
Napsal: stř 24. kvě 2006, 07:31
od crashPC
nemaká to
asi to dělám špatně - tabulku rozděluje tag <tr> takže asi on je ten problém.
Napsal: stř 24. kvě 2006, 09:22
od N@$ty
Struktura tabulky je taková:
<table>
<tr> - řádky tabulky
<td></td> - buňky v řádcích
</tr>
takže si tu tabulku uděláš takto:
HTML
Kód: Vybrat vše
<table id="layout">
<tr class="logo">
<td class="menu"><td class="main">
</tr>
</table>
A
CSS
Kód: Vybrat vše
table#layout { border: 1px solid black; }
td.menu { border: none }
Jinak to menu bych nedelil dalsi tabulkou, tabulky v laoutu nejsou moc dobry, ale vnoreni tabulky je fakt prasarna. Nauc se poadne XHTML a CSS a udelas to i bez tabulek, ja mam vsechno <div>ama.
Ja bych to munu resil pomocí <ul><li> a odkazama, daj se s tim delat docela "kouzla". viz
http://www.cyberpoint.cz - ani jedna tabulka
Napsal bych ti to CSS cely, ale nevim jak presne ten layout chces, kde chces mit cary (bordery) a kde ne.
Napsal: stř 24. kvě 2006, 15:08
od crashPC
já právě nevěděl jak se pracuje s tabulkama při konkrétnim rozpoložkování. Jinou cestu znám... tak díky moc, dost mi to pomohlo. já právě chtěl aby položky menu měli nějaký pozadí (každá jiný) a tak sem chtěl rozdělit řádky a nadefinovat jim pozadí... já si už nějak poradim....
Napsal: stř 24. kvě 2006, 22:44
od N@$ty
crashPC píše:já právě nevěděl jak se pracuje s tabulkama při konkrétnim rozpoložkování. Jinou cestu znám... tak díky moc, dost mi to pomohlo. já právě chtěl aby položky menu měli nějaký pozadí (každá jiný) a tak sem chtěl rozdělit řádky a nadefinovat jim pozadí... já si už nějak poradim....
Vska to udelas tim ze to das do seznamu a kazde polozce <li> pomoci CSS muzes priradit pozadi, velikost, barvy ... takhle je delany to munu na Cyber pointu, ty obrazky jsou tam taky hazeny prez CSS. CSS je pro web zaklad, hned po XHTML
Napsal: čtv 25. kvě 2006, 15:19
od crashPC
na cyberpointu to maj všechno jednobarevný! ??? to by mi šlo taky
mno a moc se mi tede nelíbí styl <li>jdsiodji</li>. nevim proč.
Napsal: čtv 25. kvě 2006, 17:34
od N@$ty
crashPC píše:na cyberpointu to maj všechno jednobarevný! ??? to by mi šlo taky
mno a moc se mi tede nelíbí styl <li>jdsiodji</li>. nevim proč.
Neni problem to udelat vicebarevny.