Account Options

  1. Sign in
The old Google Groups will be going away soon, but your browser is incompatible with the new version.
Google Groups Home
« Groups Home
webDorks
Home
+ new post
About this group
Join this group
Message from discussion CSS HELP PLEASE
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
kirain...@gmail.com  
View profile  
 More options Jun 23 2009, 6:16 pm
From: kirain...@gmail.com
Date: Tue, 23 Jun 2009 22:16:55 +0000
Local: Tues, Jun 23 2009 6:16 pm
Subject: Re: CSS HELP PLEASE
Print | View thread | Show original | Report this message | Find messages by this author

Jeremy you're the man
Sent on the Sprint® Now Network from my BlackBerry®

-----Original Message-----
From: Jeremy B <jbue...@gmail.com>

Date: Tue, 23 Jun 2009 15:15:40
To: <webDorks@googlegroups.com>
Subject: Re: CSS HELP PLEASE

Well I have a start, that might help solve the problem...

first thing first, we can make a couple changes to the markup to minimize
the amount of CSS to write.

so start by doing something like this:

<body>
<div id="sidebar_left">Your Content</div>
<div id="main">Main Content</div>
<div id="sidebar">Your Content</div>
<div id="footer">Footer Content</div>
</body>

Then for your CSS you can do something like this:
    <style type="text/css" media="screen">
        #sidebar{
            float: left;
            width: 245px;
            background: green;
        }
        #sidebar_left{
            float: left;
            width: 200p;
            background: yellow;
        }
        #main{
            width: 450px;
            float: left;
            background:orange;
        }
        #main p{
            margin-top: 0;
        }
        .clear{
            clear: both !important;
            font-size: 0 !important;
            height: 0 !important;
        }
        #footer{
            clear: both;
        }
    </style>

I have attached a HTML document that you can see, its nothing spectacular
but might be enough to get you on track? If not let me know, I'm more than
happy to help wherever I can.

Jeremy Bueler
www.jbueler.com

On Tue, Jun 23, 2009 at 2:37 PM, Stacey Anderson <kirain...@gmail.com>wrote:

> I'm working on a site and think I can't see the forest for the trees
> anymore.

> On this page, you can see the error:
> http://www.schoolauction.net/index.php/resources/, the body copy is
> smashed into the sidenav.
> On this page, it works just fine:
> http://www.schoolauction.net/index.php/resources/guide/

> These pages share the same CSS.

> This site uses Concrete 5 as a CMS. If you see stuff like <div id="HTML
> Block 57"> that is code generated by Concrete 5. C5 seems to add a lot of
> extraneous code and I wonder if that is mucking this up.

> Any advice would be profoundly appreciated.

> - Stacey


 
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.
Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2013 Google