Solved

Borders not showing for table.

Posted on 2011-02-24
4
308 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

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Understanding mobile browsers 9 60
ASP:Radiobuttonlist/asp:RadioButtonListItem custom styling 1 40
Form Processing in PHP 11 41
Change div area and length 1 26
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

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