| | |
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
Autor | Správa |
---|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 |
chcem si dat na stranku toto: http://www.cssplay.co.uk/menus/tab_overlap.html
no chcem aby sa v tych popisnych textoch zobrazovali odkazy... no ked si ich tam da tak sa ten odkaz zaradi medzi tie zalozky... ako to opatrit aby sa zobrazovall v tom riadku?
kod je asi takyto...
Kód: <style type="text/css">
.tabs {padding:10px 0 0 10px; margin:40px 10px 0 0; list-style:none; height:26px; background:#dee; border:1px solid #000; position:relative;} .tabs li {float:left; margin-right:-4px; margin-bottom:-1px;} .tabs li a {display:block; text-decoration:none; font-size:11px; font-family:verdana, arial, sans-serif; line-height:23px;} .tabs li a em {display:block; float:left; height:25px;text-align:center; padding:0 15px; background:#488; border:1px solid #000; border-right:0; font-style:normal; color:#fff;} .tabs li a span {display:none;} .tabs li a b {position:relative; display:block; float:left; z-index:100; border-bottom:1px solid #000; width:2px; background:url(tab.gif);}
.tabs li a b.p1 {height:25px; margin-top:1px;} .tabs li a b.p2 {height:23px; margin-top:3px;} .tabs li a b.p3 {height:21px; margin-top:5px;} .tabs li a b.p4 {height:19px; margin-top:7px;} .tabs li a b.p5 {height:18px; width:1px; background:#000; margin-top:9px; font-size:1px; line-height:0; border:0;}
.tabs li a:hover {color:#000; white-space:normal;}
.tabs li a:hover em {background:#9bb; color:#000; cursor:pointer; border-bottom-color:#9bb; position:relative; z-index:300;} .tabs li a.selected em {background:#9bb; color:#000; border-bottom-color:#9bb; text-decoration:none; position:relative; z-index:400;} .tabs li a.selected:hover em {cursor:default;} .tabs li a.selected:hover b {cursor:default;} .tabs li a.selected b {z-index:400; background-position:0 -33px; border-bottom-color:#9bb; cursor:pointer;}
.tabs li a:hover b {background-position:0 -33px; border-bottom-color:#9bb; cursor:pointer;} .tabs li a:hover b.p5, .menu li a.selected b.p5 {background:#000;}
.tabs li a:hover span {display:block; position:absolute; left:10px; top:35px; color:#000; white-space:nowrap;} .tabs li a.selected:hover span {display:none;}
.message {background:#9bb; border:1px solid #000; border-top:0; text-align:right; padding:5px 10px; margin:0 10px 50px 0; color:#fff; font-size:10px;} .message a {background:#9bb; color:#000; border-bottom-color:#9bb; text-decoration:none; position:relative; z-index:400;} </style>
Kód: <ul class="tabs">
<li><a href="#nogo" class="selected"><em>home</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>Hlavná stránka.</span></a></li> <li><a href="#nogo"><em>lyfestyle</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b></a><span><a href="lyfestyle/hudba.html" >hudba</a></span></li> <li><a href="#nogo"><em>charts</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>Who we are. What we do and where to find us.</span></a></li> <li><a href="#nogo"><em>hobby</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>Methods of getting in touch, including an online contact form and various email addresses.</span></a></li> <li><a href="#nogo"><em>download</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>See what we do with the information we gather on this site.</span></a></li> <li><a href="#nogo"><em>funny</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>Links to all the great websites out there on the World Wide Web</span></a></li> <li><a href="#nogo"><em>recenzie</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>See what we do with the information we gather on this site.</span></a></li> <li><a href="#nogo"><em>g-book</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>See what we do with the information we gather on this site.</span></a></li> <li><a href="#nogo"><em>kontakt</em><b class="p1"></b><b class="p2"></b><b class="p3"></b><b class="p4"></b><b class="p5"></b><span>See what we do with the information we gather on this site.</span></a></li> </ul> <div class="message">menu</div>
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 | |
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | Napísal autor témy jablko05: 16.12.2007 19:50 | |
|
ok, a s problemom ci bez?
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 |
tvoj web, kde mas to menu
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | Napísal autor témy jablko05: 16.12.2007 19:54 | |
|
|
|
Registrovaný: 13.11.07 Prihlásený: 06.03.08 Príspevky: 431 Témy: 28 |
ked tam pridas odkaz, vsimni si, ze to menu styluje aj nejake odkazy, cize je logicke, ze sa ti to zaradi ako zalozka. tu je potreba znalost css, novym odkazom musis dat nejaky identifikator, resp. class a musis im v css zrusit vlastnosti, ktore maju rodicovske odkazy.. chapes?
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | Napísal autor témy jablko05: 16.12.2007 19:58 | |
|
ano, daco take som si myslel... myslim ze to uz budem vediet spravit... este sa ozvem, zatial dik
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | Napísal autor témy jablko05: 16.12.2007 20:08 | |
|
no som z toho debil... css este moc nemam v krvi... nejaka dobra dusa ktora by to prepisala?
|
|
Registrovaný: 26.11.06 Prihlásený: 22.01.24 Príspevky: 4118 Témy: 319 Bydlisko: HE/BA | Napísal Flety: 16.12.2007 20:14 | |
|
ale ved na tej strankeje spusta menu, ktore su presne takeako potrebujes, su sice designovo ine ale to si zmenis asi lahsie ako upravis toto inak, sry za ot ale zaujal ma ten program, ako si to spravil???
|
|
Registrovaný: 02.12.07 Prihlásený: 26.02.13 Príspevky: 1114 Témy: 49 | Napísal autor témy jablko05: 16.12.2007 22:05 | |
|
Kód: http://tv-program.sk
ale ked ja chcem presne hento
|
|
| Stránka: 1 z 1
| [ Príspevkov: 10 ] | |
Podobné témy | Témy | Odpovede | Zobrazenia | Posledný príspevok |
---|
| Problém s menu v HTML, XHTML, XML, CSS | 5 | 473 | 17.10.2010 10:57 luko222 | | problem s menu v HTML, XHTML, XML, CSS | 10 | 635 | 24.02.2009 16:45 jefitto | | Problem s menu v Webdesign | 5 | 420 | 06.07.2012 22:02 F3RY | | Problém s menu v HTML, XHTML, XML, CSS | 9 | 564 | 27.06.2008 18:22 hulaha | | Problem s menu v HTML, XHTML, XML, CSS | 7 | 393 | 01.07.2010 21:55 shaggy | | Wordpress-problem s menu v Redakčné systémy | 7 | 402 | 09.06.2013 18:33 17mark | | Menu v IE - problém v HTML, XHTML, XML, CSS | 4 | 496 | 27.08.2009 10:07 Ďuri | | MBR problém - nenabehne bootovacie menu v Operačné systémy Unix a Linux | 2 | 443 | 08.11.2010 18:24 davider137 | | Problem s menu v zozname v HTML, XHTML, XML, CSS | 8 | 473 | 17.02.2008 19:58 Creation | | Win 10 Search Menu problem v Operačné systémy Microsoft | 0 | 198 | 10.11.2017 18:33 Mc_Cranky | | [HELP]Problem zo select menu v PHP, ASP | 11 | 487 | 31.03.2014 11:47 TheMark147 | | Menu - problem s pseudo-elementom v HTML, XHTML, XML, CSS | 2 | 258 | 14.02.2012 19:56 tomco3131 | | problem s menu v IE v HTML, XHTML, XML, CSS | 8 | 526 | 27.02.2008 15:10 jablko05 | | Problem s menu na blu-ray v Ostatné programy | 0 | 270 | 15.11.2015 14:42 vlukas | | problem s menu (include) - domains hosting v PHP, ASP | 7 | 571 | 23.10.2007 19:49 Blackshadow | | Problem s e107 admin menu - vyriesene v Redakčné systémy | 0 | 477 | 19.12.2006 17:39 SonnY |
| Nemôžete zakladať nové témy v tomto fóre Nemôžete odpovedať na témy v tomto fóre Nemôžete upravovať svoje príspevky v tomto fóre Nemôžete mazať svoje príspevky v tomto fóre
|
|