Check new website please

  sugarbabe 10:36 AM 10 Mar 10
Locked

Please can you look at this site that i not quite finished

click here

Does anyone have any problems reading text??

Thanks

  Chris the Ancient 11:27 AM 10 Mar 10

Extreme difficulty in reading the text!

  Chris the Ancient 11:29 AM 10 Mar 10

Move the banner (which I think is great) up a bit more. It may save some scrolling, for the user, as they get further down any pages.

  Covergirl 12:40 PM 10 Mar 10

I'm on IE 6.0.2900.2180 (at work - yes it's one of the older versions but it may help).

All the links in the bottom section and the Contact Us link in the top section take you to the relevent page and the IPHE and Gas Safe logos appear to be in the correct place on the right.
The logos are all over the place or missing on the first three pages (links).

When you are on the Contact Us page, the Contact Us link click here takes you to a HTTP404 error.

The Gas... Bathrooms... Kitchens... pages have a white bar under the IPHE and Gas Safe logos.

Little bit of fiddling will see it right . . .

  Covergirl 12:43 PM 10 Mar 10

. . . no problems reading the text and the "white bar problem" appears on the Home page too, just under the Photos box this time (because there are no IPHE and Gas Safe logos).

  Chris the Ancient 12:45 PM 10 Mar 10

I was looking in Firefox.

  Chris the Ancient 12:52 PM 10 Mar 10

Had a look in IE8 as well. Looks pretty much the same.

I'm not sure if/how deliberate it is; but the area that I have difficulty in trying to read is in the main body. The text is is dark blue on a graded background. It starts off with some slight readability, but then disappears completely as I go down the page.

I like the shading, it's effective. Perhaps if the body text was all black, it would stand out more - like in the frames either side of the body.

Apart from that, it is looking nice, pleasing and a 'restful' site to look out.

  sugarbabe 17:32 PM 10 Mar 10

I think i have changed the colour of the background so the text is easier to read. Let me know what you think

  Covergirl 19:32 PM 10 Mar 10

Yes, definitely can't read it here - not until I put it into compatibility mode and the text appears blue on a white background.

And the logos all appear in the correct places and you've fixed the Contact Us link although the Contact Us link on most pages lead to click here whereas the Contact Us link on the kitchens page leads to click here

  Forum Editor 23:42 PM 10 Mar 10

It would be far easier on the eye.

On the home page you start every sentence with 'Paramount Plumbing', which isn't very professional. try using 'The company' or just plain 'We' instead. It sounds better.

The second most important page on any commercial website after the home page is the 'contact us' page, but yours contains virtually no information, and what it does contain is unreadable. You need to put the phone number(s), the email address, and the postal address, and do it prominently.

Obviously you'll be filling the other pages with text, but please don't make the text blue - stick to black. If you want the site to have a classier look, change the bright blue background to white, add some images to each page, and make the menu heading boxes dark blue with white text.

Some of the pages are jumping on load, which means you need to look at the layouts. If you work from a template that shouldn't happen

  sugarbabe 09:54 AM 11 Mar 10

I'm trying to make the main test area white background with black text think i have got it now but if someone could check my css code i'd be grateful.

I've also made changes to all points above many thanks for your comments, please keep them coming.



*
{
margin: 0px;
padding: 0px;
}

body {
background: #187AD5 url(images/back_all.gif) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #A4E4F5;
}

input, textarea {
background: #A4E4F5;
border: 1px solid #ffffff;
font: bold 13px Arial, Helvetica, sans-serif;
color: #0F5B96;
}

h1, h2, h3, p, ol, ul {
margin-top: 0;
}

h1, h2, h3 {
font-family: Arial, Helvetica, sans-serif;
}

h1, h2 {
text-transform: normal;
font-weight: normal;
}

h1 {
font-size: 24pt;
}

h2 {
font-size: 1.8em;
}

p, ol, ul {
margin-bottom: 1.5em;
line-height: 150%;
}

a {
color: #1D74A6;
}

a:hover {
text-decoration: none;
color: #1D74A6;
}



hr {
display: none;
}

#main
{
width: 1036px;
margin: 0 auto;
}

/* Header */

#header {
height: 320px;
width: 1036px;
}

#logo {
width: 1036px;
height: 204px;
background: url(images/header.jpg) repeat-x;
}

#logo h1, #logo p {
margin: 0;
line-height: normal;
}

#logo h1 {
padding: 47px 0 0 20px;
font-size: 36px;
color: #000000;
}
#logo h2 {
padding: 10px 0 0 20px;
font-size: 10px;
text-transform: uppercase;
color: #000000;
}

#logo a {
text-decoration: none;
color: #ffffff;
}

#menu {
height: 84px;
padding-top: 30px;
}

#menu ul {
margin: 0;
list-style: none;
}

#menu li {
display: inline;
}

#menu a {
float: left;
width: 136px;
height: 32px;
margin: 0 0 0 5px;
padding: 14px 0 0 0;
text-decoration: none;
text-align: center;
letter-spacing: -1px;
font-size: 1.1em;
font-weight: bold;
color: #187AD5;
background: url(images/button.gif) no-repeat;
}

#menu a:hover {
height: 37px;
margin-top: -4px;
padding-top: 18px;
background: url(images/button_r.gif) repeat-x;
}

/* Page */

#page {
width: 1036px;
background: #ffffff url(images/page_back.gif) repeat-y;
margin: 0 auto;
margin-top: 12px;
}

/* Content */

#content {
float: left;
width: 532px;
margin-left: 10px;
}

#content .post ul, #content .post ol
{
margin-left: 30px;
}

.post {
margin-bottom: 15px;
padding: 10px;
color: #000000;
}

.post a {
color: #000000;
}

.post a:hover {
color: #000000;
}


/* Sidebars */

.sidebar {
float: left;
width: 221px;
margin-top: 10px;
color: #0D699B;

}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}


.sidebar li {
padding: 6px 0 6px 20px;
}

.sidebar a {
text-decoration: none;
color: #;
font-size: 11px;
}
.sidebar a:hover {
color: #0D699B;
text-decoration: underline;
}

.sidebar h2 {
padding-top: 10px;
color: #000000;
background: url(images/title.gif) no-repeat;
height: 33px;
padding-left: 20px;
font-size: 16px;
font-weight: bold;
}

/* Left Sidebar */

#leftbar {
margin-left: 15px;
}

/* Right Sidebar */

#rightbar {
margin-left: 20px;
}

#leftbar .back, #rightbar .back
{
background: url(images/back.gif) repeat-y;
padding: 10px;
}

#leftbar .bottom, #rightbar .bottom
{
background: url(images/bottom.gif) no-repeat;
height: 6px;
width: 221px;
margin-bottom: 10px;
}


/* Calendar */

#calendar table {
width: 100%;
text-align: center;
}

#calendar thead {

}

#calendar tbody td {
border: 1px solid #F1F1F1;
}

#calendar #prev {
text-align: left;
}

#calendar #next {
text-align: right;
}

#calendar tfoot a {
text-decoration: none;
font-weight: bold;
}

#calendar #now {
background: #696969;
border: 1px solid #ff0000;
font-weight: bold;
color: #ffffff
}


/* Footer */

#footer {
clear: both;
padding-top: 20px;
height: 62px;
background: url(images/footer.gif) repeat-x;
}

#footer p {
text-align: center;
font-size: smaller;
color: #0F5B96;
}

#footer a {
color: #0F5B96;
}

Advertisement

This thread is now locked and can not be replied to.

New Moto G 2015 confirmed: Motorola Moto G UK release date, price and specification details - New…

Why Vodafone’s frequency choice should interest you: The benefits of 800MHz

Digital visionaries lined up for dConstruct

Apple Pay UK launch guide and participating UK banks: HSBC, First Direct finally support Apple Pay