Solved

Borders not showing for table.

Posted on 2011-02-24
4
302 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
Comment Utility
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
Comment Utility
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
Comment Utility
just add
border-style:solid;
0
 
LVL 3

Author Closing Comment

by:Unimatrix_001
Comment Utility
:)
0

Featured Post

Top 6 Sources for Identifying Threat Actor TTPs

Understanding your enemy is essential. These six sources will help you identify the most popular threat actor tactics, techniques, and procedures (TTPs).

Join & Write a Comment

Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
The viewer will learn the basics of jQuery including how to code hide show and toggles. 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…

743 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

Need Help in Real-Time?

Connect with top rated Experts

8 Experts available now in Live!

Get 1:1 Help Now