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/