Re: [css-d] building a menu
Hello Martin, Looks like you're on the right track. What I'd do is make the submenu nested lists in the lists you already have. Then go on the interwebs and do a search for horizontal suckerfish. That's the technique you're after I think. You'll find ready to use javascript so even if it's not your thing you should be able to figure out how to use it. Another thing. Javascript is really only necessary to get things working in IE6 (and to a lesser degree IE7 in that case as well). If IE6 is not important to you, you can solve this completely with CSS. Gr. Matijs On Thu, Dec 4, 2008 at 12:19 AM, Martijn Adler <[EMAIL PROTECTED]> wrote: > Hi everybody, > > I'm fairly new to css and I'm trying to recreate the site I built with "my > trusted" tables, which can be found here: http://www.opsicilie.nl. So far, > I've made one page (which I will use as a template in Dreamweaver) with only > a rollover menu. The sub menus are still missing: > http://www.fdesign.eu/opSicilie-css/test2.html. > > Can I finish the menu all in css and have it work like it does in the table > version, or do I need to use javascript (not my cup of tea..)? I was > thinking of nesting other lists in the ul I used and then maybe position > them absolute to the #navcontainer. Is this possible? If so/if not, can you > give me some pointers? > > Cheers, > Martin > > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Smarty and CSS - references?
Anyone knows some informations about integrating a CSS file on a Smarty template. I intend to customize a smarty template, but doing so with CSS. I've google it but, no change. :( Thanks in advance, Márcio __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE7, z-index and absolute positioning
I'm using absolute positioning on the eagle here: > http://www.redkitecreative.com/projects/vic/about.php > #eagle { > position: absolute; > top: -50px; > right: -70px; > z-index: 10; > } But it's not overlapping #window div in IE7. When I switch to relative it works - what do I need to do to get it working with absolute? Thanks for your help. -- Debbie Campbell www.redkitecreative.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7, z-index and absolute positioning
Debbie Campbell wrote: > I'm using absolute positioning on the eagle here: > >> http://www.redkitecreative.com/projects/vic/about.php > But it's not overlapping #window div in IE7. When I switch to > relative it works - what do I need to do to get it working with > absolute? Thanks for your help. IE can't stack (layer) absolute positioned elements higher then their containers, so the eagle is stuck at the #header's level. You can add... #header {z-index: 1;} ...to stack the eagle's container higher. Alternatively: delete 'position: relative on both #content and #main to prevent IE from stacking those elements. You have declared a number of unnecessary 'position: relative' in that page, and I advice you to remove all that don't serve a specific positioning and/or stacking purpose. They are otherwise just "noise", which potentially may cause problems like the one above - especially in IE with its pretty broken element-layering. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Active page highlighted in menu and hover highlight on images
I am new to CSS and I have two problems which are undoubtably easy to solve but have eluded me so far. Any help would be appreciated. 1) I have a main nav and a subnav. I was able to make the main nav highlight the active area where the page is located by doing the following. CSS #about #topnav .about a, #clients #topnav .clients a, #projects #topnav .projects a, #subcontractor #topnav .subcontractor a, #contact #topnav .contact a { background: url(images/button-over.gif) repeat-x left top; color: #fff; cursor: default; } HTML Home About Us Clients Projects Subcontractor Blueprints Contact Us However, when I try to do something similar in the sub nav, it's not working. How do I set this up? 2) I have some images that have a CSS border around them. CSS #otherprojects img { border: 2px solid #333; float: left; margin-right: 7px; margin-left: 7px; HTML Other Office Projects Advanced Data I want that border to thicken when I roll over. I have tried all sorts of things with a:hover and can't make it work. How is this done? Any help would be appreciated. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Smarty and CSS - references?
If you're using an external file or inline styles write it just like you'd do it in plain HTML, there's nothing different. The only situation where you can have problems is when declaring CSS inside the HEAD, when every {whatever} is interpreted as a Smarty tag. There are three ways to work around this: a) substitute every { and } with respectively {ldelim} and {rdelim}; - example: body {ldelim} color: #000; {rdelim} b) put {literal} around the whole section where you're using { or }; - example: {literal} body { color: #000; } {/literal} This also means no Smarty tag is recognized or interpreted INSIDE the literal block. c) change the default delimiters for the whole Smarty object in your PHP script. - example: $smarty->left_delimiter = "["; $smarty->right_delimiter = "]"; I believe you didn't find it with Google because most of the folk having issues with { and } in Smarty is trying to use them in inline scripts. Searching for Smarty and Javascript would have done the trick. djn MEM wrote: > Anyone knows some informations about integrating a CSS file on a Smarty > template. I intend to customize a smarty template, but doing so with CSS. > > I've google it but, no change. :( > > > Thanks in advance, > Márcio -- - Dejan Kozina Web design studio Dolina 346 (TS) - I-34018 Italy tel./fax: +39 040 228 436 - cell.: +39 348 7355 225 skype: dejankozina http://www.kozina.com/ - e-mail: [EMAIL PROTECTED] __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE list-style-type bug
Greetings! I had a page with several ordered lists and styled them with lower-alpha, which produced lists of all number 1s with no sequential numbering. I tried several other possibilities with similar results. Finally, I gave up and changed the lists to tags, but I've read that this also can cause problems and that even list-style-type: none; doesn't work in IE 5.5, 6.0, and 7.0. Should I just give up on lists altogether or is there some workaround I'm missing. Any suggestions appreciated. Bill Boletta __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] [OT] Need Screenshot Please
Sorry about posting this here but I'm in desperate need of a screenshot from someone using Konqueror on Linux. If you can help, please contact me off list. Thank you, Frank __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE list-style-type bug
wlb wrote: > Greetings! > > I had a page with several ordered lists and styled them with > lower-alpha, which produced lists of all number 1s with no sequential > numbering. I tried several other possibilities with similar results. It sounds like your problem might be triggering hasLayout on the list items. But if you can produce a simple test case with valid HTML 4.01 Strict that shows the problem, that would help. Compare: * http://www.satzansatz.de/cssd/onhavinglayout.html * http://www.brunildo.org/test/IEul1.html * http://www.brunildo.org/test/ul1px.html > Finally, I gave up and changed the lists to tags, but I've read that > this also can cause problems and that even list-style-type: none; doesn't > work in IE 5.5, 6.0, and 7.0. Read where? > Should I just give up on lists altogether or is there some workaround I'm > missing. There are plenty of bugs with lists (as with most other bits of the stack). That said, I've not met a bug with lists that ever made me think of giving up on them. -- Benjamin Hawkes-Lewis __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [OT] Need Screenshot Please
> Sorry about posting this here but I'm in desperate need of a > screenshot from someone using Konqueror on Linux. If you can help, > please contact me off list. > > Thank you, > Frank hey all, hi Frank There is a very nifty free screen shot service at http://browsershots.org/ that will do a Linux Konqueror 3.5 shot for you. best regards, Sandy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [OT] Need Screenshot Please
yahoo wrote: > Sorry about posting this here but I'm in desperate need of a > screenshot from someone using Konqueror on Linux. If you can help, > please contact me off list. > > Thank you, > Frank 20081204 1848 GMT-5 Frank check out: http://browsershots.org It will show you your site on many different browsers on many different OS's. Wade -- Registered Linux User: #480675 Linux since June 2005 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/