Solved

centering .gifs and text in table

Posted on 2003-10-31
6
220 Views
Last Modified: 2010-04-25
Ok I have .gifs and text.  I need to center them either in a table or not.  Just have to all be centered.  They go like this.
x = 320 pixels wide
o = 170 pixels wide
t = random text length

need colomns that look like this but x has to always be centered on the page.

t | x | o
o| x | t
t | x | o


Now If the text was always the same length this wouldn't be a problem but the time it would take to create not to mention the pageload speed would be to much to put the text into the same size .gif.

0
Comment
Question by:livegirllove
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
6 Comments
 
LVL 5

Expert Comment

by:zenlion420
ID: 9661769
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" height="248" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="320" height="247" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table> </td>
    <td><table width="320" height="247" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table></td>
    <td><table width="320" height="247" border="1" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>

aloha,

j

0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9661912
p.s. - all of the nested tables are adjustable, but i would just leave them be, and use the text/align command to center the data in the left and right columns.

j
0
 
LVL 23

Expert Comment

by:Saqib Khan
ID: 9662035
livegirllove, All you have to do this Create 3 Cells.
on the Right and Left hand Cell put what ever you want.
And the One in the Center use the Align Attribute
And Define the Table and Cell Dimenstions.

<table width = 320><tr>
<td width=10> I am on left</td>
<td width = 300 align = Center> I am in Center </td>
<td width = 10> I am on right </td>
</tr></table>
0
Enroll in June's Course of the Month

June’s Course of the Month is now available! Experts Exchange’s Premium Members, Team Accounts, and Qualified Experts have access to a complimentary course each month as part of their membership—an extra way to sharpen your skills and increase training.

 
LVL 8

Accepted Solution

by:
klykken earned 500 total points
ID: 9663181
Here you go livegirllove,
Modify this as you want to, I'm thinking of table border and cellpadding/cellspacing.

<html>
<head>
<title>Centered Table</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="660" border="1" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="170">Lorem ipsum dolor sit amet, consectetuer adipiscin</td>
    <td width="320">&nbsp;</td>
    <td width="170">&nbsp;</td>
  </tr>
  <tr>
    <td width="170">&nbsp;</td>
    <td width="320">&nbsp;</td>
    <td width="170">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh</td>
  </tr>
  <tr>
    <td width="170">rem ipsum dolor sit amet, consectet</td>
    <td width="320">&nbsp;</td>
    <td width="170">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Let me know if this works for you.

-klykken
0
 
LVL 1

Author Comment

by:livegirllove
ID: 9663524
I accepted klykken's answer because it was the least complicated.  zenlion420- I tried yours and it worked but I didn't want to deal with nested tables.
thanks all!!
0
 
LVL 5

Expert Comment

by:zenlion420
ID: 9664176
:)  np
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

For those who don't know, Adobe Dreamweaver is a popular commercial web editor that enables you to design, build and manage complex websites. The editor is a WYSIWYG (What You See Is What You Get) web editor, which means that you can create your web…
Adobe Dreamweaver CS5 is a WYSIWYG web page editor that has advanced HTML, CSS, and Javascript rendering functionality and is probably the most well-known HTML editor available. Much of Dreamweaver's appeal centers around the Design View interfac…
Monitoring a network: why having a policy is the best policy? Michael Kulchisky, MCSE, MCSA, MCP, VTSP, VSP, CCSP outlines the enormous benefits of having a policy-based approach when monitoring medium and large networks. Software utilized in this v…
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…

717 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question