Stránka 1 z 1
okraje tabulky v CSS
Napsal: sob 27. bře 2004, 15:50
od Banana
zdravím
jak udělat aby levý a pravý okraj u tabulky nešel vidět(aby tam nebyl)?
Napsal: sob 27. bře 2004, 16:16
od Lemra
CSS umí každýmu elementu přidělit rámeček - příkaz pro nastavení jednotlivých stran má následující syntaxi:
border-top (left, right, bottom): šířka_hrany_px styl_hrany barva;
styl použiješ asi solid a none (groove, ridge, inset a outset je jakýsi pseudo 3D, kdybys chtěl testovat...)
a barva je implicitně shodná s výplní, čili ji uvedeš pouze u viditelnýho elementu.
Napsal: sob 27. bře 2004, 20:32
od Banana
takhle zvládám rámeček,
ale tabulka semi ani za boha nadaří 
byl bych vděčný za nějáky příklad
Napsal: sob 27. bře 2004, 23:08
od Lemra
Tabulku si musíš představit jako množinu prvků... čili hlavička/řádek/buňka... přístup potom dost záleží na layoutu stránky a složitosti tabulky - CSS samozřejmě dokáží umístit prvek na přesně určené místo v rámci objektu window a možná by bylo jednodušší řešení třeba gif v barvě výplně umístit přes
style="position.absolute; top:x; left:y;"
Napsal: ned 28. bře 2004, 13:30
od Banana
moc díky za rady...nakonec sem to vyřešil takhle-
<table border=1 cellspacing=0 cellpadding=0 width=800 style='border-collapse:collapse; border:none'>
<tr align="center">
<td style='border-top:solid;
border-left:none;
border-bottom:solid;
border-right:none'>
Napsal: sob 3. dub 2004, 10:41
od Banana
ted mám ale jiný problém
to co sem vymyslel je strašně složité když seto má použít na tabulku která má 50řádků a 5sloupců(mimochodem na odstranění okrajů existuje
frame=vsideskdyby seto někomu hodilo
)...zkoušel jsem zjednodušení ve stylu
col ale to mi absolutně nefunguje.
Poradíte někdo jak to mám zjednodušit abych pořád nemusel dokola opisovat-
<td style='border-top:solid; border-left:none; border-bottom:solid; border-right:none'></td><td style....>
Napsal: sob 3. dub 2004, 11:45
od Lemra
Nadefinuj si styly do externího .css souboru a volání potom provedeš přes span style.
Napsal: sob 3. dub 2004, 12:08
od Banana
Lemra píše:Nadefinuj si styly do externího .css souboru a volání potom provedeš přes span style.
tohle chci udělat, ale jak mám zjednodušit tu tabulku?-příklad-
<table border=1 cellspacing=0 cellpadding=0 width=800>
<tr><td style='border-top:solid;border-left:none;border-bottom:solid;border-right:none'>NECO1</td>...až...NECO50</tr></table>
a potřebuju udělat tohle-
<table border=1 cellspacing=0 cellpadding=0 width=800>
<col style='border-top:solid;border-left:none;border-bottom:solid;border-right:none'><tr><td>NECO1</td><td><NECO2>...atd...
zatímco u prvního příkladu musím každou bunku vypisovat ručně, tak u druhého zadám styl jen jednou ato platí pro všechny bunky které potřebuju...jenže jak to udělat
?
Napsal: ned 4. dub 2004, 17:37
od Lemra
No a zkusil jsi napsat .css soubor nějak takhle?
body {
font-size:11px; margin:0px; color:#000000; font-family:Tahoma, Arial, Helvetica, Sans-Serif; background-color:#ffffff
}
th {
font-size:14px
}
tr {
font-size:11px
}
td {
font-size:11px; border-right:none; border-left:none;
}
table {
font-size:11px
}
pojmenuješ jako muj_styl.css a v sekci head potom styl zavoláš třeba pomocí
<LINK href="muj_styl.css" type=text/css rel=stylesheet>
Napsal: úte 6. dub 2004, 19:05
od Banana
tak tohle bohužel nemůžu použít, protože mito neudělá rozdělení buněk <td></td><td></td>...tam musí být ---border-left:none;boreder-right:solid---a u druhého border-left:none;boreder-right:none...takže já bych vlastně potřeboval dvě <td>.jedno pro levou bunku a druhé pro pravou bunku(to asi nejde?)
....takže dá se něják zmenšit tlouštka okraje tabulky mín než je border=1
?
Napsal: úte 6. dub 2004, 19:27
od sovicka
ne, můžeš to ale "ochcat" tak, že dáš vnitřní stěnu okraje tabulky stejnou barvou jako pozadí... ale to potom vypadá trochu divně...
pořád tady disutujeme jen teoreticky, nechceš hodit link?