HTML - Tableswith 1 Px Border

Where in my CSS would I add a border and border color?


html,body {
height:100%;
margin:0;
}
body {
background-color:#000;
background-image:url(../images/background.jpg);
background-attachment:fixed;
background-size:100% 100%;
}
#container {
width:700px;
padding:40px;
border-right:1px solid #003;
border-left:1px solid #003;
margin:auto;
background-color:rgba(0,0,0,0.5);
color:#ccf;
box-shadow:#000 0 0 10px;
}

when using the below code on my blog, i still get a border. what am i doing wrong? i have other gifs with NO borders on my blog, but i don't see any difference in the code.

<img src="http://www.coolholidaygraphics.com/birthday/animations/animatedgifs5.gif" border="0" />

thanks for any help

how to make a border with shadow?

Hi,

On my website I have a breadcrumbs section on top of the page and on the side of the page, I have a navigation section. The problem that I am having is that the border-bottom of the breadcrumb section - streches out to 100% of the screen, but the height of the navigation section does not. I have kept the height as 100% (as I did with the width of the other section) but the border-right and the background colour cuts off. The website is:

http://www.cse.dmu.ac.uk/~p04283218/mainframe9/

Does anyone have any suggestions?

Thanks.

how do i change the border colour in a style sheet? i added it to the body parts but it didn't change =/ .. this is my style sheet (the border colour part isn't there now i'm hoping someone can add it in the right place)

Quote:
/* CSS Document */

body{
scrollbar-arrow-color: #AD33FF;
scrollbar-3dlight-color: #EFEFEF;
scrollbar-highlight-color: #EFEFEF;
scrollbar-face-color: #EFEFEF;
scrollbar-shadow-color: #EFEFEF;
scrollbar-darkshadow-color: #EFEFEF;
scrollbar-track-color: #EFEFEF;

}
a:visited {
color: #AD33FF;
text-decoration: none;
}
a:active {
color: #AD33FF;
text-decoration: none;
}
body {
background-color: #494949;
}
body,td,th {
color: #9D9D9D;
font-family: Tahoma;
font-size: 10px;
}
a:link {
color: #AD33FF;
text-decoration: none;
}
a:hover {
color: #cccccc;
text-decoration: none;
}

Hi

I see a lot of these type of borders on the internet, even when signing up on this site. How can I do this myself? I thought I had once knew how to do this this in Dreamweaver but am not able to find it anymore.




Thanks

i am trying to add a border to the image in the following html


<div class="text-box"><div class='ecwid-Product'><form>
<div style='text-align: center; padding-bottom: 0px;'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"/></script><script type="text/javascript">xProductThumbnail('productid=10048302');</script></div>
<div class='ecwid-productBrowser-head' style='text-align: center; padding-bottom: 0px; font: normal 17px tahoma, geneva, verdana, sans-serif'>725 Originals Blue King of Clubs T-Shirt X Large</div>
<div class='ecwid-productBrowser-price' style='text-align: center; padding-bottom: 0px' id='ecwid-price-10048302'>$6.50</div>
<table align='center' border='0'><tr><td align='left' class='ecwid'></td></tr></table><div style='text-align: center'><script type="text/javascript" src="http://app.ecwid.com/script.js?1059002" charset="utf-8"></script><script type="text/javascript">xAddToBag('productid=10048302');</script></div>
</form></div>

i have not been able to get it to work i have added a background color to the html but the image border is giving me problems-any ideas ?

ps i dont know html or css code really well so hopefully someone can teach me something new

Hello,

One little annoying weird pain in the ...
I have a table with border=1 and color black; I put the code below:

<table border="1" bordercolor="black" rules="none" frame="box" cellpadding="6" cellspacing="0" bgcolor="#02DA60">

In FF it is good, in IE the border is 2-3 times wider, looks like border="3"; it is too thick. You can check it at:

Online Poker Room Reviews

it is the green table on the right I am talking about.
How to get the same border width

Hi there,

I seem to be having big problems in getting a picture to go around the enitre webpage, acting like a border.
Not a "solid blue" etc, but an actual picture acting as a border? I would like to add a background picture and
text/video/image on top of it like normal, is there a way to layer backgrounds to create the border effect?
The web is not helping when im searching for this type of answer so far, I keep being referred to "image border" and "basic bordering".
Any help in the right direction would be awesome.

Hi,
I`ve got a problem with some freaky border around my calendar.
Look here!
In the middle of the Site, you can see a calendar with a border around it.
Now comes the crazy one: It`ll shows up only in IE, but not in Opera!!!
How comes
Thx for your help!

Im a newbie and all I want to do is put a color border aorund this image say the color blue, please help.

</head>
<body>
<a href="http://www.bigcustomernetwork.com" target="_blank"><img src="http://i529.photobucket.com/albums/dd339/jfaul4820/BCNTopBanner.jpg" border="1" alt="BCN Top Banner"></a></a>
</body>
</html>

when the page gets resized by the browser these thick dark borders show up. anyone know what the deal is?

http://www.users.on.net/~bmccowan/tables.jpg

Hi, I am very very new to HTML and have been trying to find out how to add a border to an object, which in my case is flash. Here is my script :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="650" height="320" id="tacticalassassin" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="tacticalassassin.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#FFFFFF"/>
<embed src="tacticalassassin.swf" quality="high" wmode="opaque" bgcolor="#000000" width="650" height="320" name="tacticalassassin" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

I've tried putting border=2, border="2", border=2px ect.... I've tried so many variations but can't get it to work...

Can some one please help, thanks !

Hi,

I have a problem with an image link. After it is pressed it will have a potted border and i cant get rid of it. (img of the border attached)

Is there a smart solution to this? Ive tried to set border to 0 for both img and a, but it was no help.

I've searched for an answer to tis both on google and here but could not find anything.

Parashurama

I'm working on a site for my in-laws:

shiversbbq.com

I made the header and sidebar using slices with photoshop but I want to continue the wood border into the right and bottom of the main content. What is the best way to do this?

Thanks!_______________________________