Podfarbenie tabulky

capricorn7 · Napísal **capricorn7**: 11.09.2008 21:36

akym prizazom podfarbim tabulku... napr farbou 336699

konkretny priklad:

Kód:

<table style="height: 26px" width="759" border="0"><tbody><tr><td><font face="arial,helvetica,sans-serif" size="2"><a title="F&oacute;rum" href="http://www.forum.navrchol.sk"><strong>F&oacute;rum</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><a title="Fotogal&eacute;ria" href="../index.php?id=281"><strong>Fotogal&eacute;ria</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong>Bazar</strong></font></td><td><font face="arial,helvetica,sans-serif" size="2"><a title="Vyhľadaj" href="../index.php?id=430"><strong>Vyhľadaj</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong>Vytlač str&aacute;nku</strong></font></td></tr></tbody></table>

kajbo · Napísal **kajbo**: 11.09.2008 21:40

v style="" by som pouzil : namiesto ="nieco"

uprav na toto:
<table style="height: 26px; width: 759px; border: 0px; bgcolor: #336699;><tbody>

stenley · Napísal **stenley**: 11.09.2008 21:45

skor background-color

capricorn7 · Napísal autor témy **capricorn7**: 11.09.2008 21:55

takto som to upravil zatial:

Kód:

<table style="height: 26px" width="759" border="0" bgcolor="CCCCCC" ><tbody><tr><td><font face="arial,helvetica,sans-serif" size="2"><a title="F&oacute;rum" href="http://www.forum.navrchol.sk"><strong>F&oacute;rum</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><a title="Fotogal&eacute;ria" href="../index.php?id=281"><strong>Fotogal&eacute;ria</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong>Bazar</strong></font></td><td><font face="arial,helvetica,sans-serif" size="2"><a title="Vyhľadaj" href="../index.php?id=430"><strong>Vyhľadaj</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong>Vytlač str&aacute;nku</strong></font></td></tr></tbody></table>

nahlad na: http://www.navrchol.sk/index.php?id=426

neutronmind · Napísal **neutronmind**: 11.09.2008 22:25

Inak, budem trochu OT, ale mohol by si mi omg povedat, preco nevyuzivas Kaskadove styly? Mal by si ovela prehladnejsi kod (a validny). Ten cely kod, co si tu postol, by sa dal napisat mozno na dva riadky, ak by si vyuzival CSS a triedy... :roll:

shaggy · Napísal **shaggy**: 12.09.2008 22:58

neutronmind - a tento kód nie je valídny?

bgcolor v štýloch nepoznám, použi background alebo background-color.

neutronmind · Napísal **neutronmind**: 12.09.2008 23:37

Nie, prave kvoli vyuzitiu zastaralych atributov (narazam na http://www.navrchol.sk/index.php?id=426), predsa pouziva tagy ako <font>, pripadne atribut bgcolor - v XHTML 1.0 Strict... Staci si pozriet zdrojak.

capricorn7 · Napísal autor témy **capricorn7**: 15.09.2008 11:51

nastalmi jeden problem upravil som si tu tabulku na takuto:

Kód:

<table style="height: 26px" width="759" border="0" bgcolor="CCCCCC"><tbody><tr><td><font face="arial,helvetica,sans-serif" size="2"><a title="Bazar" href="http://www.bazar.navrchol.sk"><strong>Bazar</strong></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><a title="F&oacute;rum" href="http://www.forum.navrchol.sk"><strong>F&oacute;rum</strong></a><a title="Fotogal&eacute;ria" href="../index.php?id=281"></a></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong><a title="Fotogal&eacute;ria" href="../index.php?id=281"><strong>Fotogal&eacute;ria</strong></a></strong></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong><a title="Kniha n&aacute;v&scaron;tev" href="../index.php?id=281">Kniha n&aacute;v&scaron;tev</a></strong></font></td><td><font face="arial,helvetica,sans-serif" size="2"><strong><a title="Vyhľadaj" href="../index.php?id=430"><strong>Vyhľadaj</strong></a></strong></font></td><td><font face="arial,helvetica,sans-serif"  size="2"><strong>[[print-link]]</strong></font></td></tr></tbody></table>

ale mam problem stym ze IE7 mi bere tabulu ako ma s rozmerom 26x759 pixelov ale opera mi da viac ako 26 pixelov na vysku.... kde moze byt problem ?
Dalsia vec Mozila mi nechce brat podfarbenie tabulky (podfarbuje to na bielo) alebo transparentne....

HELP

cuMphort · Napísal **cuMphort**: 16.09.2008 0:51

OK tak poprve: nabuduce ked potrebujes pomoc nedavaj vsetok kod do jedneho riadku, kto sa v tom ma vyznat ked to je uz aj bez toho prasacky napisane?

Dalsia vec - preco na stranke pises v DTD ze je to XHTML 1.0 Strict, ked to nieje pravda? Napis tam ze ide o HTML 4.01, nikto nebude mat pindy o validite a ty nebudes vyzerat ako "pozer"

K veci:

podfarbenie tabulky ti neberie asi preto, ze cccccc nieje kod farby. #cccccc je spravny kod farby (skratene ho mozes zapisat ako #ccc),
ked uz tam pouzivas CSS, tak ich pouzivaj normalne a nemixuj ich tak nelogicky s atributmi elementov,
pouzivas element tbody na hlavicku tabulky - zmysel? Bud ho nepouzivaj vobec, alebo ho pouzivaj spravne - tzn, hlavicku do thead a telo to tbody - akurat ze..
zasadna vec - preco na to preboha pouzivas tabulku? Ved sa nejedna o tabulkove data! Pouzi na to napriklad zoznam.

Ako by to malo vyzerat?

HTML

Kód:

<ul id="odkazy">
  <li><a href="http://www.bazar.navrchol.sk" title="Odkaz na Bazar">Bazar</a></li>
  <li><a href="http://www.forum.navrchol.sk" title="Odkaz na Forum">Forum</a></li>
...
</ul>

CSS (je upravene podla tej stranky na ktoru si tu dal link)

Kód:

ul#odkazy {
  margin: 0; padding: 0;
  list-style: none;
  background: #ccc;
  width: 759px;
  height: 26px;
  }
  
ul#odkazy li {
  display: inline;
  }

ul#odkazy li a {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #286EC1;
  text-decoration: none;
  float: left;
  margin: 5px 15px;
  }

ul#odkazy li a:hover {
  text-decoration: underline;
  }

capricorn7 · Napísal autor témy **capricorn7**: 16.09.2008 21:37

jasne je to uplne super bomba... takto som si to predstavoval..

diki a vedel by si mi este poradit ako upravit obrazok s logom ja to tam mam umiestnene teraz takto:

Kód:

<img border="0" src="http://www.navrchol.sk/menulogo/logonavrchol270x120.PNG" alt="nechaj sa inšpirovať " width="270" height="120">
<img border="0" src="http://www.navrchol.sk/menulogo/starelogo.PNG" alt="nechaj sa inšpirovať" width="485" height="120">

ale v opere a mozile mi to robi medzery, vedel by si mi poradit ako to spravit v css?

jablko05 · Napísal **jablko05**: 16.09.2008 23:16

kebyze medzi te tagy img nedas medzeru ani riadok tak teoreticky by tam medzera nemala byt... a ked to ces cez css tak tomu druhemu obrazku nadefinuj zaporny margin-left...

capricorn7 · Napísal autor témy **capricorn7**: 09.12.2008 17:37

ako sa da prisposobit respektive upravit tento kod:

Kód:

ul#odkazy { 
  margin: 0; padding: 0; 
  list-style: none; 
  background: #ccc; 
  width: 759px; 
  height: 26px; 
  } 
  
ul#odkazy li { 
  display: inline; 
  } 

ul#odkazy li a { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #286EC1; 
  text-decoration: none; 
  float: left; 
  margin: 5px 15px; 
  } 

ul#odkazy li a:hover { 
  text-decoration: underline; 
  } 

tak aby som toto podfarbenie
background: #ccc;
width: 759px;
height: 26px;
mal v hodnote od 1px po 500px vo farbe #ccc a od 501 do 759 v bielej...

Podfarbenie tabulky

Podobné témy