473,473 Members | 2,243 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

Adding a Border in CSS

7 New Member
Hey all!

I was just wondering if someone could help me with a small CSS problem I'm having.

I am working on a template for my blog, and it's almost finished, save one issue. I added a background image to the CSS which used to dictate that there was only to be a background color. After I did this, I worked out some small things on the CSS code and it turned out pretty well, except for one thing. The old blog template CSS somehow managed to make a border around the, but when I switched over to using a background image, the border was lost.

This is the old CSS code that I replaced:

Expand|Select|Wrap|Line Numbers
  1. body{
  2.   background:#DCDCDC repeat center 0;
  3.   color:#7E7E7E;
  4.   font-family: Arial, Helvetica, Sans-serif;
  5.   font-size: 13px;
  6.   margin:0px;
  7.   padding:0px;
  8. }

And this is the new code with the background image:

Expand|Select|Wrap|Line Numbers
  1. body {
  2.   background: #000000 url(http://2.bp.blogspot.com/-kyNrJYgWWGg/TxY1jOX1ItI/AAAAAAAAAGQ/DSuW6EgNxLE/s1600/BG.png) no-repeat center 0;
  3.   color:#7E7E7E fixed;
  4. }
  5. .body-fauxcolumns .fauxcolumn-outer div, .body-fauxcolumn-outer .cap-top .cap-left {
  6.   background:none;
  7. }

I've included 2 pictures as attachments to help clarify what border I'm referring to. One shows the old border that I wish to get back, and the other shows what the new template looks like, without said border.

If you need a live page to look at, you can find the site at kingdomeyes.blogspot.com

Any help would be massively appreciated.
Attached Images
File Type: jpg Old BG.jpg (49.4 KB, 180 views)
File Type: jpg New BG.jpg (61.0 KB, 150 views)
Jan 19 '12 #1
2 2466
Dormilich
8,658 Recognized Expert Moderator Expert
said border is certainly not on the <body> (verified by the given CSS). hence it must be defined somewhere else. there may be even the possibility, that it ain't a border at all.
in the development tools (FF, Safari, Chrome and probably Opera as well) you can visualise the elements and their CSS properties. there you can check where the border in your old layout comes from.
Jan 19 '12 #2
ncost
7 New Member
You're right! It was in the #outer-wrapper div, and I solved the problem! Thanks mucho!
Jan 19 '12 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

23
by: MattB | last post by:
Hello please help, I have a table cell with a div in it. The div has a width of 300px. but when it is rendered it puts extra space into the table cell. Here's the style <style>...
0
by: yurps | last post by:
Hello here is my html, if you click the missing image in the first column on the left, the div is shown, when clicked again the div disappears...but the bottom border disappears as well...Is there...
10
by: Melissa Mussitsch | last post by:
I've done this before while creating a brand new table. But the code below is not working and I keep getting the error: "Internet Explorer cannot open the Internet site ..... Operation aborted" ...
31
by: jcrouse | last post by:
Is there a quick and easy way to change the color of a label controls border from the default black to white? Thank you, John
2
by: MrCode2k | last post by:
Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....
7
by: MrCode2k | last post by:
Hello, Trying to do: I just want a table that I can scroll and that has fixed headers. Problem: I got it to work but when I added the onmouseover event it didn't work anymore....
16
by: FuzzyLogik | last post by:
By width, I don't mean weight. I have a row of <li>'s, with a bottom-border. I want the bottom-border to only go 90% of the <li> (centered) Is there any way to do this? I have it in this...
3
by: mlblair0709 | last post by:
I need to use a gradient image on an input tag and also need to have a 2px border around that gradient to make it look like a button. The problem I'm having is that IE is adding its own border inside...
8
by: moondaddy | last post by:
I'm posting code for a user control ( FunctionConnectorSelector) below which has 3 content controls in it. each content control uses a style from a resource dictionary merged into the app.xaml...
8
by: Zhang Weiwu | last post by:
hello. Is it possible to design CSS in the way that content in <inputare not visible in print out (a.k.a. value of <inputnot visible) while the border remain visible? trial: input {...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
1
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
1
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
0
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.