[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/
