View previous topic :: View next topic |
Author |
Message |
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 20.02.2009 16:29 Post subject: ne prikazivanje ul liste, wtf |
|
|
Hi ljudi,
Pokusavam napraviti ul listu koja mi se ne prikazuje ispravno. Nikako da skontam u cemu je problem. Uploadao sam gif da mozete skuziti sto ne radi:
[img=http://img261.imageshack.us/img261/1732/liproblemjb9.th.gif]
Meni se jednostavno _ne_ prikazuju zeleni li-ovi u desnom boxu (zeleno-sivi logo s lijeva se prikazuje), iako kada upalim stranicu miš uredno na hoveru prikazuje ručicu kao da se linkovi vide.
HTML je sljedeci:
Code: |
<ul id="three_boxes" class="clearfix">
<li id="Box-1">
<div id="boxes">
<ul class="list">
<li class="item-1"><a href="#" class="active">Overview</a></li>
<li class="item-2"><a href="#">Integrate</a></li>
<li class="item-3"><a href="#">Analyze</a></li>
<li class="item-4"><a href="#">Earn</a></li>
</ul>
<div class="rightbox">
<img src="images/layout/enterprise-infractructure-logo.gif" alt="Enterprise Solutions Logo" />
<ul class="list">
<li><a class="current-page" href="#">» Solution Architecture</a></li>
<li><a href="#">» Application Server</a></li>
<li><a href="#">» Database Services</a></li>
<li><a href="#">» Real Application Clusters</a></li>
<li><a href="#">» Remote Services</a></li>
</ul>
</div>
<div class="rightbox" style="display: none;">
<img src="images/layout/enterprise-infractructure-logo.gif" alt="Enterprise Infrastructure Logo" />
<ul class="list">
<li><a href="#">» Application Server</a></li>
<li><a href="#">» Database Services</a></li>
<li><a href="#">» Real Application Clusters</a></li>
<li><a href="#">» Remote Services</a></li>
</ul>
</div>
<div class="rightbox" style="display: none;">
<img src="images/layout/enterprise-infractructure-logo.gif" alt="Enterprise Infrastructure Logo" />
<ul class="list">
<li><a class="current-page" href="#">» Solution Architecture</a></li>
<li><a href="#">» Application Server</a></li>
<li><a href="#">» Database Services</a></li>
<li><a href="#">» Real Application Clusters</a></li>
<li><a href="#">» Remote Services</a></li>
</ul>
</div>
<div class="rightbox" style="display: none;">
<img src="images/layout/enterprise-infractructure-logo.gif" alt="Enterprise Infrastructure Logo" />
<ul class="list">
<li><a class="current-page" href="#">» Solution Architecture</a></li>
<li><a href="#">» Application Server</a></li>
<li><a href="#">» Database Services</a></li>
<li><a href="#">» Real Application Clusters</a></li>
<li><a href="#">» Remote Services</a></li>
</ul>
</div>
<!-- //#boxes -->
</div>
</li>
|
.. to je samo za prvi otvoreni "Rightbox" koji je aktivan na prvi od 4 taba s lijeva, a CSS je sljedeći:
Code: |
/* =Rightbox
----------------------------------------------- */
.rightbox {
color: #FF0000;
padding: 0px;
position: relative;
float: right;
}
.list ul li a { color: #007a00; text-decoration: none; float: right; margin: 0px; padding: 0px; border: 1px solid red; }
.list ul li a:hover, .list ul li a.current-page { font-weight: bold; color:#CC3399; border: 1px solid red; }
/* =Three_boxes
----------------------------------------------- */
ul#three_boxes { clear: both; }
ul#three_boxes li { float: left; color: #330033; }
#three_boxes h2 { padding: 6px 0px 0px 6px;}
#three_boxes h2 a { display: block; text-indent: -5000px; background: url('../images/layout/solutions_h2.png') no-repeat; width:65px; height:13px;}
li#Box-1 { margin-top: 10px; margin-left: 10px; background: url('../images/layout/solutions_box.gif') no-repeat; width: 418px; height: 232px; padding: 10px 0 0 10px; }
li#Box-1 h2 a { display: block; text-indent: -5000px; background: url('../images/layout/solutions_h2.png') no-repeat; width:65px; height:13px;}
|
Kod se uredno validira, i css i xhtml (strict doctype).
Ikom ista pada na pamet? |
|
|
Back to top |
|
|
:cosmos:
Joined: 12 Sep 2003 Posts: 2098 Location: México
|
Posted: 21.02.2009 03:46 Post subject: |
|
|
to sto je validno bas i ne znaci puno u ovom slucaju.
ljudima bi puno olaksao davajuci im live link, da se moze debugirati brze i efikasnije.
ono sto sam ja skuzio nabrzinu je da nemas nigdje definiranu tu zelenu sta ti hoces, tj niti jedan a:link o onog desnog ti ima definiranu boju, bar ne pravilno definiranu.
usto bez ostatka stranice ne mogu ni sloziti da se normalno pokaze.
zato uplodaj to negdje.
poz
edit:
referenciras se na nesto sto ne postoji
ispravi ovo
Code: | .list ul li a { color: #007a00; text-decoration: none; float: right; margin: 0px; padding: 0px; border: 1px solid red; } |
u ovo
Code: | ul.list li a { color: #007a00; text-decoration: none; float: right; margin: 0px; padding: 0px; border: 1px solid red; } |
i dobit ces text zeljen |
|
|
Back to top |
|
|
matun
Joined: 19 Feb 2007 Posts: 23
|
|
Back to top |
|
|
:cosmos:
Joined: 12 Sep 2003 Posts: 2098 Location: México
|
Posted: 22.02.2009 17:58 Post subject: |
|
|
stvarno neznam sta pokusavas postici.
al da bi dobio boju na desnom meniju
Code: | #boxes ul li a {main.css (line 33)
color:red; /* test boja */
display:block;
height:31px;
padding-top:0;
text-decoration:none;
text-indent:-5000px; /* komentiraj ovo */
|
zasto ti se obje liste zovu isto? na taj nacin ces samo teze ukrotit to sto zelis, stavit da je onaj <ul> lista_2 i onda pocni rjesavat tu desnu za sebe. |
|
|
Back to top |
|
|
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 12.03.2009 14:06 Post subject: |
|
|
:cosmos: wrote: |
al da bi dobio boju na desnom meniju
Code: | #boxes ul li a {main.css (line 33)
color:red; /* test boja */
display:block;
height:31px;
padding-top:0;
text-decoration:none;
text-indent:-5000px; /* komentiraj ovo */
|
|
Je, tako sam skuzio gdje mi je sto napokon
:cosmos: wrote: | zasto ti se obje liste zovu isto? na taj nacin ces samo teze ukrotit to sto zelis, stavit da je onaj <ul> lista_2 i onda pocni rjesavat tu desnu za sebe. |
Ni sam ne znam zasto su se zvale isto. Vjerojatno iz ocaja dok sam pokusavao sve i svasta pa se tako dogodilo slucajno.
Uglavnom, tnx! |
|
|
Back to top |
|
|
|