Hunting for a template

[kweitzel]

But even on a large screen it does not look OK ... here with 1280 width ...

cheers

Klaus

[gelöscht durch Administrator]

[crnogorac081]

she wanted upper menu centered, so she must been change a width of menu to be too short

[NotASingleWhiteFemale]

It looks just fine on my 1280x800 Macbook display.

I can't figure out what's going on. Perhaps WebsiteBaker is the problem and I'd be better off developing a stand-alone website?

[crnogorac081]

nope, WB is cool, you just need to change the width of menu from 50% to eg. 80% to fit smaller screens...

[Argos]

It looks just fine on my 1280x800 Macbook display.

I can't figure out what's going on. Perhaps WebsiteBaker is the problem and I'd be better off developing a stand-alone website?

LOL WB has nothing to do with it, it just shows a template. If the template's not right, WB cannot magically fix it 

[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

[NotASingleWhiteFemale]

So I have:

#menu
{
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*/
}

but I need this?

#menu
{
height: 29px;
padding: 0 10px 0 10px;
left:50%;                /* The box will start at center of screen*/
position:relative;
width: 494px;         
margin-left:-247px; 
}

[crnogorac081]

No just leave it that way and we will wait for comments 

cheers

[NotASingleWhiteFemale]

I'm confused now.

[Argos]

In IE7, the horizontal scrollbar is gone now. The vertical one is still there.

[NotASingleWhiteFemale]

Hmm.... Looks like WB might not be able to do it then. None of the templates on RVSiteBuilder do anything other than make a hell of a mess. With the hidden problems of WB and IE7 (I use Firefox), it seems pretty much that I'm going to have to dump CMSs and do my own design and coding, which might take a while.

[NotASingleWhiteFemale]

Add IE8 to the number of browsers that won't work with this template. Ok. Going back to old-school manual websites...

This looks better... [url removed by admin, not WB anymore]

It needs a menu so I can change the slides but that's about all.

[crnogorac081]

WB is compatibile as much as you(me, or anyone else) is capable to code it well. So dont blame WB.

your problem is that you have big object for 17" screen (1024 x 768) the scrool bar will appear, as you when you remove address barr and buttons above browser window, and space below window (status bar, tool bar etc..) and objects inside site (header, footer), and considering that your script is 800x533, the vertical scroolbar must appear on smaller screens (768 ....)

[Argos]

You have to code it so that there is only 1 scrollbar on the right, the normal one. The iframe you apparently use should have a fixed height and width, and should not be compressable. It should also have nothing to do with WB. Although for simpler sites like this, a CMS may be overkill indeed. I love WB, but sometimes it's easier to build a simple static site.

[NotASingleWhiteFemale]

Yes. I'm going to have to build a static site. I've played with goodness knows how many website design programs and content management systems with various templates and none seem to have helped at all. The nearest good-looking thing is apples .mac website but I'm not paying for two webhosts.

[kweitzel]

Apologies, but that is just a stupid comment ... if you properly handle your CSS you will get there!

cheers

Klaus

[NotASingleWhiteFemale]

Nah. Too much work. I'll take a look at Microsoft's Publisher next and see if I can put a website together with that. My wife has a copy.

Failing that, I'll have another go with rvsitebuilder though I fear the templates are pretty horrible.

[Argos]

You would be better of with actually trying to learn a bit more of the technical aspects of building proper websites, instead of relying on instant website builders. They will probably all be disappointing as they never will be just what you are looking for. You will probably keep banging your head against the wall, unless you get more insight and working knowledge in webdesign.

[NotASingleWhiteFemale]

I suspect you're probably right there.

I've just had a go with iWeb and it produced a very nice looking site that I could live with. I now have to work out how on earth to get my slideshows into it.

[NotASingleWhiteFemale]

Well, here's the final result although I may well change the slideshows from Flash to Javascript purely because iPhones can't handle Flash.

[url removed by admin, not WB]

[Luckyluke]

It looks better so.
But I don't see that this site was created in WB.
I can't locate the admin logon screen. I see no tracks in the template that looks like WB.
Did you change something in .htaccess?

Grtz,
Luc