Member Avatar for iamjin04 
<div id="about-us-page">

<head>
<style type="text/css">

a:link {color: #6c6a6a; text-decoration: none; }
a:ctive {color: #6c6a6a; text-decoration: none; }
a:visited {color: #6c6a6a; text-decoration: none; }
a:hover {color: #6c6a6a; text-decoration: none; }

table, tr, td 
{
align:center;
margin-left:30px;
}
</style>
</head>

<center>
[soliloquy id="212"]
</center>
<span><p style="font-size:large">Retail Websites</br> Sites currently operational are:</p></span>




<table border="0" width="100%">

<tr>
<th><strong>Wimzy</strong></br>Daily Deals in Australia</br>[himage]<a href="www.Wimzy.com.au"> <center><img src="/wp-content/uploads/2012/12/wimzylogo.jpg" height="125" width="160" alt="wimzy"></center></a> <img src="/wp-content/uploads/2012/12/click_here_button.jpg" height="125" width="160"[/himage]</th>

<th><strong>Shopping Nut</strong></br>Daily Deals Worldwide</br>[himage]<a href="www.shoppingnut.com"> <img src="/wp-content/uploads/2012/12/shoppingnutjpgreal.jpg" height="125" width="160" alt="shoppingnut"></a> <img src="/wp-content/uploads/2012/12/click_here_button.jpg" height="125" width="160"[/himage]</th>

<th><strong>Stamina</strong></br>Men's Diet Supliment</br>[himage]<a href="www.staminaformen.com"> <img src="/wp-content/uploads/2012/12/staminagif.gif" height="125" width="160" alt="stamina"></a> <img src="/wp-content/uploads/2012/12/click_here_button.jpg" height="125" width="160"[/himage]</th>
</tr>

<tr>

<td><span style="font-size:large">Operations</span></td>

</tr>



<tr>

<th><strong>Philippines</strong></br>Design, Markrting and Admin</br>[himage]<a href="#"> <img src="/wp-content/uploads/2012/12/phflag.jpg" height="125" width="160" alt="PH"></a> <img src="wp-content/uploads/2012/12/angeles.jpg" height="125" width="160"[/himage]</th>

<th><strong>China</strong></br>Product sourcing</br><a href="#"> <img src="/wp-content/uploads/2012/12/chinaflag.jpg" height="125" width="160" alt="China"></a> </th>

<th><strong>Hong Kong</strong></br>Banking and some product sourcing</br><a href="#"> <img src="/wp-content/uploads/2012/12/hongkongflag.jpg" height="125" width="160" alt="China"></a> </th>



</tr>

</table>

<table border="0">
<tr>
<td><span><p style="font-size:large">Wholesale Websites</br> Sites currently operational are:</p></span>


<a href="">www.demeterdirect.com</a></td>

<td><span><p style="font-size:large">Domain Names</br> Other online retail domain names </br>we own for possible future use, include:</p></span>

<a href="">smoothedeals.com </a>
<a href="http://">fashionedeals.com </a>
<a href="">fashionvalueplus.com </a>
<a href="http://">familyedeals.com </a>
<a href="">diyedeals.com</a>
<a href=" ">gadgetedeals.com </a>
<a href="http://">sportedeals.com </a>
<a href="">sporteshirts.com </a>
<a href="">sportekits.com </a>
<a href="">sportykits.com </a>
<a href="">sexedeals.com </a>
<a href="http://kokits.com">kokits.com </a>
<a href="http://cheapcharliedeals.com">cheapcharliedeals.com</a></td>
</tr>
</table>
</div>
</body>

//thanks in advance

  • 3 Contributors
  • 4 Replies
  • 229 Views
  • 22 Hours Discussion Span
  • Latest Post Latest Post by iamjin04

Dani AI

Generated

The original markup mixes deprecated tags, inline styles and a table-based layout that makes horizontal centering brittle. ’s sample contains a few structural problems (missing body tag, unclosed tags, a misspelled selector) that flagged, and suggested centering a wrapper. Below is a compact, modern approach that fixes the skeleton, avoids <center> and hard-coded margin-left values, and gives a responsive 3‑column layout that will stay centered on different screens.

Start with a valid document structure (doctype, head/meta, body), move styles into a stylesheet, and correct selector typos (for example a:ctive → a:active). Replace deprecated or invalid CSS such as align:center; with proper rules. When links are intended to be absolute, include the protocol (http/https). Shortcodes like [soliloquy] may output their own wrappers — inspect the rendered HTML with browser dev tools to target the right selector.

A simple, robust container pattern:

/* page container (centers entire layout without magic numbers) */
.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 16px;
}

A responsive three-column card layout (preferred over tables for layout):

.grid { display: flex; flex-wrap: wrap; gap: 18px; justify-content: center; }
.card { flex: 1 1 280px; max-width: 320px; text-align: center; }
.card img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; }

Quick checklist (issues seen in the thread): fix missing/incorrect tags and close <img>; correct a:active selector; avoid hard-coded margin-left for centering; if keeping tables for tabular data, use table { margin: 0 auto; } and td, th { text-align: center; vertical-align: middle; }; use colspan for rows that must span all columns; validate the final HTML and test in dev tools for plugin/shortcode output.

Recommended Answers

All 4 Replies

Member Avatar for radhakrishna.p

1.add width : 85% **to the table css and add **margin-left:250px at line: 12
2.provide breaks for displaying data in the <td> tags
3.for 3rd <tr> tag in the first table add colspan=3 attribute
4.there is no body tag in your code and you are not closing the <img> tags properly
5. remove div tag from the top of page add this after body tag

do the following modifications and check it once

Edited by radhakrishna.p because: giving some clarity
Member Avatar for radhakrishna.p

make margin-left to '75px'

Member Avatar for JorgeM

You should first start by creating a propert page structure. You can use this example. This will create a box 1000px in width and center it on the page. From there start to build your content. What is it that you want to center?

<!DOCTYPE html>
<html>
 <head>
 <title>Your Title</title>
 <style>
   #wrapper {width:1000px;margin:0px auto;}
 </style>
 <script></script>
</head>
<body>
 <div id="wrapper">Example Document</div>
</body>
</html>
Member Avatar for iamjin04

thanks guys

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.