[css-d] h4/a right border alignment within td (E.M on CSS p.102)
OOps: Sorry, neglectful post. Context: chapter 5 of book, site:
www.ericmeyeroncss.com. Describing html: transition between ch0504.html and
ch0505.html. Situation: programmer is presented with a web page in which a
web page describes a navigation td at left and a body td at right. The
navigation td consists of a series of h4s separating a series of a's
pointing to the appropriate pages elsewhere on the site. The programmer
decides to add a *separate* style section, not part of the original style
sheet, to describe the navigation td, hence, *before* the update I don't
understand:
style type=text/css
/* menu styles */
td#sidelinks a { display: block;
margin: 0; padding: 1px;
text-decoration: none;
font: bold 100% Arial, Verdana, sans-serif;
border-right: 1px solid rgb(30%,20%,20%); }
td#sidelinks h4 { background-color: transparent; color: rgb(30%,20%,10%);
margin: 0; padding: 1em 0 0;
font: bold 100% Arial, Verdana, sans-serif; }
/style
Next step is to change td#sidelinks a padding to 1px 10px 1px 5px; As a
result, *both* the hr's and the a's get padded. I don't understand how the
padding gets applied to the hr's.
--
--albo
__
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] h4/a right border alignment within td (E.M on CSS p.102)
Albo Fossa wrote: I've been taking the course. I see you add right padding to a elements in the td , thus forcing the border to the right. I *don't* understand how the h4 right borders jump over too, and in general the h4 text remains so obedient. Does it have to do with the fact that h4 is margin: 0? Hi Albo, Eh, really no idea ... The people on this list who don't have Eric Meyer's book (like me...) have a lack of information. If you want them to get what you mean, you should provide us with some more data. What is the css and html code of this illustration? Maybe there is some code online in Eric's book's dowloads http://www.ericmeyeroncss.com/dloads/. In that case, a project number is needed instead of a page number. ;-) Greetings, francky __ 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/
[css-d] h4/a right border alignment within td (E.M on CSS p.102)
I've been taking the course. I see you add right padding to a elements in the td , thus forcing the border to the right. I *don't* understand how the h4 right borders jump over too, and in general the h4 text remains so obedient. Does it have to do with the fact that h4 is margin: 0? -- --albo __ 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/
