MENU

Poradňa s HTML, CSS, PHP, MySQL a so všetkým, čo sa týka tvorby webových stránok

Moderátor: Moderátori

MENU

Poslaťod SLAMO » Pon Apr 28, 2008 9:08 am

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod vlado » Pon Apr 28, 2008 10:39 am

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
Obrázok
vlado ak vie pomôže:-)
ak nevie - vie iný :-(
Obrázok užívateľa
vlado
Pokročilý
Pokročilý
 
Príspevky: 146
Registrovaný: Pia Jún 01, 2007 11:38 am

Poslaťod SLAMO » Pon Apr 28, 2008 7:17 pm

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod SLAMO » Str Apr 30, 2008 3:42 pm

Nevie nikto? :(
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Str Apr 30, 2008 4:26 pm

Asi ti to rozdelilo preto, lebo tam bolo málo miesta.
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Poslaťod SLAMO » Str Apr 30, 2008 4:31 pm

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Str Apr 30, 2008 4:35 pm

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.
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Poslaťod SLAMO » Str Apr 30, 2008 4:40 pm

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Str Apr 30, 2008 5:32 pm

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ť...
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Poslaťod SLAMO » Str Apr 30, 2008 8:17 pm

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
Obrázok

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Str Apr 30, 2008 9:03 pm

Tá „čiara“ sa nazýva „border“. :wink: 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ť.
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Poslaťod SLAMO » Str Apr 30, 2008 9:47 pm

Tak sa mi podarilo takto to prerobit

Kód: Vybrať všetko
http://ulozisko.sk/51136-navigation_sample.zip.html

Obrázok

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.
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Str Apr 30, 2008 10:08 pm

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ť.
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Poslaťod SLAMO » Str Apr 30, 2008 11:21 pm

No nieco vyskusam,ale idem najprv spat....rano je mudrejsia vecera :D
SLAMO
Pokročilý
Pokročilý
 
Príspevky: 112
Registrovaný: Pon Feb 04, 2008 4:03 pm

Poslaťod PANTHER » Štv Máj 01, 2008 9:11 pm

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

Obrázok

--

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š. :wink: Btw, vyzerá to dosť chu*ovo. :D
Pred založením novej témy si prezri FAQ pre phpBB2 / FAQ pre phpBB3 a taktiež použi vyhľadávanie, pretože tvoj problém už môže byť vyriešený.

It's good to be bad! Why? Coz' I can!

„Synku, ci hutorim, neopiraj sebe ten bicygeľ o tu scenu, bo nam oľeci brizoľit!“
...
Synku, ta co hutorim po bulharsky?!
Obrázok užívateľa
PANTHER
Expert
Expert
 
Príspevky: 1063
Registrovaný: Sob Mar 31, 2007 4:09 pm

Ďalší

Späť na Tvorba web stránok

Kto je on-line

Užívatelia prezerajúci fórum: Žiadny registrovaný užívateľ nie je prítomný a 0 hostia


vladstudio
TOPlist TOPlist

Valid XHTML 1.0 Strict [Valid Atom 1.0]


* Štúrovo ubytovanie *