[css-d] CSS with flash
Hi all Dont shout if this is not a CSS problem but a flash one as i'm a little unsure. I have a flash banner that is L shaped and i have set the background to transparent using wmode. The Div is have containing the text nicely nestles in the bend of the L on IE7 and firefox but IE6 treats the flash as a block element and buts the text div out, can anyone suggest something? example http://www.design-portfolio.co.uk/helius/about/ thanks in advance -- Regards Terry O'Leary Senior Web Developer @ Design Portfolio Marketing Services ~ Online Communities - www.unofficialfan.com ~Online dating community ? www.d8-m8.com ~ Widen your music www.hayseeddixies.com :: www.lil-chris.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/
[css-d] overflow styling
HI I'm currently using a div with overflow:auto; that displays a scrollbar when the text gets too large, does anyone know if it is possible to style the scrollbar appearance to blend into the site design? not the browser scrollbars but the ones in the div overflow. thanks -- Regards Terry O'Leary Senior Web Developer @ Design Portfolio Marketing Services ~ Online Communities - www.unofficialfan.com ~Online dating community ? www.d8-m8.com ~ Widen your music www.hayseeddixies.com :: www.lil-chris.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] hover technique
Hi all I have an ul acting as a menu (so each li in the list is wrapped in anachor), next to that I have a div containing a jumble of words. What i'd like to do is when I hover of the list item some text in the jumble words change color so they stand out of the jumble, any body got a pure css solution for this, i've included some example code below, i'm thinking some spans in the jumbled words and some way of changing color on a:hover ? div id=nav ul lia href=*ANNUAL REPORTS/a/li lia href=*NEW MEDIA/a/li lia href=*BRANDING/a/li lia href=*CORPORATE COMMUNICATIONS/a/li /ul /div div id=what_do_we_do_sub_right h4DEDICATED TEAM FOR EACH PROJECT // CREATIVEbr / CONCEPTS AND DESIGN DEVELOPMENT // TYPESETTING //br / PROOFREADING // PROJECT, TIME AND COST MANAGEMENTbr / // PRINT MANAGEMENT, INCLUDING PASSING ONbr / PRESS // PHOTOGRAPHY, BOTH COMMISSIONED AND br / LIBRARY // ART DIRECTION //COPY WRITING //ARTWORKbr / // SOURCING AND IMPLEMENTING PHOTOGRAPHYbr / // WEB SITE BUILD AND MANAGEMENT WEB SITEbr / MAINTENANCE // WEB SITE HOSTING //CUSTOM-BUILTbr / CONTENT MANAGEMENT SYSTEMS IMAGE LIBRARIESbr / // SERVER STATISTICS // PDF AND HTML CONVERSIONbr / FOR THE WEB // CORPORATE IDENTITY GUIDLINESbr / // IMPLEMENTATION THROUGHOUT CORPORATEbr / COMMUNICATIONS //ANIMATION AND INTERACTION/h4 /div -- Regards Terry O'Leary Senior Web Developer @ Design Portfolio Marketing Services ~ Online Communities - www.unofficialfan.com ~Online dating community ? www.d8-m8.com ~ Widen your music www.hayseeddixies.com :: www.lil-chris.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] menu affect
HI Guys I'm wanting to produce a menu type affect that when a user rollsover a menu item an image slide out of the menu (similar to a drop down) I dont want this image to do anything just slide in and out of view depending o nthe hovering. Can anyone suggest a site that has implemented this affect (primarily in css) but flash or ajax would be fine! -- Regards Terry O'Leary Senior Web Developer @ Design Portfolio Marketing Services ~ Online Communities - www.unofficialfan.com ~Online dating community ? www.d8-m8.com ~ Widen your music www.hayseeddixies.com :: www.lil-chris.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 5.0
Hi Two things to ask today (thanks to people who answered my li:hover query) , what are peoples opinion on IE 5.0 and the need to consider its lack of CSS support during designing a site (i.e should i not be considered now as its kind of obsolete?) and does anyone know a site apart from browsercam where i could test the site as i have problems with rollovers i need to be able to interact with the page not just view a screen shot... or do one of you have access to IE 5.0 and can you tell me / screen shot the rollover actions on the menu at www.bulgin.co.uk/HTMLDocs/test.html Thanks -- Regards Terry O'Leary Web Developer @ The Elektron Group ~Online dating community ? www.d8-m8.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 5.0
this feature seems to be a pay for feature, was looking for a free solution at the present, thanks. On 8/14/06, Tew, Steven [EMAIL PROTECTED] wrote: BrowserCam now has VCN access where you can log into the servers and test things like JavaScript. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dave Goodchild Sent: 14 August 2006 11:01 To: Terry O'Leary Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] IE 5.0 On 14/08/06, Terry O'Leary [EMAIL PROTECTED] wrote: Hi Two things to ask today (thanks to people who answered my li:hover query) , what are peoples opinion on IE 5.0 and the need to consider its lack of CSS support during designing a site (i.e should i not be considered now as its kind of obsolete?) and does anyone know a site apart from browsercam where i could test the site as i have problems with rollovers i need to be able to interact with the page not just view a screen shot... or do one of you have access to IE 5.0 and can you tell me / screen shot the rollover actions on the menu at www.bulgin.co.uk/HTMLDocs/test.html Thanks -- Regards Depends on your audience. Generically, I still allow for it because it is still used, but its usage is minimal so I guess it's a judgement call. -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Regards Terry O'Leary Web Developer @ The Elektron Group ~Online dating community ? www.d8-m8.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 5.0
Thanks for every1 who answered my query earlier, I've now decided on the best solution to take this forward. Thanks. Terry. On 8/14/06, Shelly [EMAIL PROTECTED] wrote: Terry - and does anyone know a site apart from browsercam where i could test the site as i have problems with rollovers i need to be able to interact with the page not just view a screen shot Why don't you download the standalones? That's what I use for IE5. You can get the standalone versions from evolt, and there's a tutorial on making them work at positioniseverything.net Works great. And it's free. ~Shelly -- Regards Terry O'Leary Web Developer @ The Elektron Group ~Online dating community ? www.d8-m8.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] pure css pop up
Hi
I'm having a problem with a css menu, the idea is that when the list
element is hovered over the menu is displayed. My code works on FF,
Safari but not IE, when i hover in IE nothing happens, see the code
below, any ideas i've tried a few tweaks to no avail.
CSS Code:
/* regional choice menuing */
#regional_choice{
clear:both;
width:390px;
margin:auto;
position:relative;
top:10px;
left:160px;
}
#regional_choice ul{
float:right;
position:relative;
top:-5px;
left:-10px;
margin: 0;
padding: 0;
list-style: none;
width: 135px;
}
#regional_choice ul li {
position: relative;
}
#regional_choice li ul {
position: absolute;
left: 0px;
top: 0px;
display: none;
border:1px solid black;
padding:10px;
background:url(_images/region_bg.jpg) no-repeat;
z-index:30;
}
#regional_choice ul li a {
display: block;
text-decoration: none;
color: navy;
padding: 5px;
}
#regional_choice ul li a:hover {
color:#66;
}
#regional_choice li:hover ul { display: block; }
HTML code:
div id=regional_choice
style=padding-right:30px;font-family:Verdana, Arial, Helvetica,
sans-serif;font-size:0.7em;font-weight:bolder;color:#808080;text-align:right;margin-bottom:-11px;
span style=float:left;
You're currently in the Americas region.
/span
ul
lia href=# style=color:#777;img
src=_images/region_menu.gif border=0 /Change region./a
ul
liCanada/USA/li
lia href=http://www.arcolectric.co.uk/index2.html;Europe/a/li
lia href=http://www.arcolectric.co.uk/index2.html;Rest of the
world/a/li
/ul
/li
/ul
/div
--
Regards
Terry O'Leary
Web Developer @ The Elektron Group
~Online dating community ? www.d8-m8.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF MSIE background image problem
Hi
I've been working on my company site www.arcolectric.co.uk/index2.html
and have designed it in pure CSS.
I have a background img assigned to the body element with a slight
fade, and a div that contains a background image of the menu bar along
the top, i need the background of the menu bar to line up to the
bodies background.
I've discovered that i have a problem with the mast head being
rendered differently in different browsers. On windows in IE the page
displays perfectly, but in firefox/safari on a mac a top margin of
around 7px appears in the div with the menu bar and so pushes the
alignment of the backgrounds out.
I currently have the following CSS for the menu and the body:
#banner_Distribution{
margin:auto;
margin-top:0px;
width:800px;
height:90px;
padding:0px;
padding-right:2px;
background:url(_images/banner_bg_agents.jpg) 0px 0px no-repeat;
}
body{
margin:0px 0px;
width:100%;
background:url(_images/main_body_bg.jpg) 0px -18px repeat-x;
padding:0px;
}
any one have any ideas, i've noticed if i surround the menu bar with a
border the problem fixes itself and have tried various solutions to no
avail HELP!
--
Regards
Terry O'Leary
Web Developer @ The Elektron Group
~Online dating community ? www.d8-m8.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] FF MSIE background positioning problem
Hi
I've been working on my company site www.arcolectric.co.uk/index2.html
and have designed it in pure CSS.
I have a background img assigned to the body element with a slight
fade, and a div that contains a background image of the menu bar along
the top, i need the background of the menu bar to line up to the
bodies background.
I've discovered that i have a problem with the mast head being
rendered differently in different browsers. On windows in IE the page
displays perfectly, but in firefox/safari on a mac a top margin of
around 7px appears in the div with the menu bar and so pushes the
alignment of the backgrounds out.
I currently have the following CSS for the menu and the body:
#banner_Distribution{
margin:auto;
margin-top:0px;
width:800px;
height:90px;
padding:0px;
padding-right:2px;
background:url(_images/banner_bg_agents.jpg) 0px 0px no-repeat;
}
body{
margin:0px 0px;
width:100%;
background:url(_images/main_body_bg.jpg) 0px -18px repeat-x;
padding:0px;
}
any one have any ideas, i've noticed if i surround the menu bar with a
border the problem fixes itself and have tried various solutions to no
avail HELP!
--
Regards
Terry O'Leary
Web Developer @ The Elektron Group
~Online dating community ? www.d8-m8.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
