Member Avatar for doctor_voyager

Hello. In the past couple of months, I put together a simple web design which I planned to use on a site I am planning on developing. I uploaded a few of the pages to the site on one of my accounts to trial it under other people's judgements and many have said it is missing something. Ignoring the rest of the site, could someone maybe possibly give me a few suggestions that could help me out? Thanks...

http://www.geocities.com/shinrasoldier3/commonwealth/main.html

  • 6 Contributors
  • 5 Replies
  • 280 Views
  • 9 Years Discussion Span
  • Latest Post Latest Post by <M/>

Dani AI

Generated

A few focused, practical fixes will get this design from “missing something” to usable and readable. is right to call out the broken header asset and the overly wide layout — start by using the browser DevTools (Network/Console) to find 404s and correct image paths, then stop using oversized layout widths. Move away from a fixed, table‑stretched canvas and put the page content in a centered container so it never spills off the screen.

/* simple responsive container */
.container {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

Readability and hierarchy matter more than ornament. Avoid heavy-colored bars behind body text and keep primary content on a neutral background; reserve color for accents and buttons. Aim for a contrast ratio of at least 4.5:1 for body text, increase line-height (1.4–1.6), and use a single, readable font stack. Don’t bake important headings into images — use real text so search engines and assistive tech can read it.

body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.5;
  color: #222;
  background: #fff;
}
.header {
  background: #c0392b;
  color: #fff;
  padding: 8px;
}

Finally, convert any layout tables to semantic HTML + CSS, add descriptive alt attributes to images, and optimize assets for size. That addresses the performance and navigation points raised by and . Quick checklist: fix missing files; center content with max-width; replace table layout with CSS; move visible text out of images; ensure good color contrast; add alt text and semantic headings; compress images and test on multiple screen sizes and in the browser console for remaining errors.

Recommended Answers

All 5 Replies

Member Avatar for samaru

Well, the first thing I noticed was that the image on the top wasn't loading (shinratopbannerv.2.gif). The second, your layout is being stretched out too far to the right. You make your table widths to 127%. Is there a reason? Change them to 100%. The rest are design issues. For example, others mind find black text over red hard to read. Also, where you have "Welcome To The Shin-Ra Commonwealth Web Page!" and " Copyright 2003 Shin-Ra Commonwealth" in the red bars, they seem out of place. If I were you, I'd just leave them as black text over the white background.

Member Avatar for madelinekim

Designing a perfect website is not an easy task for all people because if your website is well staructured then you will get higher traffic on your site. Nowadays all people want attractive as well as perfect website which is necessary to get success in market.

Member Avatar for austinluthers

As per the website design concern i would like to say that you need to first analyze your business keywords that must be useful for your business. Web design is the most crucial part of website so make your website secure,faster in access, easier to loading and easy navigation control etc in short make it effective and attractive to customers.

Member Avatar for pixelsoul

This was a forum post originally from 9 years ago! lol.
"geoocities.com", wow. It's like traveling back in time.

Member Avatar for <M/>

, i agree... why post on an ancient thread? But also, you have to recall that the OP is one of those users that have never returned to post and second the thread has not been marked solved so people will continue to post to help the future...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.