Re: [WSG] css issues

[Michael Horowitz]

Figured it out.  You can ignore this question.


Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Michael Horowitz wrote:

I am wondering if there is an issue in how I am redefining

.module-content
{
    margin: 5px 0 20px 0;
    color: #FF0000;
    font-family: 'Trebuchet MS', Verdana, sans-serif;
    font-size: medium;
    line-height: 150%;

text-align: left;

}

I can't change this code I can only append new css to the end of the file where I add

.module-content
{
              margin: 0px 0 0px 0;
    color: #d22539;
}


Could I be doing something wrong here?

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Michael Horowitz wrote:

Just a note I am having to modify the existing css by redefining the established elements. I do see they use the alpha-inner name multiple times to define inner areas of different divs

Here is how I see the xhtml

<div id="pagebody">
                <div id="pagebody-inner" class="pkg">
                    <div id="alpha">
                        <div id="alpha-inner" class="pkg">

                            <!-- sidebar1 -->

<!-- lists are special -->
    <div class="module-typelist module">

    <h2 class="module-header">Atomic Links</h2>
    <div class="module-content">
        <ul class="module-list">

<li class="module-list-item"><a title="Link to Home Page" href="http://theatomicconservative.typepad.com/my_weblog/";>Home</a></li> <li class="module-list-item"><a title="replacement for default about page" href="http://theatomicconservative.typepad.com/my_weblog/about.html";>All About Jack</a></li> <li class="module-list-item"><a title="Links to all the political stories in Florida. Updated daily." href="http://sayfiereview.com/";>The Sayfie Review</a></li> <li class="module-list-item"><a title="The home for Conservatives on the web " href="http://www.freerepublic.com/home.htm";>Free Republic</a></li>

                   </ul>
    </div>
</div>



and css


#pagebody { position: relative; width: 100%; }


#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#delta { float: right; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner
{
    position: static;
}


So I don't see any padding here unless I am missing something

Thanks for the help

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



Justas Butkus wrote:

Hello,

Sorry to all for unnecessary message about spaces between menu items. ;)

Talking about this problem:

it appears to me, that problem is with element, which id is "alpha-inner".

You have defined padding for it, and it suppresses your menu items.

Maybe you should try not to define padding for it (leave it, and margin to 0). And then apply margin parameters to lower level elements (i.e. module-header)... It might work out...

Talking about literature - I have seen only links and discussions on this group, along with www.w3schools.com for the beginning. So maybe it is not such a good advice, as far as you have some reference by your hand.

Good luck,
Justas Butkus

Michael Horowitz wrote:

I would like to have my buttons go to the end of the blue box on the left and the right but when I try and expand it I lose the text centering. I'm sure I am reading something wrong in CSS when I do this. What would be the best way to do this.

http://theatomicconservative.typepad.com--

Thanks for any ideas.

2nd question I am learning my css from CSS Mastery: Advanced Web Standards Solutions. Any suggestions for any other books I can look at that will compliment my learning.

Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************