[css-d] An Image On Top Of an Image
Hi; How do I place an image on top of another image? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote: Umm. Can we have an example of what you want? There are many options here, and depending on the effect you're looking for, some may or may not work. kinda figured that... For example: do you want the bottom image to be visible under the top image (translucent)? yes Are the images the same size or is one going to frame the other? not the same size. The bottom one has a hole in it for the button to fill. Imagine the logo for mailman (python mailing list). There is a flag part to the left with a circle on the right: http://www.mailmanlist.net/img/MailmanLogo75x199.jpg Imagine it with flags on either side. Hope that was better. TIA. V __ css-discuss [cs...@lists.css-discuss.org] 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] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 12:23 PM, Peter Coates pcoa...@yukon1000.comwrote: Wouldn't it be easier to construct the finished image you want, and define the active area for the button with a map? Yeah, well, could do; however, I reuse the button over different images. How do? Too complicated? V -Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of Victor Subervi Sent: June-21-10 8:36 AM To: Climis, Tim Cc: CSS Discuss Subject: Re: [css-d] An Image On Top Of an Image On Mon, Jun 21, 2010 at 10:56 AM, Climis, Tim tcli...@indiana.edu wrote: Umm. Can we have an example of what you want? There are many options here, and depending on the effect you're looking for, some may or may not work. kinda figured that... For example: do you want the bottom image to be visible under the top image (translucent)? yes Are the images the same size or is one going to frame the other? not the same size. The bottom one has a hole in it for the button to fill. Imagine the logo for mailman (python mailing list). There is a flag part to the left with a circle on the right: http://www.mailmanlist.net/img/MailmanLogo75x199.jpg Imagine it with flags on either side. Hope that was better. TIA. V __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] An Image On Top Of an Image
Well, Peter, your code worked well; however, I had to add several breaks at the end: table border='0' cellpadding='0' cellspacing='0' tr td colspan='2'#xa0;/td /trtr td width='117' height='147' align='center' valign='middle' bgcolor='#183452' img src='images/mic.jpg' width='107' height='137' / /tdtd width='5'#xa0;/tdtd align='center' span class='large_italic'Listen Live!/spanbr / Click here to listen live to WXZT 90.9 FM now!br /br / table valign='top' align='center' width='260' border='0' cellpadding='0' cellspacing='0' tr td div style='position:relative;top:0;left:0' image src='images/mic-lines.png' width='279' height='65' style='position:absolute;top:0;left:0;width:279px;height:65px' image src='images/button-off.png' width='71' height='71' style='position:absolute;top:-5px;left:105px;width:71px;height:71px' /div br /br /br / /td /trtr td colspan='2'#xa0;/td /tr /table /td /tr /table Even so, it has a little extra space at the top. What happened without the breaks is that your code forced everything down for some reason. Could you explain that? TIA, V __ css-discuss [cs...@lists.css-discuss.org] 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] An Image On Top Of an Image
On Mon, Jun 21, 2010 at 2:22 PM, Climis, Tim tcli...@indiana.edu wrote: snip a bunch of HTML Can you send us a link to your live page instead of all this code? It's a lot easier to debug things that way. http://creative.vi/clients/crucian-edu/ TIA, V __ css-discuss [cs...@lists.css-discuss.org] 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] Newbie Building Boxes
Hi; I'm new to CSS2. I'm trying to build a box of a specific size in which I can: 1) Have a border color 2) Have rounded corners on the inside edge of that border 3) Have a background color within the inside edge 4) Place text that could scroll and must wrap within the inside border and asthetically padded It looks like the lower left box with the Lorem Ipsum text here: http://creative.vi/clients/crucian-edu-template.jpg I presume I should build a table. It seems that until CSS3 is adopted by the major browsers I will have to use images for the rounded corners. Should I nest one table within another to get the background colors I want? Please advise. TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Newbie Building Boxes
On Sat, Jun 19, 2010 at 12:32 PM, David Laakso da...@chelseacreekstudio.com wrote: If the rounded corners, and cross-browser compatibility, are client requirements-- positioning background images using CSS is probably your best bet [for now, at least]. This is relatively easy to do /tableless/. Construct a CSS box with a dark-blue background-color. Nest a light-blue CSS rounded-corner box inside it. This is one of a zillion ways it might be done: http://green-beast.com/experiments/css_smart_corners.php Thanks! V __ css-discuss [cs...@lists.css-discuss.org] 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] Fonts
On Wed, Jun 16, 2010 at 11:05 PM, Philippe Wittenbergh e...@l-c-n.comwrote: In current versions of CSS, you can't manipulate or control those. As I pointed out in my original answer [1], a future version of CSS fonts will have additional properties: My apologies for not paying attention. http://dev.w3.org/csswg/css3-fonts/#font-rend-props Please note (as I said originally), this is the editors draft and subject to change at any moment. It is only a pointer to the current thinking. Thank you. V __ css-discuss [cs...@lists.css-discuss.org] 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] Fonts
On Sat, Jun 12, 2010 at 9:50 PM, Philippe Wittenbergh e...@l-c-n.comwrote: On Jun 13, 2010, at 10:34 AM, David Laakso wrote: http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/ Note that is a very old draft. The current draft is: http://www.w3.org/TR/css3-webfonts/ This is good. Thanks, V __ css-discuss [cs...@lists.css-discuss.org] 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] Fonts
On Wed, Jun 16, 2010 at 9:49 AM, Victor Subervi victorsube...@gmail.comwrote: On Sat, Jun 12, 2010 at 9:50 PM, Philippe Wittenbergh e...@l-c-n.comwrote: On Jun 13, 2010, at 10:34 AM, David Laakso wrote: http://www.w3.org/TR/2002/WD-css3-webfonts-20020802/ Note that is a very old draft. The current draft is: http://www.w3.org/TR/css3-webfonts/ Actually, this doc, while being good, doesn't have anything at all to do with my question concerning pantose-1. stemv, stemh, etc. and I still don't know how to manipulate them to see what they do: !-- h3 { font-variant: small-caps } em { font-style: oblique } -- htmlhead style type=text/css .test { font-size: xx-large; font-style: normal; font-variant: small-caps; font-weight: 600; line-height: normal; font-family: Arial; font-stretch: expanded; stemv: .5em; stemh: 1em; slope: 40; } /style /headbody span class='test'Hello/span /body/html Please advise. TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Fonts
Hi; Googled for a tutorial and/or examples (so I can see in action) what happens when one plays around with the values for panose-1, stemh, stemw, slope, cap-height, etc. Got any ideas? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Problem With Menu
Hi; I've got a css menu here: http://angrynates.com/nrelectric.com/ This works fine in FF but in IE, if you mouseover Services the font turns black and you can't mouseover the dropdown! It disappears before you can get there. What do? Please advise. TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Background Color
Hi; I have a css menu with the following code: #menu a { color: #fff; background: #00; text-decoration: none; } Now, I've put an image in the background of this menu. I would like to get rid of the background color completely; however, if I simply delete the appropriate line, it defaults to white. Is there a way to set the alpha to 0? Some other solution? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Background Color
On Fri, Nov 13, 2009 at 7:19 AM, Jack Timmons jorac...@gmail.com wrote: On Fri, Nov 13, 2009 at 4:33 AM, Victor Subervi victorsube...@gmail.com wrote: Hi; I have a css menu with the following code: #menu a { color: #fff; background: #00; text-decoration: none; } Now, I've put an image in the background of this menu. I would like to get rid of the background color completely; however, if I simply delete the appropriate line, it defaults to white. Is there a way to set the alpha to 0? Some other solution? TIA, Victor Do you have an example page? http://angrynates.com/nrelectric.com/index.py I would recommend taking a look at the parent elements and making sure their backgrounds aren't set, either. Couldn't see any. TIA, V __ css-discuss [cs...@lists.css-discuss.org] 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] Background Color
That color code threw me! Thanks, V On Fri, Nov 13, 2009 at 8:41 AM, Climis, Tim tcli...@indiana.edu wrote: I would recommend taking a look at the parent elements and making sure their backgrounds aren't set, either. Couldn't see any. It's in the header of the html. #menu { width: 12em; background: #eee; } ---Tim __ css-discuss [cs...@lists.css-discuss.org] 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] Font Color Problem
Hi; I have the following code: #menu { width: 12em; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: bold 16px/16px arial, helvetica, sans-serif; display: block; border-width: 0px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; } #menu h2 { color: #fff; background: #000; text-transform: uppercase; } #menu a { color: #000; text-decoration: none; } #menu a:hover { color: #ff0; background: #000; } #menu li { position: relative; } #menu ul ul ul { background: #000; color: #fff; position: absolute; top: 0; left: 100%; width: 100%; } I want to change the font color of the fly-out menu. You can see it here: http://angrynates.com/nrelectric.com/index.py How do? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Font Color Problem
But if I do that, I'll change more than just the fly-out menus! I don't want to change the regular menu. Please advise. V On Fri, Nov 13, 2009 at 10:48 AM, Jack Timmons jorac...@gmail.com wrote: On Fri, Nov 13, 2009 at 9:40 AM, Victor Subervi victorsube...@gmail.com wrote: Hi; I have the following code: #menu { width: 12em; } #menu ul { list-style: none; margin: 0; padding: 0; } #menu a, #menu h2 { font: bold 16px/16px arial, helvetica, sans-serif; display: block; border-width: 0px; border-style: solid; border-color: #ccc #888 #555 #bbb; margin: 0; padding: 2px 3px; } #menu h2 { color: #fff; background: #000; text-transform: uppercase; } #menu a { color: #000; text-decoration: none; } #menu a:hover { color: #ff0; background: #000; } #menu li { position: relative; } #menu ul ul ul { background: #000; color: #fff; position: absolute; top: 0; left: 100%; width: 100%; } I want to change the font color of the fly-out menu. You can see it here: http://angrynates.com/nrelectric.com/index.py How do? TIA, Victor Change: #menu a { color: #000; text-decoration: none; } The color should be whatever you're looking for. To change the color it is when you scroll over, change: #menu a:hover { color: #ff0; background: #000; } I believe that's what you are looking for. -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula __ css-discuss [cs...@lists.css-discuss.org] 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] Font Color Problem
On Fri, Nov 13, 2009 at 10:55 AM, Jack Timmons jorac...@gmail.com wrote: On Fri, Nov 13, 2009 at 9:52 AM, Victor Subervi victorsube...@gmail.com wrote: But if I do that, I'll change more than just the fly-out menus! I don't want to change the regular menu. Please advise. V Being more specific with the CSS selector will allow you to do so: #menu ul ul li ul li a{color: red} Hmm. I added this and it didn't work: #menu ul ul li ul li { color: #fff; } Please take a look: http://angrynates.com/nrelectric.com/Events.py?browser=all Mouse over Services in the nav. TIA, V -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula __ css-discuss [cs...@lists.css-discuss.org] 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] Font Color Problem
On Fri, Nov 13, 2009 at 11:01 AM, Jack Timmons jorac...@gmail.com wrote: On Fri, Nov 13, 2009 at 9:59 AM, Victor Subervi victorsube...@gmail.com wrote: Hmm. I added this and it didn't work: #menu ul ul li ul li { color: #fff; } Please take a look: http://angrynates.com/nrelectric.com/Events.py?browser=all Mouse over Services in the nav. TIA, V -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula That is because you're missing the a to specify for the anchor tag. Otherwise, the #menu a declaration overrides any color set in the li element. #menu ul ul li ul li a { color: #fff; } Thanks! But I thought a was for anchor. Please explain. V __ css-discuss [cs...@lists.css-discuss.org] 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] Can't Adjust Font Size
Well, I took out the javascript and even edited down the css file so that there were no p.intro or p.introbox just a p declaration and I still couldn't edit the latter to change the font size! What gives? You can take a look at the current incarnation here: http://hotelcaravelle.com Thanks for the feedback on firefox on mac. V On Tue, Nov 3, 2009 at 8:36 PM, sam Victor deepaksamvic...@gmail.comwrote: Hi Victor, I have checked the same in my system. Its working fine. Can you please check whether any other CSS inherit this style? Or else give !important like this p { font-size: 16px ! important; } Thanks, Deepak Sam Victor G On Tue, Nov 3, 2009 at 4:05 PM, Victor Subervi victorsube...@gmail.comwrote: Hi; I have the following in my css: p { text-align: left; font-size: 16px; margin-left: 10px; padding-left: 10px; margin-right: 10px; padding-right: 10px; } I have this in my html: td style=background-image: url(images/blue-box-background.gif); background-repeat: repeat-y;pLocated on the waterfront in 18th century Christiansted, Hotel Caravelle faces the harbor with eastward views of Protestant Cay, Christiansvaern Fort and the old French fort site, and westward views of the outmost point of the Judith's Fancy neighborhood wherein lies the entrance to Salt River (the location of Columbuss landing). Northward, when conditions are right, profiles of the other US and British islands show on the horizon./p It doesn't matter to what value I change font-size, it remains the same! What do? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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/ -- G.Deepak Sam Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Can't Adjust Font Size
Hi; I have the following in my css: p { text-align: left; font-size: 16px; margin-left: 10px; padding-left: 10px; margin-right: 10px; padding-right: 10px; } I have this in my html: td style=background-image: url(images/blue-box-background.gif); background-repeat: repeat-y;pLocated on the waterfront in 18th century Christiansted, Hotel Caravelle faces the harbor with eastward views of Protestant Cay, Christiansvaern Fort and the old French fort site, and westward views of the outmost point of the Judith's Fancy neighborhood wherein lies the entrance to Salt River (the location of Columbuss landing). Northward, when conditions are right, profiles of the other US and British islands show on the horizon./p It doesn't matter to what value I change font-size, it remains the same! What do? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Can't Adjust Font Size
Here's a link to the page: http://hotelcaravelle.com/ and http://hotelcaravelle.com/css/caravelle.css I tried changing to ems and %. It didn't change the size of the font at all; however, it did make the text extend outside of the page limits, which was interesting, so obviously it is being read and influencing the p tag. TIA, V On Tue, Nov 3, 2009 at 7:54 AM, Rachel Mawhood rac...@longitude0.co.ukwrote: At 10:35 03/11/2009, Victor Subervi wrote: Hi; I have the following in my css: p { text-align: left; font-size: 16px; margin-left: 10px; padding-left: 10px; margin-right: 10px; padding-right: 10px; } I have this in my html: ... It doesn't matter to what value I change font-size, it remains the same! What do? Have you tried stating the font size in ems or as a percentage, rather than in pixels? Rachel __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] img border
Hi, I have this that works well: img { border:10px solid #7B2E91 } I would like to do one on top of another, something like this: img { border:10px solid #7B2E91 } img { border:20px solid #00 } Is there a way to do this? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Image Background
Hi; I saw this done somewhere but lost track of it. What I would like to do is put a resizable background image (or color) behind pics I put on a Web site, such that, for example, it ends up bordering the image 10 px all around. How do I do this? TIA, Victor __ css-discuss [cs...@lists.css-discuss.org] 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] Fwd: Image Background
Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? TIA, Victor On Wed, Aug 19, 2009 at 11:01 AM, Ron Zisman ronzis...@mac.com wrote: On Aug 19, 2009, at 9:44 AM, Victor Subervi wrote: Hi; I saw this done somewhere but lost track of it. What I would like to do is put a resizable background image (or color) behind pics I put on a Web site, such that, for example, it ends up bordering the image 10 px all around. How do I do this? TIA, Victor something like this? img {border:10px solid blue;} you could use (css) padding or border to create the colored background --ron __ css-discuss [cs...@lists.css-discuss.org] 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 [cs...@lists.css-discuss.org] 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] Fwd: Image Background
Are you suggesting something like this? #*container* { width: 780px; font-family: Arial; font-size: 0.8em; *background*: url(../*image*s/bg*image*.jpg) repeat-y 50% 10%; border: 1px solid #e6930f; } img #*container* {*background*: url(*image*/bg*image*.jpg) repeat-y 50% 10%;} If so, what do I do about the width variable, toss it out and add a border: 10px instead? TIA, Victor On Wed, Aug 19, 2009 at 2:16 PM, Tom Livingston tom...@gmail.com wrote: A container would have a background image larger than the viewable area. As the content of that container increased in size, more of the bg image would show. Pad container as needed for border effect. Just a suggestion. HTH On Wed, Aug 19, 2009 at 3:03 PM, Victor Subervivictorsube...@gmail.com wrote: Great! That works nicely. Now, I understand it's possible to do it with images...but how? How would they resize according to the size of the image around which they're framing, or be put in the background of those images? TIA, Victor -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [cs...@lists.css-discuss.org] 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] Override CSS Line
On Thu, Apr 24, 2008 at 12:09 PM, Foundation Flash [EMAIL PROTECTED] wrote: Victor, firstly, this is the first time I have ever responded to a query, so bear with me and expect to receive an email from someone else refuting all I say here, but here goes anyway: 1) If it's not a typo, your circular brackets: ( and ) need to be curly : { and } around the width:5em; bit. 2) .menu ul #AB means (as I understand it) and element with an id of AB _inside_ a ul. Remove the space between ul and #AB to make it mean the ul with an id of #AB; 3) If that doesn't fix it, it will be due to the fact that the first section gives the width to the link, not the ul. In this case you will want to override the links' width (not the uls') 4) If it still isn't working, you have a problem with specificity. I'm not an expert, but you may want to add in as much information as you can. I think your response is quite cogent. However, I had all 4 correct. Perhaps you were looking at an eariler post; I remember having a space between the ul and #AB before. I think the problem lies in the fact (as stated somewhere previously in this post) that Stu´s css menu places the entire menu in a ul and then each element of the menu that has a drop-down in a nested ul. Thus, if, for example, I set the ul width to 100%, some browsers (like certain versions of IE7 but_not_all) fill the entire menu with the first element, while others give each element a line the height as set by the ul, and others render all the elements in a single line like I want them to. But of course, I want them to show up right everywhere, right? I mean, that´s the idea :) TIA, Victor If you need to follow all 4, you would be left with: .menu ul#AB li a, .menu ul#AB li a:visited{width: 5em;} Hope that lot helps, Harry Original message: Hi: I have this line in my css: .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:90px; height:20px; text-align:center; color:#fff; background:#ff; line-height:20px; font-size:16px; font-weight: 800; overflow:hidden;} and I want to be able to override the width parameter for specific instances. I believe I should do something like this: .menu ul #AB (width: 5em;) where I would have a ul elt with a name of AB. But that, of course, doesn?t work. What do? TIA, Victor -- Harry Burt Head Designer, *Foundation Flash* For more information about our Flash and Web Design services, see: /http://www.foundation-flash.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] Override CSS Line
Hi: I have this line in my css: .menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:90px; height:20px; text-align:center; color:#fff; background:#ff; line-height:20px; font-size:16px; font-weight: 800; overflow:hidden;} and I want to be able to override the width parameter for specific instances. I believe I should do something like this: .menu ul #AB (width: 5em;) where I would have a ul elt with a name of AB. But that, of course, doesn´t work. What do? TIA, Victor __ 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] CSS Drop-Down in IE6?
On Fri, Apr 18, 2008 at 3:33 AM, david [EMAIL PROTECTED] wrote: Highpowered wrote: Victor Subervi wrote: On Thu, Apr 17, 2008 at 11:29 AM, Highpowered [EMAIL PROTECTED] mailto:[EMAIL PROTECTED] wrote: As far as I know, if it is using an .htc file, it is using Javascript (or whatever MS calls their version of it). It's just sitting there in the .htc file instead of a JS file. The only files necessary are the html file and three css files. I whittled it all down to that. I don´t use any htc files. Victor __ 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] Drop-Down Menu In Table?
Hi; Another problem. In my earlier post asking for a css drop-down menu that works in both IE6 and IE7, I was appreciative to have been pointed to the following link: http://www.cssplay.co.uk/menus/dd_valid.html which does indeed work. However, now I am perplexed by the problem of how to get it to work within a table. In the table in which I would like it to work, I have a row above the menu, a td on either side and another row below. I could do away with the row below if necessary, but even if I just make a bare table: tabletrtd menu here /td/tr/table it won´t show any of the drop-downs. Any ideas? TIA, Victor __ 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] Drop-Down Menu In Table?
On Fri, Apr 18, 2008 at 8:39 AM, David Laakso [EMAIL PROTECTED] wrote: Victor Subervi wrote: http://www.cssplay.co.uk/menus/dd_valid.html which does indeed work. However, now I am perplexed by the problem of how to get it to work within a table. it won´t show any of the drop-downs. Any ideas? Victor Stacking context? [1] If it were that, what difference would it make with just one element? Put it on a public server with a clickable link to it http://livestocksling.com/bre/es-do/index.html This works fine in IE7, but not in IE6 arrrggghhh! (I hate IE6 now ;) At any rate, I have 3 different versions of the menu. The one at the top is how I would like it, as described earlier, embedded in the middle of a table. The second ¨bare table¨ menu further down is the one embedded in just this: tabletrtd menu here /td/tr/table The last one is without any table. TIA, Victor __ 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] CSS Drop-Down in IE6?
Hi: Has anyone come up with a css drop-down menu that works in both IE7 *and* IE6? Is it even possible? I see Chris Case tried as much, and no one seems to have responded to his post... TIA, Victor __ 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] CSS Drop-Down in IE6?
On Thu, Apr 17, 2008 at 11:29 AM, Highpowered [EMAIL PROTECTED] wrote: IE6's lack of multi-elemental :hover support makes Javascript a necessity for any mouseover-triggered menu to work the same as it does in 7. Apologies if I am misinterpreting your question. That´s what I thought, but the above-mentioned page *does* work in IE6 w/o JS! Victor __ 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/