Member Avatar for muaazhassan

How I can improve site layout of my website. My website is , i tried to create left bar in yellow. Is that looking good. Once i have 1204 visitors online but now its down.

  • 3 Contributors
  • 2 Replies
  • 101 Views
  • 1 Week Discussion Span
  • Latest Post Latest Post by almostbob

Dani AI

Generated

Building on 's request and the replies from and , here are focused, practical steps to make the layout cleaner and to troubleshoot the drop in traffic.

First things to check (fast wins): confirm the site is reachable from several locations and that analytics are recording visits. A single server-side error or a broken analytics snippet can make active users disappear from reports. Inspect server error logs and use a quick HTTP status test like curl -I https://yourdomain/ to see the response headers. Remove any admin-only server info from public pages — it undermines trust.

Structure and layout (UX fixes): replace table-based layout with semantic HTML5 and a responsive CSS layout (Flexbox or Grid). That reduces render-blocking and lets pages paint progressively. Ensure consistent spacing and stacking so text never overlaps: set margins, line-height, and avoid brittle absolute positioning. Example minimal pattern for a sidebar + content:

.container { display: flex; flex-wrap: wrap; }
aside { flex: 0 0 260px; }
main { flex: 1 1 0; min-width: 320px; }
@media (max-width: 800px) { .container { flex-direction: column; } aside { width: 100%; } }

Performance and accessibility: optimize images, enable compression (gzip/brotli), minify and defer noncritical JS, and use caching/CDN. Run automated checks (Lighthouse or PageSpeed) and fix the top issues first. Validate color contrast and readable font sizes so users can scan content easily.

Prioritized next steps: 1) verify availability and analytics; 2) remove any noisy server-generated UI; 3) migrate to a CSS layout and fix spacing/stacking; 4) run performance and accessibility tools and iterate. For layout references see MDN on Flexbox and Grid and use a contrast checker when tuning colors (MDN Flexbox, MDN Grid, WebAIM contrast checker, PageSpeed Insights).

Recommended Answers

All 2 Replies

Member Avatar for Phaelax

Not able to view site, comes up Forbidden.

Member Avatar for almostbob

NOT good
tables are not used for layout, too much code too little content, the table does not display in any part until the entire table is downloaded, CSS Positioning
No margins between elements, light blue text from one element sits on top of light blue text from the adjacent element rendering both illegible
The server date and time printed on the screen is wrong, for all users, and looks like a child's site, users have their own clock

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.