| Autor | Zpráva | ||
|---|---|---|---|
| phpstormvajco Profil |
#1 · Zasláno: 7. 11. 2013, 20:44:37
Ahoj,
mám problém s barvou ohraničení tabulky. Chci mít tabulku specifikací technických vlastností jednotlivých produktů, proto jsem si napsal primitivní tabulku. Potřebuji tmavě modré ohraničení tabulky (ale i vnitřní ohraničení jednotlivých buněk) a světle modrou výplň. Když nastavím výplň, vyplní se i ohraničení buněk, což nechci. Když nastavím barvu ohraničení tabulky, zbarví se jen jedna polovina tabulky a nechápu proč. Nemůžu použít CSS, veškeré nastavení musí být v HTML. Zde je kód: <html>
<meta charset="utf-8">
<table border="5px" style="border-color: rgb(1,1,101); background-color: rgb(186,214,222)">
<tr>
<td colspan="13" align="center">Technické údaje</td>
</tr>
<tr>
<td>Napájení sítě</td>
<td>Napájení motoru</td>
<td>Výkon</td>
<td>Provozní příkon</td>
<td>Tažná síla</td>
<td>Čas otevírání</td>
<td>Účinnost</td>
<td>Stupeň ochrany</td>
<td>Provozní teplota</td>
<td>Mazání</td>
<td>Max. délka křídla</td>
<td>Hmotnost</td>
<td>Koncové spínače</td>
</tr>
<tr>
<td>230V</td>
<td>230V</td>
<td>50W</td>
<td>50W</td>
<td>500NM</td>
<td>10s</td>
<td>70%</td>
<td>IP 67</td>
<td>10s</td>
<td>Vazelína</td>
<td>2,5m</td>
<td>20kg</td>
<td>Ne</td>
</tr>
</table>
</html> |
||
| Trejpa Profil |
#2 · Zasláno: 7. 11. 2013, 21:16:31
phpstormvajco:
<table bordercolor="#010165" bordercolordark="#010165" bordercolorlight="#010165" bgcolor="#bad6de" border=5> „ <table border="5px"“
Do atributů HTML značek jednotky nepatří, jen čísla . Absolutní hodnota je vždy v pixelech. |
||
| margin Profil * |
#3 · Zasláno: 7. 11. 2013, 21:18:28
phpstormvajco:
„Nemůžu použít CSS, veškeré nastavení musí být v HTML.“ Používáš CSS, deklarace máš v HTML atributu style.
<table border=1 style="border: 5px solid #006; background: #bad6de;">
<tr>
<th colspan=13>Technické údaje</th>
</tr>„Když nastavím barvu ohraničení tabulky, zbarví se jen jedna polovina tabulky a nechápu proč.“ Protože ohraničení tabulky je stínované, pokud bys použil na ohraničení nějakou světlou barvu, třebas silver, tak bys to krásně viděl. Každý prohlížeč míchá barvy stínování jinak, řešením je použít CSS solid orámování a pokud je to nutné, deklarovat barvu orámování pro každou stranu.
Mimo téma: u provozní teploty máš nesmysl, ale pokud se vloudil jen do této ukázky, tak se v podstatě nic neděje. |
||
| Str4wberry Profil |
#4 · Zasláno: 7. 11. 2013, 21:20:26
Reakce na Trejpu:
„Do atributů HTML značek jednotky nepatří, jen čísla . Absolutní hodnota je vždy v pixelech.“ Není nakonec ve skutečnosti jedno, co za číslem bude? Živá ukázka |
||
| Trejpa Profil |
#5 · Zasláno: 7. 11. 2013, 21:32:01
Str4wberry:
„Není nakonec ve skutečnosti jedno, co za číslem bude?“ Kromě procent a v několika případech hvězdičky. Jinak v rámci zotavení z chyb berou prohlížeče vše ve tvaru „ číslocokoliv“ jako celé číslo v pixelech.
|
||
| Chamurappi Profil |
#6 · Zasláno: 8. 11. 2013, 10:22:04
Reaguji na Str4wberryho:
Není, protože když si člověk navykne psát tam px, může nabýt dojmu, že by tam mohly fungovat i jiné jednotky známé z CSS. Už jsem jednou viděl HTML kód, kde autor psal jednotky mm a divil se, že ani při tisku nejsou respektovány.
|
||
| phpstormvajco Profil |
#7 · Zasláno: 8. 11. 2013, 10:25:32
Str4wberry:
Solid funguje. Ale udělá ohraničení tabulky jako takové. Já bych však potřeboval ještě zbarvit na stejnou barvu i ohraničení jednotlivých buněk. Je to vůbec možné? „Mimo téma: u provozní teploty máš nesmysl, ale pokud se vloudil jen do této ukázky, tak se v podstatě nic neděje.“ Já jsem tam hodnoty naťukal jen pro představu, jak bude tabulka vypadat, všechny hodnoty jsou nesmyslné. |
||
| Trejpa Profil |
#8 · Zasláno: 8. 11. 2013, 10:51:24
phpstormvajco:
Jedině stylem. 1. Můžeš použít atribut style u každé buňky v tabulce: <td colspan="13" align="center" style="border: 1px solid red;">Technické údaje</td> 2. Můžeš využít zotavovací mechanizmy v prohlížeči a vložit značku <style> před tabulku, do těla stránky. Prohlížeče si to při vykreslování přeberou. Nebude to validní, ale fungovat to bude.
<style>
<!--
td { border: 1px solid blue; }
//-->
</style>
<table border=1 … |
||
| phpstormvajco Profil |
#9 · Zasláno: 8. 11. 2013, 16:41:08
Děkuji všem, už mi to funguje, jak jsem chtěl :)
|
||
|
Časová prodleva: 10 let
|
|||
0