Page 1 of 1

Quick question on style.css - border for guestbook entries

Posted: Wed Sep 13, 2006 9:40 am
by 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;
}

Posted: Wed Sep 13, 2006 10:58 am
by 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

Perfect

Posted: Wed Sep 13, 2006 1:55 pm
by Jalapeno
Hi Klemen,

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