zapisanie hranic

capricorn7 · Napísal **capricorn7**: 01.03.2009 12:10

vie mi niekdo poradit ako zapisem hranice jednej tabulky:

Kód:

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

tak aby jedna jej cast mala podfarbenie #ccc a druha #FFF, premyslal som nad tymto ale neviem to dat do finalnej podoby, vie mi niekdo poradit?

Kód:

background: #ccc; 
width: 1-500px; 
height: 26px; 

a

background: #FFF; 
width: 501-759px; 
height: 26px; 

shaggy · Napísal **shaggy**: 01.03.2009 12:15

Tabuľky? Nevidím tam žiadnu tabuľku, vidím tam iba nečíslovaný zoznam.
Ak chceš, aby ten zoznam mal dvojfarebné pozadie, tak ho buď môžeš rozdeliť na dve časti (použiť dva zoznamy, dať to do dvoch div-ov atď.), alebo tomu dáš ako pozadie dvojfarebný obrázok - 759px široký a 1px vysoký, pričom sa bude opakovať.

Ale najlepšie by bolo, ak by si nám ukázal čo chceš urobiť, možno ti poradíme oveľa lepší spôsob (takto teoreticky sa ťažko dávajú dobré návrhy).

A ten tvoj zápis v CSS je nezmysel, nič podobné ti fungovať nebude.

capricorn7 · Napísal autor témy **capricorn7**: 01.03.2009 12:22

mam na svojej stranke spravene horizontalne menu ale chcel by som ho upravit aby sa dalo farebne odlisit jeho podklad... momentalne menu vyzera takto:

zapisanie hranic

spravil som to takto: v manage chunks som si vytvoril {{menuhore}} s tymto obsahom a vlozil som ho do templtu.

Kód:

<ul id="odkazy"> 
  <li><a href="http://www.forum.navrchol.sk" title="Fórum">Fórum</a></li>
  <li><a href="http://www.fotogaleria.navrchol.sk" title="Fotogaléria">Fotogaléria</a></li>
  <li><a href="http://www.navrchol.sk/index.php?id=407" title="Expedície">Expedície</a></li>
  <li><a href="http://www.navrchol.sk/index.php?id=436" title="Chaty">Chaty</a></li>
  <li><a href="http://www.navrchol.sk/index.php?id=32" title="Adrenalín">Adrenalín</a></li>
  <li><a><a><a><a><a><a><a
  <li><a title="Vyhľadaj" target="" href="http://www.navrchol.sk/index.php?id=430">
             <img border="0" src="http://www.navrchol.sk/menulogo/lupa24.png" width="24" height="24"></a></li>
  <li>     [[print-link]]</a></li>
</ul> 

a do css som pridal toto:

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; 
  } 

co musim upravit aby vyzeralo menu nejako takto... (toto je len priklad farebneho odlisenia pre predstavivost...)

zapisanie hranic

alebo aby to bolo za odkazom adrenalin biele to pozadie..., cize by tam boly len dce farby ta co je a potom biela, len som rozmyslal tak ze posuniem hranice napr:

background: #ccc;
width: 1-500px;
height: 26px;

a

background: #FFF;
width: 501-759px;
height: 26px;

len neviemn ako to tam mam zapisat...

Flety · Napísal **Flety**: 01.03.2009 12:25

Tak každej položke nastav inú farbu pozadia pomocou id a potom nastavíš farbu pre pozadie celého zoznamu, prípadne nadradeného divu.

zapisanie hranic

Podobné témy