PDA

View Full Version : Some Help, Please!


Cello
12-21-2008, 10:25 AM
OK so here is my situation, I coded my site in Dreamweaver. Plain and simple I am not great at this I needed a quick and simple/nice looking site done. That's what I got, IMO.

So everything was fine until it was brought to my attention the text in a specific portion of my site is not aligned, I scoured forums and sites looking to fix the problem and I just CANNOT get it.

So now I'm turning to you all.

This is what I currently have:
http://img380.imageshack.us/img380/2178/plehtz5.th.jpg (http://img380.imageshack.us/my.php?image=plehtz5.jpg)

This is whats on my site now:
http://img301.imageshack.us/img301/879/pleh2uc3.th.jpg (http://img301.imageshack.us/my.php?image=pleh2uc3.jpg)

What I need:
Is to have that table stretched out to add a fourth column and have the text aligned in each column. Kinda of like columns in MS WORD.

So if anyone can help it would be more than appreciated. Thanks for your time in advance.

-Cello

coloeagle
12-21-2008, 03:30 PM
Which layout is closer to what you are wanting/needing?

Can we have a url or a post with the code?

edbr
12-22-2008, 12:29 AM
sounds like you just need 4 divisions floated (relative positioning)

Cello
12-22-2008, 05:46 AM
Which layout is closer to what you are wanting/needing?

So I wanted to go with the second picture. I do want the text aligned and would like the table stretched to fit a fourth column.

sounds like you just need 4 divisions floated (relative positioning)

While I do have very little coding knowledge I'm not sure how to execute what you are suggesting here. Any suggestions?

-Cello

The Site is www.MarcelTorres.com

edbr
12-22-2008, 06:34 AM
.column{width:23%; position:relative; float;left:}
<div class="column></div>

Cello
12-22-2008, 10:00 AM
.column{width:23%; position:relative; float;left:}
<div class="column></div>

Errmm, not sure where to put that? I should clarify about my code knowledge. I have been messing around with web/graphic design progs over the years but for web its been simple SIMPLE html.

I'll show you what I've got going in dream weaver at the moment and lets see if that helps or if you see something I am doing wrong.

Thank you for your help thus far. It is appreciated.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Marcel Torres - Resume</title>
<style type="text/css">
<!--
body {
background-image: url(../images/bgresume.png);
background-repeat: no-repeat;
}
.textfield {
background-color: #D66F01;
background-repeat: no-repeat;
background-attachment: scroll;
}
-->
</style>
<script src="../Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="textfield.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {font-size: 14px}
.style4 {font-size: 18px}
-->
</style>
</head>

<body>
<table width="476" border="0" align="center">
<tr>
<th width="113" scope="row"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','107','heigh t','18','src','../buttons/home','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgco lor','#D66F01','movie','../buttons/home' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="107" height="18">
<param name="movie" value="../buttons/home.swf" />
<param name="quality" value="high" />
<param name="BGCOLOR" value="#D66F01" />
<embed src="../buttons/home.swf" width="107" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#D66F01"></embed>
</object>
</noscript></th>
<th width="113" scope="row"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','107','heigh t','18','src','../buttons/reel','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgco lor','#D66F01','movie','../buttons/reel' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="107" height="18">
<param name="movie" value="../buttons/reel.swf" />
<param name="quality" value="high" /><param name="BGCOLOR" value="#D66F01" />
<embed src="../buttons/reel.swf" width="107" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#D66F01"></embed>
</object></noscript></th>
<th width="113" scope="row"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','107','heigh t','18','src','../buttons/headshots','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgco lor','#D66F01','movie','../buttons/headshots' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="107" height="18">
<param name="movie" value="../buttons/headshots.swf" />
<param name="quality" value="high" />
<param name="BGCOLOR" value="#D66F01" />
<embed src="../buttons/headshots.swf" width="107" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#D66F01"></embed>
</object>
</noscript></th>
<th width="113" scope="row"><script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','107','heigh t','18','src','../buttons/contact','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgco lor','#D66F01','movie','../buttons/contact' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="107" height="18">
<param name="movie" value="../buttons/contact.swf" />
<param name="quality" value="high" />
<param name="BGCOLOR" value="#D66F01" />
<embed src="../buttons/contact.swf" width="107" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#D66F01"></embed>
</object>
</noscript></th>
</tr>
</table>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','147','heigh t','34','align','middle','src','DOWNresume','quali ty','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgco lor','#D66F01','movie','DOWNresume' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="147" height="34" align="middle">
<param name="movie" value="DOWNresume.swf" />
<param name="quality" value="high" /><param name="BGCOLOR" value="#D66F01" />
<embed src="DOWNresume.swf" width="147" height="34" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#D66F01"></embed>
</object>
</noscript>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title></title><div class="textfield" style="overflow:auto; height:630px; width:600px">

<div align="left">
<table width="100%" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000" style="width:600px;">
<tr>
<td bordercolor="#000000"><div align="left" class="textfield style2">
<p align="center"><strong><br />
<span class="style4">Marcel Torres</span></strong></p>
<p align="center">Hair: Black &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Weight: 150 <br />
&nbsp; Eyes: Hazel &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Height: 5’ 10” </p>
<p align="left"> <strong>Film</strong><br />
Geek &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; The Conflict Movin’ Out Productions<br />
Talos Enter Woman Olav Bus<br />
George Endless Hallways Jazeel Gayle<br />
Logic …Around Wandering/Cut Films<br />
Mike Alex & Mike Redhook Bilder<br />
Burping Guy Park Shark Chronicles Dan Lee<br />
Concert goer Music and Lyrics Castle Rock Entertainment<br />
Opera goer Margaret Peggy Productions<br />
Bookseller Geek Boy Blues Hot House Films<br />
Thomas CD STORE BlackBox Films<br />
Cadet Jeter Young Soldier Benjamin Mitchell<br />
80’s Hood Get Rich or Die Tryin’ Paramount Pictures<br />
Skinny Thug Getap Kosuke Furukawa<br />
Club goer Edarotag VT Productions<br />
Marcel Don’t Give Me Bad Advice David Caspe<br />
Lee Looper Vodka Visionary Films<br />
Shaving Guy Disgust Tobias Arturi<br />
Brad Love in 3 Minutes Liz Anwar<br />
Hippy Hitch Columbia Pictures<br />
Marcel More Than Flowers Laura Beer</p>
<p align="left"><br />

<strong>Television</strong><br />
Muslim Man M.O.N.Y NBC Universal<br />
Tucker Wholesale A Sterling Idea Productions<br />
Waiter Love Monkey Canterbury Productions<br />
Student The Bedford Diaries Warner Brothers<br />
Enraged Victim N.Y.-70 NBC Studios<br />
Announcer Official Pham Unknown Entertainment</p>
<p align="left"><br />

<strong>Commercials</strong><br />
Goth Club Patron Heineken Dark All Day Buffet Prod.<br />
Thug #1 Aw, Logo Remote Productions, Inc.</p>
<p><br />
<strong>Theater</strong>Man Snapshot Scottie Davis Workshop Theatre<br />
Frankie Half A Ticket Rhett Martinez Impact Theatre<br />
Policeman Tambourines to Glory Keith Lee Grant Aaron Davis Hall<br />
Buzz Collins Finian’s Rainbow Keith Lee Grant Aaron Davis Hall<br />
Policeman Info. for Foreigners Joseph A. Heissan Aaron Davis Hall<br />
Frankie Mrs. Dally has a Lover Jocelyn Mendez Aaron Davis Hall<br />
Ebeneezer Scrooge A Bronx Christmas Carol Keith Lee Grant Aaron Davis Hall<br />
Harry MacAfee Bye Bye Birdie Keith Lee Grant Aaron Davis Hall<br />
Ensemble DREAMGIRLS Keith Lee Grant Aaron Davis Hall<br />
Kevin Batteries Jihan Carswell Compton Goethals<br />
Indio West Side Story Jocelyn Mendez Compton Goethals<br />
Dionysus Polaroid Stories Alfred Preisser Compton Goethals<br />
Lenny The Homecoming David Willinger Compton Goethals<br />
Alfred Little Murders David Willinger Compton Goethals<br />
Mr. Smith The Bald Soprano Aisha Norris Compton Goethals<br />
Alvaro The Rose Tattoo Carlos Alejandro Compton Goethals<br />
Howard Bevans Picnic David Willinger Compton Goethals<br />
Bobbie North of Providence Carolyn Demerice Compton Goethals </p>
<p align="left"><br />

<strong>Education & Training</strong> Improvisation Pablo Vela<br />
Stage Combat Denise Hurd<br />
Audition Technique Keith Lee Grant<br />
Acting Technique & Scene Study David Willinger<br />
Acting and Improvisation arolyn Demerice<br />
Recognized Basic Proficiency in Unarmed Combat by the SAFD, 2006<br />
Baccalaureate of the Arts degree from The City College of New York, Minor in Theatre</p>
<p align="left"><br />

<strong>Special Skills</strong> Accents [Spanish, Southern, Boston, New York], Sports [Martial Arts, Archery,
Baseball, Water Skiing, Basketball, Handball, Rollerblading, Skateboarding],
Calisthenics, Carpentry, Computers, Art, Poetry, Video Games, Sculpting,
Can Burp the Alphabet. </p>
</div></td></p>
</tr>
<tr>
<td height="19" bordercolor="#000000">&nbsp;</td>
</tr>
</table>
</div>
<p align="left">&nbsp;</p>
</div>
<blockquote>&nbsp;</blockquote>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-5228431-1");
pageTracker._trackPageview();
</script>
</body>
</html>
thats the whole she'bang on that page.

-Cello

edbr
12-23-2008, 12:07 AM
sorry rushing a bit try playing with this<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
.column{width:23%; position:relative; float:left; border:#333 solid 1px;}
-->
</style>


</head>

<body>
<div class="column">this is content for column #1</div>
<div class="column">this is content for column #2</div>
<div class="column">this is content for column #3</div>
<div class="column">this is content for column #4</div>
</body>
</html>

Cello
12-23-2008, 11:20 AM
sorry rushing a bit try playing with this<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
<!--
.column{width:23%; position:relative; float:left; border:#333 solid 1px;}
-->
</style>


</head>

<body>
<div class="column">this is content for column #1</div>
<div class="column">this is content for column #2</div>
<div class="column">this is content for column #3</div>
<div class="column">this is content for column #4</div>
</body>
</html>


So I added what you gave me and it kind of did what I was looking for but not really.

If you look at the resume page of www.MarcelTorres.com (http://www.MarcelTorres.com) you will see that I have a text box with a scroll bar in there. I need the same text box just a bit wider to add a fourth column of text and the most important thing I need is the text aligned. I was aligning manually by way of spaces and well as you know that looks like crap.

So yeah I pretty much need the same deal as I have there now, just with the wider box and aligned text.

P.S: When I input your code it kind of created boxes around individual columns, that's not neccessary for what I am going for. Thanks again for your help.

P.P.S: I basically need this in the text box, aligned and you can see the fourth row of text at the bottom:

http://img229.imageshack.us/img229/2377/pleh3nz1.th.jpg (http://img229.imageshack.us/my.php?image=pleh3nz1.jpg)


-Cello

Corrosive
12-23-2008, 11:31 AM
So I added what you gave me and it kind of did what I was looking for but not really.

If you look at the resume page of www.MarcelTorres.com (http://www.MarcelTorres.com) you will see that I have a text box with a scroll bar in there. I need the same text box just a bit wider to add a fourth column of text and the most important thing I need is the text aligned. I was aligning manually by way of spaces and well as you know that looks like crap.

So yeah I pretty much need the same deal as I have there now, just with the wider box and aligned text.

P.S: When I input your code it kind of created boxes around individual columns, that's not neccessary for what I am going for. Thanks again for your help.

P.P.S: I basically need this in the text box, aligned and you can see the fourth row of text at the bottom:

http://img229.imageshack.us/img229/2377/pleh3nz1.th.jpg (http://img229.imageshack.us/my.php?image=pleh3nz1.jpg)


-Cello

Hi Cello

Could you not just insert a table with four columns from the menu at the top?

Btw your images need optimising as the site is really slow to load and shouldn't be as it is a basic layout.

domedia
12-23-2008, 12:13 PM
Hi Cello

Could you not just insert a table with four columns from the menu at the top? If it was tabular data this would be the 'right' approach. But what you're doing now is using HTML to style the document, and losing the semantic value at the same time.

Cello, If you don't want the border, then remove it from the CSS. Ed put it in there so you can see where the borders of the box is. This is often very useful in development. Dreamweaver is a code editor/IDE, it's not a substitute for coding knowledge.

Cello
01-05-2009, 12:36 AM
So yeah I have been trying to toil away at this for too long now and I need some help. No matter how hard I try I cannot get the results I desire.

This might be asking a bit much but would someone be willing to go over what I have and fix this for me? If not its kool.

If you are interested in helping let me know. Thanks for all your help thus far.

-Cello

Cello
01-05-2009, 01:48 AM
So you can ignore the above message, I figured everything out. Thanks for all your help guys/gals.

-Cello

JohnL
01-05-2009, 02:21 AM
What did you do to fix it? It is always helpful to post any fixes for the next poor sap that is having the same problem...

domedia
01-05-2009, 08:55 AM
And please guys, remember to write a descriptive thread title :)

Cello
01-06-2009, 02:13 AM
What did you do to fix it? It is always helpful to post any fixes for the next poor sap that is having the same problem...

Actually I left all my original code in there, I just went into MS Word copied then went into Dreamweaver and did a paste special and chose to save all formatting(table/alighments/etc) from word.

Oddly enough the simple fix worked. I just had to space out about one or two lines.

Now my next quest is to center my entire site in the browser, wish me luck with that, heheh.