Re: [css-d] IE6 and IE7 Correct, everyone else wrong with negative margins
Good explanation, Bill. And I find ASCII very useful for this purpose. iñ 2008/11/18 Bill Brown <[EMAIL PROTECTED]> > Mark Wheeler wrote: > > Yep! That did the trick. I've run into this before, but it was a > > while back. What is it about adding the padding that does the trick? > > Mark > > Hi Mark. > > Glad it helped. > > Basically, I think when you have an element with no border or padding, > the margin looks like this: > > m m m m <-- top margin > sometext > m m m m <-- bottom margin > > ...which means that when it's followed by another element, it looks like > this: > > m m m m <-- top margin > sometext > m m m m <-- bottom margin > m m m m <-- top margin > sometext > m m m m <-- bottom margin > > ...and the margins collapse like this: > > m m m m <-- top margin > sometext > <-- top and bottom margin > sometext > m m m m <-- bottom margin > > ...like a kind of zippering effect. When you add a border or padding, it > changes the nature of the imaginary box holding the content inside an > element so that the margin now looks like this: > > m m m m > sometext > <-- some bottom padding will create the solid margin > <-- allowing this margin to exist on its own... > m m m m <-- ...separated from this margin here > sometext > m m m m > <-- the border on this element will do it too > > sometext > m m m m > > I know the ASCII might not be the best way to demonstrate this, but > hopefully, it gives you at least some idea of what's going on there with > the box model. > > Anyway, I'm glad you were able to get it working. > --Bill > > > -- > > __ > 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/ > -- Iñigo Medina García Tecnología http://www.toprural.com Tu guía de turismo rural __ 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] hover linking & sidebar backgrounds
Hi Kathy, in order to understand your problems it would be useful examples like urls, code, etc. 2008/11/18 Kathy Davie <[EMAIL PROTECTED]> > I am still a newbie at this. I've tested this page in Safari, Opera, > and Firefox (no IEs for Macs so I'll have to figure a way to test on > the IE---later) and I haven't set up most of the links. I have put it > through the validation and the HTML validator tells me that various > and tags are wrong but I can't figure out why. > > I'm having a problem with those of my links which I have activated and > the sidebar backgrounds. > > The hover color for my links is supposed to be pink, not the royal > blue that shows up. I had set my code up with as "a", "hover", and > then "visited" then I switched it around to "a", "visited", and > "hover". It still shows up blue. What am I doing wrong? > > CSS test page > > I have two sidebars: left and right. I added a "repeat-y" to both of > their DIV tags. Now, they end right under the last bit of text. I > want them to repeat as long as the central content repeats. Is there > a way to make this happen or do I need to create size-specific > backgrounds for each page? > > Kathy > __ > 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/ > -- Iñigo Medina García Tecnología http://www.toprural.com Tu guía de turismo rural __ 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] New here!
Welcome Paul. You are in good company here. :-) iñ 2008/11/19 Paul Ravenstone <[EMAIL PROTECTED]> > I have just stumbled across this list and am intrigued... I am fairly new > to > css, and look forward to an arena where ideas can be shared.Paul > > -- > We can't solve problems by using the same kind of thinking we used when we > created them. > ~Albert Einstein > __ > 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/ > -- Iñigo Medina García Tecnología http://www.toprural.com Tu guía de turismo rural __ 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] about inline, replaced element
Hi ray, i'm not sure I've understood what you ask. But it's easy to do the proof and see what happens. :-) I've done it and the anchor element works as parent. So if there is text inside the element its font-size gives the position of the element but it does not resize it. iñ 2008/11/19 ray <[EMAIL PROTECTED]> > Hi, All > > What if an inline, replaced element resides in another inline element? for > example: > > How the image would be positioned with respect to the anchor element? For > instance, if the font-size set on the anchor is very large and the height > set on img is very small, for example: > src="foo.jpg" > /> > where the img would be positioned? and why? > I searched the CSS 2.1 specification, but didn't find any information. > Could > somebody help me out? Thanks in advance. > > All the best > __ > 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/ > -- Iñigo Medina García Tecnología http://www.toprural.com Tu guía de turismo rural __ 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] Horizontal Menu problems
Hi Nadine,
it's a little "strange" how you've organized the structure, because the menu
for "home", "links" and "contact" is after the other menu ("academic
programs", "events", etc.).
Anyway. For fix the color-problem you should have in css the selector "menu
ul li a" and not "menu a".
jff
2008/11/19 Nadine Misiaszek <[EMAIL PROTECTED]>
> I am new to a lot of CSS. I have been trying to get a horizontal
> menu to position. I have looked through the archives and found an
> List Apart example that I could duplicate in isolation:
>
> http://www-rohan.sdsu.edu/~nmisiasz/test/ListApart2.html<http://www-rohan.sdsu.edu/%7Enmisiasz/test/ListApart2.html>
>
> I then tried to position the menu with my other elements.
> http://www-rohan.sdsu.edu/~nmisiasz/test/TestMenu.html<http://www-rohan.sdsu.edu/%7Enmisiasz/test/TestMenu.html>
>
> My problems are:
>
> 1) positioning
> 2) font color of white has been lost or superseded.
> I checked with Firebug and it does not seem to be the result
> of the cascade.
>
> To put the matter in context, I am trying to update an existing site:
>
> http://www-rohan.sdsu.edu/~latamweb/index.html<http://www-rohan.sdsu.edu/%7Elatamweb/index.html>
>
> I would like to keep a similar look. My sense is that CSS is more
> fluid and I will not be able to get the menu bar to exactly align
> with the image that follows it. I do not know what to do that would
> make an attractive alternative.
>
> Thanks for any help you may give.
>
> Nadine
> __
> 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/
>
--
Iñigo Medina García
Tecnología
http://www.toprural.com
Tu guía de turismo rural
__
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] help with box losing dimensions
Hi Simon,
what about fixed box and centered image?
iñigo
2008/12/18 Simon
> Hi,
>
> I'm trying to use a carousel object, and we have the "hard bit working"
> the catch.. the box is losing it's dimensions..
>
> We can fix it by adding a fixed height/width as here, but I'd much rather
> have it be flexible,
> as we don't know the height..
>
> please help
>
> Fixed height code is here:
>
> .views-rotator {
> display: block;
> height: 500px;
> width: 500px;
> }
>
> Example URL
>
> http://attractthat.com/homepage
> __
> 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/
>
--
Those that can, do. Those that can't, complain.
Iñigo Medina García
Tecnología
http://www.toprural.com
Tu guía de turismo rural
__
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/
