Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
ne prikazivanje ul liste, wtf

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 20.02.2009 15:29    Post subject: ne prikazivanje ul liste, wtf Add user to your forum ignore list Reply with quote

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="#">&raquo; Solution Architecture</a></li>
                            <li><a href="#">&raquo; Application Server</a></li>
                            <li><a href="#">&raquo; Database Services</a></li>
                            <li><a href="#">&raquo; Real Application Clusters</a></li>
                            <li><a href="#">&raquo; 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="#">&raquo; Application Server</a></li>
                            <li><a href="#">&raquo; Database Services</a></li>
                            <li><a href="#">&raquo; Real Application Clusters</a></li>
                            <li><a href="#">&raquo; 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="#">&raquo; Solution Architecture</a></li>
                            <li><a href="#">&raquo; Application Server</a></li>
                            <li><a href="#">&raquo; Database Services</a></li>
                            <li><a href="#">&raquo; Real Application Clusters</a></li>
                            <li><a href="#">&raquo; 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="#">&raquo; Solution Architecture</a></li>
                            <li><a href="#">&raquo; Application Server</a></li>
                            <li><a href="#">&raquo; Database Services</a></li>
                            <li><a href="#">&raquo; Real Application Clusters</a></li>
                            <li><a href="#">&raquo; 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
View user's profile Send private message
:cosmos:



Joined: 12 Sep 2003
Posts: 2098
Location: México

PostPosted: 21.02.2009 02:46    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Send e-mail Visit poster's website Twitter profile
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 22.02.2009 11:03    Post subject: Add user to your forum ignore list Reply with quote

Hvala na odgovoru. Uploadao sam stvar: http://skrati.net/ul/ ...
Back to top
View user's profile Send private message
:cosmos:



Joined: 12 Sep 2003
Posts: 2098
Location: México

PostPosted: 22.02.2009 16:58    Post subject: Add user to your forum ignore list Reply with quote

matun wrote:
Hvala na odgovoru. Uploadao sam stvar: http://skrati.net/ul/ ...


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
View user's profile Send private message Send e-mail Visit poster's website Twitter profile
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 12.03.2009 13:06    Post subject: Add user to your forum ignore list Reply with quote

: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 Smile

: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
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group