We use cookies to provide you with a better experience. If you continue to use this site, we'll assume you're happy with this. Alternatively, click here to find out how to manage these cookies

hide cookie message
Contact Forum Editor

Send an email to our Forum Editor:


PLEASE NOTE: Your name is used only to let the Forum Editor know who sent the message. Both your name and email address will not be used for any other purpose.

Tech Helproom


It's free to register, to post a question or to start / join a discussion


 

Check new website please


sugarbabe

Likes # 0

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

click here

Does anyone have any problems reading text??

Thanks

Like this post
Chris the Ancient

Likes # 0

Extreme difficulty in reading the text!

Like this post
Chris the Ancient

Likes # 0

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.

Like this post
Covergirl

Likes # 0

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 . . .

Like this post
Covergirl

Likes # 0

. . . 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).

Like this post
Chris the Ancient

Likes # 0

I was looking in Firefox.

Like this post
Chris the Ancient

Likes # 0

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.

Like this post
sugarbabe

Likes # 0

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

Like this post
Covergirl

Likes # 0

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

Like this post
Forum Editor

Likes # 0

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

Like this post
sugarbabe

Likes # 0

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;
}

Like this post

Reply to this topic

This thread has been locked.



IDG UK Sites

Samsung Galaxy Alpha vs iPhone 5S comparison review: Metal smartphones fight

IDG UK Sites

Gateway to your kingdom: why everybody should check and update their broadband router

IDG UK Sites

Fonts review

IDG UK Sites

Best Mac? Complete Apple Mac buyers guide for 2014