24/11/2008, 11:48
|
| | Fecha de Ingreso: mayo-2008
Mensajes: 105
Antigüedad: 16 años, 8 meses Puntos: 0 | |
menu css e IE 7 Tengo un problema con ie 7 y un menu css. Esta linea (width:150px; <----------) del css es la que lo fastidia. Si la quito funciona en ie 7 pero no en ie6, y si la pongo al reves. Me esta volviendo loco. ¿Me podeis ayudar?
Menu:
Código:
echo __('My Account') . '</a>';
echo '<ul>';
/* Loop through each navigation item */
foreach( $bp['bp_nav'] as $nav_item ) {
echo '<li>';
echo '<a id="' . $nav_item['id'] . '" href="' . $nav_item['link'] . '">' . $nav_item['name'] . '</a>';
if ( is_array( $bp['bp_options_nav'][$nav_item['id']] ) ) {
echo '<ul>';
foreach( $bp['bp_options_nav'][$nav_item['id']] as $subnav_item ) {
echo '<li><a id="' . $subnav_item['id'] . '" href="' . $subnav_item['link'] . '">' . $subnav_item['name'] . '</a></li>';
}
echo '</ul>';
}
echo '</li>';
}
echo '<li><a id="logout" href="' . get_option('siteurl') . '/wp-login.php?action=logout">' . __('Log Out') . '</a></li>';
echo '</ul>';
echo '</li>';
/* List out the blogs for the user */
if ( function_exists('bp_blogs_install') ) {
$blogs = BP_Blogs_Blog::get_blogs_for_user( $bp['loggedin_userid'] );
echo '<li><a href="' . $bp['loggedin_domain'] . $bp['blogs']['slug'] . '/my-blogs">';
_e('My Blogs');
echo '</a>';
echo '<ul>';
if ( is_array( $blogs['blogs'] ) ) {
foreach( $blogs['blogs'] as $blog ) {
echo '<li>';
echo '<div class="admin-bar-clear"><a href="' . $blog['siteurl'] . '">' . $blog['title'] . '</a>';
echo '</div>';
echo '<ul style="border:15px">';//quitar
echo '<li><a href="' . $blog['siteurl'] . '/wp-admin/">' . __('Dashboard') . '</a></li>';
echo '<li><a href="' . $blog['siteurl'] . '/wp-admin/post-new.php">' . __('New Post') . '</a></li>';
echo '<li><a href="' . $blog['siteurl'] . '/wp-admin/post-new.php">' . __('Manage Posts') . '</a></li>';
echo '<li><a href="' . $blog['siteurl'] . '/wp-admin/themes.php">' . __('Switch Theme') . '</a></li>';
echo '<li><a href="' . $blog['siteurl'] . '/wp-admin/edit-comments.php">' . __('Manage Comments') . '</a></li>';
echo '</ul>';
echo '</li>';
}
} else {
echo '<li>';
echo '<a href="' . $bp['loggedin_domain'] . $bp['blogs']['slug'] . '/create-a-blog">' . __('Create a Blog!') . '</a>';
echo '</li>';
}
echo '</ul>';
echo '</li>';
}
if ( bp_core_is_home_base( $wpdb->blogid ) ) {
// TODO: possible menu for current group/user/photo etc
} else {
$authors = get_users_of_blog();
if ( is_array( $authors ) ) {
/* This is a blog, render a menu with links to all authors */
echo '<li><a href="/">';
_e('Blog Authors');
echo '</a>';
echo '<ul class="author-list">';
foreach( $authors as $author ) {
$author = new BP_Core_User( $author->user_id );
echo '<li>';
echo '<div class="admin-bar-clear"><a href="' . $author->user_url . '">';
echo $author->avatar_mini;
echo ' ' . $author->fullname;
echo '<span class="activity">' . $author->last_active . '</span>';
echo '</a>';
echo '</div>';
echo '</li>';
}
echo '</ul>';
echo '</li>';
}
}
echo '</ul>';
echo '</div>';
echo '</div>';
echo '</div>';
CSS:
Código:
body { padding-top: 28px !important; }
#wp-admin-bar {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1001;
height: 28px;
color: #fff;
text-align: left;
background:url(../images/admin_bar_back.gif) #818181 repeat-x;
}
#wp-admin-bar img#admin-bar-logo {
position: absolute;
top: 8px;
left: 10px;
}
#wp-admin-bar a img {
border: none !important;
}
#wp-admin-bar li * {
font: 12px normal "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, Verdana, Arial, sans-serif !important;
font-weight: normal !important;
background-image: none !important;
}
#wp-admin-bar li a {
padding: 6px 15px 7px 15px !important;
}
/*******************/
#wp-admin-bar ul { /* all lists */
margin: 0;
list-style: none;
line-height: 1;
cursor: pointer;
height: 30px;
padding: 0;
}
#wp-admin-bar ul {
/*margin-left: 80px;*/
}
#wp-admin-bar ul li { /* all list items */
padding: 0;
/*height: 25px;*/
float: left;
}
#wp-admin-bar ul li a {
display: block;/*prodria ser aqui*/
/*display:list-item;*/
font-size: 1.1em;
text-decoration: none !important;
color: #fff !important;
}
#wp-admin-bar ul.main-nav li a:hover, #wp-admin-bar ul.main-nav li:hover {
/*background: #777;*/
color: #1600ff !important;
}
/* second-level lists */
#wp-admin-bar ul li ul {
position: absolute;
width: 185px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
height: auto;
margin-left: 0;
}
#wp-admin-bar ul li ul li {
float:none;/*prodria ser aqui*/
margin: 0px;
border:none;
/*background: #eee !important;*/
background-color:#eee;
}
/*quitar*/
#wp-admin-bar ul.main-nav li ul li a:hover, #wp-admin-bar ul.main-nav li.sfhover ul li a:hover {
color: #fff;
}
#wp-admin-bar ul li ul a {
color: #666 !important;
}
#wp-admin-bar ul.main-nav li ul li a:hover {
/*background: #888;*/
}
#wp-admin-bar ul li div.admin-bar-clear {
clear: both;
background-color:#eee;
border-bottom: 3px solid #eee;
}
/* third-and-above-level lists */
#wp-admin-bar ul li ul ul {
margin: -28px 0 0 185px;
}
#wp-admin-bar ul li:hover ul ul, #wp-admin-bar li.sfhover ul ul {
left: -999em;
}
#wp-admin-bar ul li:hover ul, #wp-admin-bar ul li li:hover ul, #wp-admin-bar ul li.sfhover ul, #wp-admin-bar ul li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
#wp-admin-bar ul.main-nav li ul li:hover {
/*background: #555;*/
}
/* Menu item css */
#wp-admin-bar img.avatar {
float: left;
border: 2px solid #fff !important;
margin-right: 8px;
}
#wp-admin-bar span.activity {
display: block;/*prodria ser aqui*/
/* color: #888;*/
margin-left: 34px;
font-size: 10px !important;
background: none !important;
border: none !important;
padding: 0 !important;
}
#wp-admin-bar li a:hover span.activity {
color: #ccc;
}
#wp-admin-bar ul.author-list li {
height: 55px;
}
/*nuevo menu*/
/* Begin CSS Drop Down Menu */
#menuh-container
{
position: absolute;
top: 0;
left: 6em;
width:100%;
}
#menuh
{
font-size: small;
font-family: arial, helvetica, sans-serif;
width:100%;
float:left;
margin:0;
margin-top: 0;
}
#menuh a
{
text-align: left;
display:block;
border: none;
white-space:nowrap;
margin:0;
padding: 0;
width:150px; <----------
}
#menuh a:link, #menuh a:visited, #menuh a:active /* menu at rest */
{
color: white;
background-color: none;/**/
text-decoration:none;
}
#menuh a:hover /* menu at mouse-over */
{
color: white;
background-color: none;
text-decoration:none;
/*height: 12px;revisar*/
}
#menuh a.top_parent, #menuh a.top_parent:hover /* attaches down-arrow to all top-parents */
{
background-image: url(navdown_white.gif);
background-position: right center;
background-repeat: no-repeat;
}
#menuh a.parent, #menuh a.parent:hover /* attaches side-arrow to all parents */
{
background-image: url(nav_white.gif);
background-position: right center;
background-repeat: no-repeat;
}
#menuh ul
{
list-style:none;
margin:0;
padding:0;
float:left;
width:50px;
/*width:9em; width of all menu boxes */
}
#menuh li
{
position:relative;
min-height: 1px; /* Sophie Dennis contribution for IE7 */
vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}
#menuh ul ul
{
position:absolute;
z-index:500;
top:auto;
display:none;
padding: 0em;
margin:-1em 0 0 -1em;
}
#menuh ul ul ul
{
top:0;
left:100%;
}
div#menuh li:hover
{
cursor:pointer;
z-index:100;
}
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}
div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}
/* End CSS Drop Down Menu */
|