phpBB.sk

MENU

Zdravim vas,
chcel by som si dat na stranku nejake takto menu:

Kód: Vybrať všetko

http://css.maxdesign.com.au/listamatic/vertical18.htm

len by som chcel,aby to nebolo usporiadane pod sebou, ale vedla seba v riadku.
Co tam treba, kde a ako zmenit? Som skusal, no nejako sa mi nedarilo.
Dakujem.

ja som to skúšal a šlo to zmenil som len tento kod

Kód: Vybrať všetko

HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

na takto:

Kód: Vybrať všetko

<div id="navcontainer">
<td align="center" class="topnav"><a href="#" id="current">Item one</a> &nbsp;•&nbsp; </li><a href="#">Item two</a></li<li> &nbsp;•&nbsp; <a href="#">Item three</a></li>  &nbsp;•&nbsp; <a href="#">Item four</a></li> &nbsp;•&nbsp; <a href="#">Item five</a></li>
</div>

a zobrazilo to takto

hm, to je sice pekné, len mne to forum rozdelilo zvyslo ked som to skopcil a vlozil. Lenze ja som mal na mysli presne tak ako to je zobrazene, aby to tak bolo aj vodorovne, nie len text,ale aj komplet tabulka.
Ale diky za snahu.

Nevie nikto?

Asi ti to rozdelilo preto, lebo tam bolo málo miesta.

Ale rozdelilo celu stranu na dve polovice a miesta je tam dost aj na 8 takych riadkov. Je to cez celu sirku ako aj toto forum.
Alebo keby bol nejaky znak, ktory donuti druhe nehat v tom istom riadku.Som aj pozeral na jakpsatweb, ale nic take som tam nenasiel.

Hoď mi sem, prosím, screen (celej obrazovky), lebo v týchto hodinách mi to už tak dobre nepáli. A vyznač v ňom nejakým spôsobom, čo chceš dať kam, čo zavadzia, resp. čo dať preč a pod.

Mozno vecer alebo zajtra, teraz som v praci a skusam to na offline servery na wampservery.
Ale proste ide o to, ze ako je ta tabulka a riadky pod sebou, tak aby boli tie riadky vedla seba,ale nie len text,ako si ty urobil,ale komplet aj s pozadim.
Cize je to tabulka jeden stlpec a 5 riadkov a by som chcel opacne, jeden riadok a 5 stplcov.

Mozno vecer to nejak zoscreenujem ak ma chlapec pusti k PC. Teraz mam za chvilku fajront, tak nemozem aj tak s tym teraz robit velmi.

Ak som dobre pochopil, tak chceš niečo takéto. Stiahni a spusti (nekompatibilné s MSIE 6.x/7.x). Nejako rýchlo som to zbúchal. Potom sem hoď ten screen a dá sa to modifikovať...

No prééésne tak som myslel, len akurat bez toho textu.
snazim sa ho dat prec,len stale mi tam ostane prazdne pole,ked ho zlikvidujem,tak mi spodnu ciaru v tabulke vymaze.
Toto

<div id='content'>

ked dam prec, odide ta ciara spodna pod "tlacitkami"

Skusam s tym nieco urobit.

Takto by som si to nejako predstavoval


len nie zvlast v subore,ale aby sa to dalo hodit do overall_header a do toho stylesheet.css vpisat.

A tiez aby to fachcilo aj v IE, tak ako original z tej stranky.

Tá „čiara“ sa nazýva „border“. Ak si lepšie prezrieš CSS, tak môžeš vidieť, že contentu som pridal border po všetkých stranách (1px neprerušovanej #000000). Keď content vymažeš, tak zmizne aj horný border, čo je vlastne dolný border pre navigáciu. Riešenie spočíva v tom, že musíš navigácii dolný border pridať:

Kód: Vybrať všetko

border-bottom: 1px solid #000000;

Aby tá navigácia na stránke fungovala aj v IE, museli použiť hack(y). To ja osobne nemám rád a radšej počkám na finálnu verziu IE 8.0, ktorá by mala podporovať „všetky“ štandardy stanovené konzorciom W3 a taktiež ACID Test. Ale ak chceš, môžem sa pokúsiť zbúchať nejaký kód, ktorý by teoreticky mohol ísť aj v IE, ale nemôžem ti to zaručiť.

Tak sa mi podarilo takto to prerobit

Kód: Vybrať všetko

http://ulozisko.sk/51136-navigation_sample.zip.html

len skoda, ze to nejde v IE.

Keby si to vedel nejako skombinovat s tym originalom, farby by som si uz nahadzal podla potreby, tak by bolo fajn. Len keby to nebolo v suboroch,ale tak, ze to vlozim do tych dvoch suborov

Este nieco. A keby som chcel mat takto ako je to teraz,ale 2,3 alebo 4 riadky pod sebou?

(item 1-5
item 6-10
item 11-15)

Zatial diky moc, si sikovny

ak to nepojde, nejako budem musiet sa potrapit s originalom, len nebudem vediet ako urobit viac riadkov po 5 policok.

V IE to nejde, pretože sa jedná o *.xhtml stránku, s čím sa on nedokáže vysporiadať.

Počkaj, ale na aký účel to vlastne potrebuješ? Ja som to nerobil cez tabuľky, ale pri viacerých riadkoch sa oplatí použiť práve tabuľky. Ak chceš viacero riadkov (5 item-ov vyjde na jeden riadok), do zdrojového kódu stránky medzi <ul> a </ul> vlož ďalšie (koľko sa ti zachce):

Kód: Vybrať všetko

<li><a href='#'>item six</a></li>

Potom refreshni browser a malo by všetko byť podľa prvého riadka.

Môže nastať problém s okrajom. Potom vymaž spodný okraj z navigácie a priraď ho pre tag <a></a>.

--

Zajtra sa pokúsim pozrieť na ten originál, uvidím, čo sa dá robiť.

No nieco vyskusam,ale idem najprv spat....rano je mudrejsia vecera

Upravil som šírku a pridal jednu vec do CSS. No a vyzerá to v MSIE takto:



--

HTML:

Kód: Vybrať všetko

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS:

Kód: Vybrať všetko

ul#navlist
{
width: 790px;
\width: 792px;
w\idth: 790px;
padding: 0px;
border: 1px solid #808080;
border-top: 0px;
margin: 0px;
font: bold 12px verdana,helvetica,arial,sans-serif;
background: #808080;
}

ul#navlist li
{
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid #808080;
float: left;
}

ul#navlist li a
{
display: block;
width: 122px;
\width: 158px;
w\idth: 122px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid #aaaabb;
background: #ccccdd;
text-decoration: none;
text-align: right;
}

ul#navlist li a:link { color: #666677; }
div#navcontainer li a:visited { color: #666677; }

ul#navlist li a:hover
{
border-color: #ff9000;
color: #ffffff;
background: #000d33;
}

--

Rob si s tým, čo chceš a strč si to, kam chceš. Btw, vyzerá to dosť chu*ovo.