PDA

View Full Version : css dropline menu problem


houserabbit
05-28-2009, 12:52 AM
hi, this is the dropline menu that i want,
but i cant get the dropline menu css code,
i try search http://www.cssplay.co.uk/pro_dropline.css get the css code from the folder
but when i open in browser, it appear error

<link rel="stylesheet" media="all" type="text/css" href="../css/default.css" />

<link rel="stylesheet" media="all" type="text/css" href="pro_dropline.css" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="pro_dropline_ie.css" />
<![endif]-->


the pro dropline menu address:
http://www.cssplay.co.uk/menus/pro_dropline.html

edbr
05-28-2009, 03:02 AM
http://www.cssplay.co.uk/menus/pro_dropline.css

houserabbit
05-28-2009, 07:38 AM
http://www.cssplay.co.uk/menus/pro_dropline.css


do u have try open the link
it cant be open!!!

edbr
05-28-2009, 08:05 AM
i can open it, are you sure you cant?

houserabbit
05-28-2009, 09:24 AM
i can open it, are you sure you cant?


then can paste the code here..
i really cant open it..!

Corrosive
05-28-2009, 11:02 AM
Here you go...

/* ================================================== ==============
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_dropline.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
================================================== ================= */

.nav {
height:35px;
background: url(http://www.cssplay.co.uk/menus/pro_line_0.gif) repeat-x;
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
width:750px;
z-index:500;
}

.nav .table {
display:table;
margin:0 auto;
}
.nav .table .row {display:table-row;}

.nav .select,
.nav .current {
margin:0;
padding:0;
list-style:none;
display:table-cell;
white-space:nowrap;
}

.nav li {
margin:0;
padding:0;
height:auto;
float:left;
}

.nav .select a {
display:block;
height:35px;
float:left;
background: url(http://www.cssplay.co.uk/menus/pro_line_0.gif);
padding:0 30px 0 30px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#ddd;
}

.nav .current a {
display:block;
height:35px;
float:left;
background: url(http://www.cssplay.co.uk/menus/pro_line_2.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:35px;
white-space:nowrap;
color:#fff;
}


.nav .current a b {
display:block;
padding:0 30px 0 15px;
background:url(http://www.cssplay.co.uk/menus/pro_line_2.gif) right top;
}

.nav .select a:hover,
.nav .select li:hover a {
background: url(http://www.cssplay.co.uk/menus/pro_line_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#fff;
}

.nav .select a:hover b,
.nav .select li:hover a b {
display:block;
float:left;
padding:0 30px 0 15px;
background:url(http://www.cssplay.co.uk/menus/pro_line_1.gif) right top;
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.nav .sub {
display:table;
margin:0 auto;
padding:0;
list-style:none;
}

.nav .sub_active .current_sub a,
.nav .sub_active a:hover {
background:transparent;
color:#f00;
}

.nav .select :hover .select_sub,
.nav .current .show {
display:block;
position:absolute;
width:750px;
top:35px;
background:url(http://www.cssplay.co.uk/menus/back_0.gif);
padding:0;
z-index:100;
left:0;
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a,
.nav .current .show .sub li a {
display:block;
float:left;
background:transparent;
padding:0 10px 0 10px;
margin:0;
white-space:nowrap;
border:0;
color:#444;
}

.nav .current .sub li.sub_show a {
color:#088;
cursor:default;
background:url(http://www.cssplay.co.uk/menus/back_1.gif);
}

.nav .select :hover .sub li a:hover,
.nav .current .sub li a:hover {
visibility:visible;
color:#088;
background:url(http://www.cssplay.co.uk/menus/back_1.gif);
}

houserabbit
05-28-2009, 02:01 PM
thank for helping....