Jump to content

Archived

This topic is now archived and is closed to further replies.

aebstract

white border inside border

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.

Share this post


Link to post
Share on other sites
View source.

The great example you cite was done with tables.

If it's all on your site, show us the CSS you have so far.

Share this post


Link to post
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]

Share this post


Link to post
Share on other sites
You can't have two borders in one div, you gotta have 2 divs for 2 borders

Share this post


Link to post
Share on other sites
I'm looking at your example, and it just doesn't work for me, so I'll have to agree with nogray and say that it doesn't work.

Share this post


Link to post
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]

Share this post


Link to post
Share on other sites

×

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.