Quick question on style.css - border for guestbook entries

[Jalapeno]

Script URL: www.salsashark.de/guestbook/gbook.php
Version of script: 1.43
Hosting company: private
URL of phpinfo.php: irrelevant
URL of session_test.php: irrelevant
What terms did you try when SEARCHING for a solution:
style.css, border, css

Write your message below:

Hi there,

first off, excellent script, thanks for the work! I finished customising the guestbook's style.css a few days ago. Now that there are a few entries, however, I noticed that there's a tiny little thing that needs improvement. When you look at my guestbook, you will see that only the headline (where it says "Eintrag von:" and "Anmerkung:") of the top entry on the page has a border on all four sides. The headlines of the other entries only have a border on the bottom and on the left and right, but no border on the top.

Can anybody tell me where I can change that? Thanks in advance for any help.

Here's my style.css:

Code: Select all

BODY, TD {
	background-color: black;
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TD.upper {
	color : #FFFFFF;
	background : #000000;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

FONT.smaller {
	font-size: 10px;
}

table.entries {
	color : white;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	BORDER-RIGHT: #FFFFFF 1px solid;
	BORDER-LEFT: #FFFFFF 1px solid;
	BORDER-TOP: #FFFFFF 1px solid;
	BORDER-BOTTOM: #FFFFFF 1px solid;
}

A {
	color : #FFFFFF;
	text-decoration : underline;
}

A:HOVER {
	color : white;
	text-decoration : none;
}

A.smaller {
	font-size: 10px;
	color : #FFFFFF;
	text-decoration : underline;
}

A.smaller:HOVER {
	font-size: 10px;
	color : white;
	text-decoration : none;
}

INPUT {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

HR {
	color: #FFFFFF;
	height: 1px;
}

[Klemen]

Hi,

This is the way it's supposed to be according to your CSS. Change the TD.upper border color for example to red and you will see what is the actual result:

Code: Select all

TD.upper { 
   color : #FFFFFF; 
   background : #000000; 
   BORDER-BOTTOM: #FF0000 1px solid; 
   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
   font-size: 11px; 
} 

To do what you want you will have to add BORDER-TOP to TD.upper and remove BORDER-TOP from table.entries

Regards

[Jalapeno]

Hi Klemen,

excellent, thanks for the quick reply. Works perfectly. Keep up the good work!