Jump to content

white border inside border


aebstract

Recommended Posts

I want a single div to be able to have a 1px border and a 2-3px border on the inside of the 1px. then have a bg color and padding of about 5px. A great example of what I want can be found at: www.gmail.com the login box how it has a thin border, then white then the bg color. I got all of it on my site except for the white part. Thanks in advance.
Link to comment
Share on other sites

[a href=\"http://www.carbenco.com/beta/\" target=\"_blank\"]http://www.carbenco.com/beta/[/a]
I don't want to use tables, and here is the css for what you see:
[code]
#logintemp1 {
        position: absolute; top: 80px; right:7px;
        background-color: #CCCCCC;
        width: 195px;
                        border-width: 1px;
                        border-color: #666666;
                        border-style:solid;
            padding: 5px;
}
[/code]
Link to comment
Share on other sites

The way google has done it is by having a td cell with a 1px border with 5 pix padding then in side that cell is a table whcih has the ligh blue background. So here is how they have done it:
[code]<style type="text/css">
#outer {
  border: 1px solid #E8EEFA;
  padding: 5px;
  width: 225px;
}
#inner {
  padding: 10px;
  background-color: #E8EEFA;
}
#inner h1 {
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
  font-size: 24p;
}
</style>

<div id="outer">
  <div id="inner">
    <h1>Header</h1>
    through a top-down, proactive approach we can remain customer focused and goal-directed,
    innovate and be an inside-out organization which facilitates sticky web-readiness
    transforming turnkey eyeballs
  </div>
</div>[/code]
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.