Re: [css-d] help with absolute positioning?
Hi again, I am not able to figure out how to position some text on top of a photo > (don't want to use the photo as a background image). > > On this page: > http://www.grassrootsfitness.com/ > > The graphic with the drums that has the orange text "trial class week" is > the part I am working on. I want the photo to be horizontally alined with > the other photos. The orange HTML text needs to be positioned towards the > bottom of the graphic. (to mimic the look of the other graphics, that have > text in the image itself) > > I used 2 divs: one for the graphic, and one for the text that sits on it. > Both have a z-index. I thought that if I used "top: 40px" for the text, it > would push the text down 40px from the top of the photo. but it is pushing > down the photo instead. What am I doing wrong here? > > I am using inline styles just for dev purposes; will put that in a > stylesheet when i get the layout right. The stuff in the curly braces is > dynamically inserted content. > This works fine for me: Trial Class Week http://everydayathletestudio.com/images/channels/Drums_web2.jpg"; alt="Trial Class Week" class="home-promo-img"/> TRIAL WEEK December 13th - December 19th! -- Camilo Kawerín kawerin.com.ar __ 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] outdenting 1st line?
Hi,
On Thu, Dec 16, 2010 at 3:20 PM, Rory Bernstein wrote:
> Is there a way to use CSS to "outdent" some text? I will have a list of
> items (vertical). Some items will be short enough to fit on 1 line. Some
> will wrap; to clarify that those wrapped items are 1 item and not 2 separate
> items, I want to "outdent" the first line, 2nd line would be indented.
>
>
I´m not sure if I understand what you try to do, but, did test this?
li {
margin-left: 2em;
text-indent: -2em;
}
HTH
--
Camilo Kawerín
kawerin.com.ar
__
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 IE
Hi,
I have this page:
http://sportivoferroviario.com/index.php
The problem is in a group of div like this:
#news {width:40em; }
#news div.new {float:left; width:20em; }
#news div.advertise img {width:20em; }
In Firefox I get the expected result:
http://sportivoferroviario.com/FF.jpg
But, in Internet Explorer 6, doesn´t:
http://sportivoferroviario.com/IE.jpg
Any help will be apreciatte,
Best regards
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
