Improve company productivity with a Business Account.Sign Up

x
?
Solved

Borders not showing for table.

Posted on 2011-02-24
4
Medium Priority
?
319 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:Gurvinder Pal Singh
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:
Gurvinder Pal Singh earned 2000 total points
ID: 34969035
just add
border-style:solid;
0
 
LVL 3

Author Closing Comment

by:Unimatrix_001
ID: 34969047
:)
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

608 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