WebsiteBaker Community Forum
General Community => WebsiteBaker Website Showcase => Topic started by: Vincent on September 18, 2006, 11:55:48 AM
-
Hi to all bakers,
Here's a new one. I made it for a new Dutch concert agency (classical music). It'll be in english as well, but for now just Dutch: www.argusimpresaria at.nl
I had one problem though that I haven't been able to solve yet, so if anyone has an idea: submenu items that are longer than 1 'row' don't show properly in FF, they ovelap the next item :|
Anyway: thanks for a great tool, the client is very happy because of its ease of use and flexibility.
Vincent
-
really nice ... you do have an issue though with the menu ...
If I select the link "Muziektheater" the submenu only displays "Corona en Theater" but when I then hover the mouse over it, it displays "Corona en Theater Madoc" with Madoc in a second line which breaks the menu box ...
cheers
Klaus
-
Klaus, that's excactly what I meant with the problem I described...! Now If you also have the solution... :wink: I'd be very greatful.
Vincent
-
Maybe I should have read ... ;-)
The issue is actually not FF, since it renders the CSS correctly, but IE, which doesn't ...
You have the value "height: 2.2em;" in your CSS for the navigation. Like said above, FF displays it correctly but IE doesn't respect the height statement. Have a look here for the IE Bug (at least, I think it is a version of this bug you have there): http://www.positioniseverything.net/explorer/expandingboxbug.html
cheers
Klaus
-
Hi Klaus,
it took me a while to sort things out. I knew I was using a trick to let IE display the data correctly: if I removed the height statement it would show properly in FF but not in IE: there would be a gap between the list-items.
Eventually I found the solution :-D (which I never came across on tutorials or sites):
add border-bottom: 1px solid; to the lists. So I ended up
#menuBox li {
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid; /*necessary for IE: otherwise the menu will gain height*/
border-color: #eee;
}
#menuBox a {
display: block;
color: #FFF;
padding: 5px 0px 3px 25px;
margin: 0;
}
in stead of
#menuBox li {
margin-top: 0px;
margin-bottom: 1px;
padding-top: 0px;
padding-bottom: 0px;
}
#menuBox a {
display: block;
color: #FFF;
height: 16px;
padding: 5px 0px 3px 25px;
margin: 0;
}
Works fine now in all browsers. Pfff.
Regards,
Vincent
-
looks great! I like people you bite themselfs into the problem :-D
cheers
Klaus
-
I love your web site. It really pushes what can be done in WB.
If it's not too much trouble, can you tell me how you put the News (Nieuws) box on your Home page?
I have a News page on my site, but would love to be able to take just the headlines and present them on my Home page too!
This is my first WB site. Please take a look at the work in progress...
http://www.zuzabooks.com/pages/news.php
-
have a look for "display news anywhere" and also at my templates "Molten Lava", "Metal Slabs" or "Snakeskin in the hole", they have this feature built in.
cheers
Klaus
-
Thanks for the quick reply!
-
hello vincent :-)
the website www.argusimpresaria at.nl are looking very nice :-D
good colour-mix and the great "a" as a background is a good idea.
maybe it is possible for you, to put into the flash-animation (page-entry) a link to the mainsites (wbs) ?
could be a "skip intro" or "jump to homepage" as a link on bottom of page-entry also...
should be easier for visitors to jump to the mainsites on a second visit without waiting :wink:
did you build this animation by yourself ? should it be so - are you interested to build some flash-animation for me ?
you can send a mail to me if you want: muck_hamburg@yahoo.de
greets,
nipumuck