Re: [css-d] Is there a simple way to center in an iframe?
You have to apply that rule (text-align: center) in the element that
contains the images. Where are you inserting it in the iframe? I suppose
that your are doing it in the body, so you have to apply the rule to that:
body {text-align: center}.
margin:auto only works with block elements, so it doesn't center it.
Rumoroso
On Tue, Nov 10, 2009 at 10:52 PM, Michael Newberry m...@mirametrics.comwrote:
I'm pasting images into an iframe using a simple click on a link. The image
always appears at the 0,0 scroll position inside the iframe. Is there a
simple css way to center it? I've tried using text-align:center.
Thanks,
Michael
__
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/
--
www.niquelao.net - Niquelando la web
__
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] IE problem - removing line under navigation - any tips?
Hello Lucas. Delete border-bottom: 2px gray; in your CSS (line 131). www.niquelao.net - niquelando la web On 10/12/07, lucas [EMAIL PROTECTED] wrote: Hello I was wondering if there is something obvious I am missing. if anyone has time, could they check out http://lucazoid.com/jt in firefox, it looks ok but in IE, I have a 2px thick gray line running under the navigation buttons at the top of the page. I would like to get rid of this lines but cant see anything in my css which is making them appear. the css is at http://lucazoid.com/jt/resources/css/style.css any suggestions would be most appreciated! Cheers Lucas ___ Want ideas for reducing your carbon footprint? Visit Yahoo! For Good http://uk.promotions.yahoo.com/forgood/environment.html __ 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/ -- www.niquelao.net - Niquelando la web __ 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] adding border on a:hover
You can put the 3px border in your links in normal state. Then you can put
the color of that border similar to the background color...
On 3/1/07, jeffrey morin [EMAIL PROTECTED] wrote:
hi,
i am having trouble adding a border to my links when i hover over them.
i have the links set to display: block; and a:hover { border-left: 3px
solid
blue;}
whenever it hovers over the link though it pushes the link 3 pixels to the
right. i have tried adding text-indent as well as padding and it still
pushes it over. how can i get the links to stop moving? thanks in advance
Jeff
__
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/
--
www.niquelao.net - Niquelando la web
__
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/
Re: [css-d] Inline list items lose their markers
Hi. I want an ordered list to display inline, but when I set li to display:inline; the marker vanishes - meaning that the numbered list appears to have no numbers. Any ideas? There is an aritcle about this problem and three solutions: http://www.niquelao.net/css/2006/11/03/pero-sera-lista/ (in spanish) www.niquelao.net - Niquelando la web __ 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/
Re: [css-d] divs in h1s
Hi James.
On 1/5/07, james shannon [EMAIL PROTECTED] wrote:
Hi all --
After following this list for the past several weeks, I've been
redesigning my current project with a few Good Ideas. One of which is
making everything more semantic.
I had previously been doing this:
div class=section_box
div class=titleWelcome to my site/div
Lorem ipsum dolorem.
/div
div.title would be styled with a different color, a border-bottom,
larger text, etc. In the name of semantics, I replaced div
class=title with h1 and styled h1 appropriately. It looked
great, and I felt good, but ran into problems with:
div class=section_box
h1
div float: leftWelcome to my site/div
div float: right; smaller-fontClick here to expand/div
/h1
Lorem ipsum...
/div
It worked fine, but didn't validate. Turns out the spec doesn't like
divs in h1s.
Is there a way around this, or should I just go back to div.title? I
thought about
h1 class=lefttext/h1h1 class=rightlink/h1
but there are some problems with that and getting everything to line up.
thanks in advance,
james
You can not put block elements in h1. There is a simple solution to your
problem. Your code:
h1Welcome to my site span class=rightClick here to
expandtext/span/h1
and your css:
h1 span { float: right}
I think that your second text (Click here to expandtext) would have to be
out of the head level 1. Are you sure that, in a semantic way, it is part of
the h1?
www.niquelao.net - Niquelando la web
__
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/
Re: [css-d] external link icon in right to left pages does not float to right
if you look here :
http://test3.dekkers.net/
you can see the icon lies under the link, as soon as i remove the
dir=rtl
from the html tag - all works.
this is all the code :
The problem is that links are inline elements and this type can not have
padding. if you want to apply this property to a inline element you have to
use other properties (for example, display: block or float: right):
a[href^=http:]
{
float: right;
padding-right:10px;
background:url(/images/externalLink.gif) no-repeat right top;
}
__
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/
Re: [css-d] How do you controll the vertical alignment of text in an li
New to css so I'm just cutting my teeth on this... I'm trying to create a list of links that look like buttons. I don't want to create individual image buttons for each text link element so I thought I would create a list and then set the background of each list element to my image button. I can center the image vertically and horizontally but I haven't figure out how to do the same with the text. I can only center it horizontally Hello Dave. If you use line-height in the list item you have center it vertically. Put same value in line-height that in height. www.niquelao.net - Niquelando la Web __ 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/
Re: [css-d] Explorer hack
There is a syntactic error that prevents the reading of the rule. IE ignores the error and it interprets it. www.niquelao.net - Niquelando la Web __ 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] help with lists in IE
The list works in Firefox, but in IE, the block background color changes only when I hover over the text. In Firefox, the background changes when I hover over any part of the block. You have to include width or height in the anchor properties. i.e: width: 100% www.niquelao.net http://www.niquelao.net/blog standars, design,... and me __ 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/
