Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
Solved

Borders not showing for table.

Posted on 2011-02-24
4
309 Views
Last Modified: 2012-08-14
Hello,

As per the subject, cannot seem to get the border for the table showing. :(

Thank you very much,
Uni


CSS:
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}body{line-height:1;color:black;background:white;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}


body{
	background-image:url('verticalgradient.jpg');
	background-repeat:repeat-x;
	background-color:white;
}


.FullWidth{
	width:100%;
}


.FullHeight{
	height:100%;
}


.OuterTablePadding{
	padding:20px;
}


.LogoTableBorder{
	border-color:red;
	border-collapse:separate;
	border-spacing:5px;
	border-width:5px;
}


.LogoLargeFont{
	font-family:arial;
	font-weight:700;
	font-size:220%;
}

Open in new window


HTML:
 
<html>

	<head>
		<title>Boo!</title>
		<link rel="stylesheet" type="text/css" href="../resources/styles.css" />
	</head>

	<body>
	
		<table class="FullWidth FullHeight OuterTablePadding">
				
			<tr><td nowrap>
				<table class="LogoTableBorder">
					<tr><td class="LogoLargeFont">ABC</td></tr>
				</table>
			</td></tr>
			
		</table>

	</body>
	

</html>

Open in new window

0
Comment
Question by:Unimatrix_001
  • 2
  • 2
4 Comments
 
LVL 40

Expert Comment

by:gurvinder372
ID: 34968874
try this
http://www.somacon.com/p141.php
http://www.cssf1.com/tutorial/css-table-border.html

basically you need to give border-collapse: property
0
 
LVL 3

Author Comment

by:Unimatrix_001
ID: 34968966
hi gurvinder,

You'll notice in the css I already have:

.LogoTableBorder{
	border-color:red;
	border-collapse:separate;
	border-spacing:5px;
	border-width:5px;
}

Open in new window


What am I missing?

Thanks,
Uni
0
 
LVL 40

Accepted Solution

by:
gurvinder372 earned 500 total points
ID: 34969035
just add
border-style:solid;
0
 
LVL 3

Author Closing Comment

by:Unimatrix_001
ID: 34969047
:)
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

808 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question