Newbie: drop down menu and other questions

WebsiteBaker Support (2.8.x) > Templates, Menus & Design

<< < (2/2)

Argos:
I don't see squares, but in IE8 your design is rather messed up though. I didn't check other browsers.

marcomesa:
hi,
I was able to remove the square, I think it was a parameter of the UL command...Also some other people told me about that, in firefox works good, Dont know why in Internet explorer doesnt work...

Argos:

--- Quote from: marcomesa on May 03, 2010, 05:06:13 PM ---hi,
I was able to remove the square, I think it was a parameter of the UL command...Also some other people told me about that, in firefox works good, Dont know why in Internet explorer doesnt work...

--- End quote ---

There are often different CSS interpretations in different browsers. You should check at least firefox, ie7 and ie8.

marcomesa:
my god I just check with Ie7 my website for Godsake it is really mess up! I'm a totally newbye in the css I didnt notice to did that. Now in firefox works like a charm, even the dropdown menu is fine, but in explorer the dropdown menu doeasnt work and the website is totally wrong.
Maybe I play too much without knowledge...by the way where I could start to fix it? because it was a kind of epical challenge to adjust the template and make the dropdown...

by the way I did some test and even if re install the original orange sunset it is a mess. The strange thing is in another hosting the original template works. it make me so confusing, because even re installing all in IE7 doesnt works. Could be possible becauuse the different server?I dont think so...

So I am confused...dont know how to fix

here are my index.php

--- Code: ---<?php

/*

WebsiteBaker Project <http://www.WebsiteBaker.org/>
Copyright (C) 2004-2006, Ryan Djurovich

WebsiteBaker is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.

WebsiteBaker is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with WebsiteBaker; if not, write to the Free Software
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA

*/

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//<?php echo LANGUAGE; ?>" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo LANGUAGE; ?>">

<head>
<title><?php page_title(); ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php if(defined('DEFAULT_CHARSET')) { echo     DEFAULT_CHARSET; } else { echo 'utf-8'; }?>" />
<meta name="description" content="<?php page_description(); ?>" />
<meta name="keywords" content="<?php page_keywords(); ?>" />


<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/style.css" />


<link rel="stylesheet" type="text/css" href="<?php echo TEMPLATE_DIR; ?>/colour.css" />

</head>

<body>
<div id="main">

<div id="links">

<?php show_menu2(2, SM2_ROOT, SM2_START, SM2_ALL, '<span>| [a][menu_title]</a>', ' |</span>', '', '');?>
</div>
<div id="logo"><h1><?php page_title('', '[WEBSITE_TITLE]'); ?></h1></div>

<div id="menu">
<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL, false, "\n</li>", false, false, false, '<ul id="pmenu">'); ?>

</div>
<div id="content">

<p></p>
<?php show_menu2(0, SM2_ROOT, SM2_CURR, SM2_CRUMB, '<span class="[class]"> > [a][menu_title]</a>', '</span>', '', '', '<b>You are here:</b> <span class="[class]">[a][menu_title]</a>');?>


<div id="column1">


<?php ob_start();
        show_menu2(1, SM2_ROOT+2, SM2_CURR);
        $childmenu=ob_get_contents();
        ob_end_clean();
        if ($childmenu!="") {?>
<div class="sidebaritem">
<div class="sbihead">
<h1>in this section</h1>
</div>
<div class="sbilinks">
<?php echo $childmenu; ?>
</div>
</div>
<?php } ?>

<?php ob_start();
        show_menu2(1, SM2_CURR+1, SM2_CURR+1);
        $childmenu=ob_get_contents();
        ob_end_clean();
        if ($childmenu!="") {?>
<div class="sidebaritem">
<div class="sbihead">
<h1>in this section</h1>
</div>
<div class="sbilinks">
<?php echo $childmenu; ?>
</div>
</div>
<?php } ?>

<div class="sidebaritem">
<div class="sbihead">
<h1>Looking for...</h1>
</div>
<div class="sbicontent">

<?php if(SHOW_SEARCH) { /* Only show search box if search is enabled */ ?>
<form name="search" action="<?php echo WB_URL; ?>/search/index<?php echo PAGE_EXTENSION; ?>" method="post">
<input type="text" name="string" style="width: 100px;" />
<input type="submit" name="submit" value="Search" style="width: 80px;" />
</form>
<?php } ?>

<p></p>
</div>
</div>

<?php if(FRONTEND_LOGIN AND !$wb->is_authenticated()) {?>
<div class="sidebaritem">
<div class="sbihead">
<h1><?php echo $TEXT['LOGIN']; ?></h1>
</div>
<div class="sbicontent">
<form name="login" action="<?php echo LOGIN_URL; ?>" method="post" class="login_table">
<?php echo $TEXT['USERNAME']; ?>:
<input type="text" name="username" style="text-transform: lowercase;" />
<?php echo $TEXT['PASSWORD']; ?>:
<input type="password" name="password" />
<input type="submit" name="submit" value="<?php echo $TEXT['LOGIN']; ?>" style="margin-top: 3px; text-transform: uppercase;" />
<a href="<?php echo FORGOT_URL; ?>"><?php echo $TEXT['FORGOT_DETAILS']; ?></a>
<?php if(is_numeric(FRONTEND_SIGNUP)) { ?>
<a href="<?php echo SIGNUP_URL; ?>"><?php echo $TEXT['SIGNUP']; ?></a>
<?php } ?>
</form>
</div>
</div>
<?php } elseif(FRONTEND_LOGIN AND $wb->is_authenticated()) {?>
<div class="sidebaritem">
<div class="sbihead">
<h1><?php echo $TEXT['LOGIN']; ?></h1>
</div>
<div class="sbicontent">
<form name="logout" action="<?php echo LOGOUT_URL; ?>" method="post" class="login_table">
<h2><?php echo $TEXT['LOGGED_IN']; ?></h2>
<?php echo $TEXT['WELCOME_BACK']; ?>, <?php echo $wb->get_display_name(); ?>
<br />
<input type="submit" name="submit" value="<?php echo $MENU['LOGOUT']; ?>" />
<br />
<a href="<?php echo PREFERENCES_URL; ?>"><?php echo $MENU['PREFERENCES']; ?></a>
<a href="<?php echo ADMIN_URL; ?>/index.php"><?php echo $TEXT['ADMINISTRATION']; ?></a>
</form>
</div>
</div>
<?php } ?>

<div class="sidebaritem">
<div class="sbihead">
<h1>contacts</h1>
</div>
<div class="sbicontent">

<p>
contact us:</p>
<p>info@beavita.it</p>

</p>
</div>
</div>
</div>
<div id="column2">
<h1><bigger than life...('','[PAGE_TITLE]'); ?></h1>

<?php page_content(); ?>
</div>
</div>
<div id="footer">
Powered by <a href="http://www.WebsiteBaker.org">Website baker</a><br/>
copyright © 2008 Marco Mezzalana | <a href="#">marcomesa@gmail.com</a> | <a href="http://digilander.libero.it/marco.mesa">Marco Mezzalana Photography</a>
</div>
</div>
</body>
</html>

--- End code ---

and here my style.css

--- Code: ---/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
padding: 0px;
margin: 0px;
font-size: .68em;
}

p
{ margin: 0px;
padding: 0px 0px 6px 0px;
line-height: 1.7em;
}

h1
{ font-family: arial, sans-serif;
letter-spacing: .1em;
}

h2
{ margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 100%;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left;
padding: 0px 8px 0px 0px;
}

.right
{ float: right;
padding: 0px 0px 0px 8px;
}

.center
{ display: block;
text-align: center;
margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
padding: 0px;
}

ul li
{ list-style-type: none;
margin: 0px 0px 11px 0px;
padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px;
padding: 0px;
}

/* main container */
#main
{ width: 780px;
margin-left: auto;
margin-right: auto;
}

/* links above the logo / footer */
#links, #footer
{ margin-left: auto;
margin-right: auto;
padding: 10px 21px 0px 19px;
width: 720px;
height: 26px;
font-size: 94%;
text-transform: uppercase;
}

#links{text-align: right;}

#footer{text-align: center;}

#links a, #footer a{text-decoration: none;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ margin-left: auto;
margin-right: auto;
width: 760px;
height: 100px;
text-align: left;
}

#logo h1
{ margin: 0px;
padding: 41px 0px 0px 19px;
font-size: 150%;
letter-spacing: .2em;
}

/* navigation menu */
#menu
{ height: 42px;
width: 760px;
margin-left: auto;
margin-right: auto;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
margin: 0px;
padding: 0px;
}

#menu li a
{ display: block;
float: left;
height: 37px;
text-decoration: none;
padding: 3px 19px 2px 19px;
text-transform: uppercase;
}

/* main content */
#content
{ margin-left: auto;
margin-right: auto;
width: 760px;
height: auto;
padding: 0px;
overflow: hidden;
}

/* column 1 - contains sidebar items */
#column1
{ width: 207px;
float: right;
padding: 16px 0px 5px 0px;
}

.sidebaritem
{ text-align: left;
width: 188px;
float: left;
margin: 0px 0px 5px 0px;
}

.sbihead
{ height: 14px;
width: 188px;
padding: 5px 0px 5px 19px;
text-transform: uppercase;
}

.sbihead h1
{ padding: 0px;
margin: 0px;
font-weight: bold;
font-size: 112%;
}

.sbicontent{padding: 14px 8px 8px 19px;}

.sbicontent p
{ line-height: 14px;
padding: 0px 0px 5px 0px;
}

.sbilinks{padding: 0px;}

.sbilinks ul{margin: 0px auto;}

.sbilinks li
{ margin: 0px;
float: left;
list-style: none;
}

.sbilinks li a , .sbilinks li a:hover
{ float: left;
height: 16px;
text-decoration: none;
padding: 5px 0px 4px 19px;
width: 188px;
border: 0px;
}

/* column 2 - page content */
#column2
{ text-align: justify;
width: 512px;
float: left;
padding: 12px 3px 15px 19px;
}

#column2 h1
{ padding: 6px 0px 4px 0px;
margin: 0px 0px 12px 0px;
border-bottom: 1px solid;
font-size: 150%;
text-transform: uppercase;
font-weight: normal;
}

.sidebaritem a, #column2 a
{ padding: 0px 0px 2px px;
text-decoration: none;
border-bottom: 1px dashed;
}

.sidebaritem a:hover, #column2 a:hover{border-bottom: 1px solid;}

/* contact page - form layout */
.sidebaritem form{margin-top: 0px;}

.sidebaritem div.row
{ clear: both;
width: 448px;
}

.sidebaritem div.row span.formlabel
{ float: left;
width: 150px;
text-align: left;
}

.sidebaritem div.row span.forminput
{ float: right;
text-align: right;
}

.sidebaritem div.spacer
{ clear: both;
width: 160px;
}

.sidebaritem input, textarea
{ width: 130px;
font-family: verdana, arial, sans-serif;
border: 1px solid;
font-size: 100%;
margin: 2px;
}

.sidebaritem submit
{ font-family: verdana, arial, sans-serif;
border: 1px solid;
width: 70px;
height: 22px;
cursor: pointer;
font-size: 100%;
}

#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
#pmenu {margin:25px 0 20px 15px;}
#pmenu li {float:left;position:relative;}
#pmenu a, #pmenu a:visited {display:block; width:110px; height:37px; text-decoration:none; text-indent:5px; }
#pmenu li ul li a, #pmenu li ul li a:visited { border-bottom: 1px groove #FFFFFF; }
#pmenu li:hover > a{background:#dfd7ca; color:#c00; }
#pmenu li ul {display: none;}
#pmenu li:hover > ul {display:block; position:absolute; font-size:9px; top:0; left:148px; border-left:1px inset #DBD7D1; border-right:1px inset #DBD7D1; border-left:1px inset #DBD7D1;}
#pmenu > li:hover > ul {left:0; top:42px;}

--- End code ---

Navigation

[0] Message Index

[*] Previous page

Go to full version