conflicting scripts, script conflict affecting menu Options

[brotherkarloz]

I have two scripts using the <UL> <LI> format, this is causing the menu not to display correctly

For example---

menu script starts like this:

<ul id="nav" class="dropdown dropdown-horizontal">
<li><a href="index.html">Home</a></li>


photo script starts like this:

<ul class="gallery clearfix">
<li><a href="images/fullscreen/1.jpg?lol=lol" rel="prettyPhoto[gallery1]" title="Vessel"><img src="images/thumbnails/t_1.jpg" width="60" height="60" /></a></li>

[rcanpolat]

Im building a site using pretty photo also. The way my gallery's and nav's are laid out are like so and its not causing any issues

NAVIGATION

CODE

<div class="ddsmoothmenu" id="smooth menu">

GALLERY

CODE

<div class="sidebar">    
<div id="galleryx" class="gallery">

This post has been edited by rcanpolat: Sep 6 2011, 06:33 PM

[Frederiek]

How did you style these lists?
Can you post the url (address) of a page that demonstrates the problem?

[brotherkarloz]

How did you style these lists?
Can you post the url (address) of a page that demonstrates the problem?

Hi Frederiek,

Here's a link to the page with the conflicting scripts:

http://www.carlosaleman.com/test2

[brotherkarloz]

Im building a site using pretty photo also. The way my gallery's and nav's are laid out are like so and its not causing any issues

NAVIGATION

CODE

<div class="ddsmoothmenu" id="smooth menu">

GALLERY

CODE

<div class="sidebar">    
<div id="galleryx" class="gallery">

Here's the page with the problem:

http://www.carlosaleman.com/test2

[pandy]

You need more specific CSS selectors. The below rule is needed for the image list, but messes the menu up. It will affect every LI on the page the way it's written and that's not what you want.

CODE

ul li { display: inline; }

Changing that makes for a big improvement, but the menu still looks a little funny so there is probably more to do.

[Frederiek]

In fact, both UL's have a their own class names and CSS styles. I have the impression that the prettyPhoto.css isn't having any effect, as it's overwritten by rules in the CSS files that follow. So, try putting the prettyPhoto.css *after* the other linked CSS files.

[pandy]

Does it have rule overriding the above one?
Sorry, you were talking about the gallery script. I misread.

Anyway, no CSS rule should have such a general selector if the purpose of the rule isn't actually to be generally applied. It's asking for trouble. Not saying you never can set a general rule and then override it, but then you must know what you are doing and remember what you've done.