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

Hunting for a template

<< < (7/11) > >>

Argos:
It's an Internet Explorer thing. Other browsers don't show the scroll bars, but IE7 does. It shows a javascript error as well, by the way. And the menu is horrible in all browsers...

NotASingleWhiteFemale:
That's wacky.... It works just fine on Firefox with my macbook and my pc.

Here's the CSS file

*
{
padding: 0em;
margin: 0em;
}

body
{
background: #000;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
color: #000;
text-decoration: underline;
}

a:hover
{
text-decoration: none; /* underline;*/
}

a:visited
{
text-decoration: none;
}

img
{
border: solid 0px #000;
}

#header
{
width: 100%;
height: 29px;
background: url(img/BG1.JPG) repeat-x;
padding: 0px;
margin: 0px;
}

#menu
{
/* removed width: 50%; /* You can adjust this to set it to your needs*/*/
height: 29px;
/* removed margin: 0 auto; */
padding: 0 10px 0 10px;
left:50%;                /* The box will start at center of screen*/
   position:relative;
   width: 494px;         /* from center it will go for example 600 px, play with this to adjust it to your menu, set the border as 1px to see exactly where your menu ends, then put that widthand remove border */
   margin-left:-247px;  /* this will move your menu left, value must be a half of width above - 300px and that will make it centered*/
}

#menu ul
{
position: absolute;
top: 4px;
}

#menu ul li
{
display: inline;
}

#menu ul li a
{
color: #fff;
font-weight: bold;
padding: 5px 10px 10px 10px;

}

#menu ul li a:hover
{
border-bottom: 2px dotted #000; /* set from fff to 000 to hide */
}

#menu ul li a.menu_current
{
background: transparent url(img/active.JPG) repeat-x;
}

#box
{
width: 100%; /* Set to 80% of screen , if you want you can set it to exact, like 800px */
border: 0px solid #000;
margin: 0 auto;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
background-color: #000;  /* This is background color, set 000 if you want this to be black too */
}

#footer
{
height: 30px;
clear: both;
padding-top: 10px;
background-color: #000;
font-size: 0.8em;
color: #fff;
text-align: center;
}

crnogorac081:
I left you comments :)

See, now width in:

#menu
{
/* removed width: 50%; /* You can adjust this to set it to your needs*/*/ is dissabled, so its 100% of site width :)

The menu should be ok now :)

cheers

NotASingleWhiteFemale:
Ok. The 50% is now re-enabled. Does it look any better on tiny screens?

crnogorac081:
You got me wrong :)

You need to dissable that line :) that way If you have too much menu ittems, few last ittems will colapse to seccond row below :)

cheers

Navigation

[0] Message Index

[#] Next page

[*] Previous page