Jump to content


expanding text boxes or image boxes

Started by .iCY7., Aug 03 2006 11:58 AM

7 replies to this topic

#1 .iCY7.

    Simplicity With A Twist

  • Members
  • PipPipPipPip
  • 1,045 posts
  • Gender:Male
  • Location:England

Posted 03 August 2006 - 11:58 AM

everytime i do this my page splits ive followed this tut http://www.swedesign...ding_Contentbox
no help at all it just keeps doing it, heres my site
http://dilatedpixelz.../portfolio.html
<html>
<head>
<title>Hellzdev's Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (portfolio.psd) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<img src="images/portfolio_01.gif" width="1024" height="169" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="images/portfolio_02.gif" width="64" height="599" alt=""></td>
		<td colspan="3">
			<img src="images/portfolio_03.gif" width="896" height="2" alt=""></td>
		<td rowspan="6">
			<img src="images/portfolio_04.gif" width="64" height="599" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/portfolio_05.gif" width="896" height="25" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/portfolio_06.gif" width="275" height="572" alt=""></td>
		<td>
			<img src="images/portfolio_07.gif" width="311" height="10" alt=""></td>
		<td rowspan="4">
			<img src="images/portfolio_08.gif" width="310">
						<p align="center">Here goes your content!!!</p>
				
</td>
</tr>
	<tr>
		<td>
			<img src="images/portfolio_09.gif" width="311" height="547" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/portfolio_10.gif" width="311" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/portfolio_11.gif" width="311" height="6" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
my coding, plz can someone help cos its really frustrating and annoying

#2 Erik Bernskiold

    Jedi In Training

  • Members
  • PipPip
  • 422 posts
  • Gender:Male
  • Location:Gothenburg, Sweden
  • Interests:I love to do booth Web Design and Photography. Nothing beats a nice day out in the nature with the camera gear, getting loads of nice photos. I have been playing the flute for 6 years now and I love it, and I am playing the pipe organ as well. I also like to teach other people the in and outs of software such as the CS3 suite from Adobe.

Posted 03 August 2006 - 12:05 PM

You havn't followed it every step since you remainlingly have all of your images in img tags. Although tables is not the best way of coding I shall explain it to your nevertheles of course.

What you must do, which is explained in the last step in the tutorial you followed, is that you make the img tags to be backgrounds in the TD tag. This way the image is set to repeat instead of being there one time.

#3 cheerio

    Young Padawan

  • Members
  • Pip
  • 246 posts
  • Gender:Male

Posted 03 August 2006 - 12:10 PM

To hell with tables. It's time to move on to <div>s.

#4 Erik Bernskiold

    Jedi In Training

  • Members
  • PipPip
  • 422 posts
  • Gender:Male
  • Location:Gothenburg, Sweden
  • Interests:I love to do booth Web Design and Photography. Nothing beats a nice day out in the nature with the camera gear, getting loads of nice photos. I have been playing the flute for 6 years now and I love it, and I am playing the pipe organ as well. I also like to teach other people the in and outs of software such as the CS3 suite from Adobe.

Posted 03 August 2006 - 12:11 PM

As I said, CSS is better, but nevertheless, tables work. Please have something more constructive to say if you are to help.

#5 .iCY7.

    Simplicity With A Twist

  • Members
  • PipPipPipPip
  • 1,045 posts
  • Gender:Male
  • Location:England

Posted 03 August 2006 - 12:17 PM

this is really confusing me as i dont know much about html coding heres my coding untouched straight from ps

<html>
<head>
<title>Hellzdev's Portfolio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (portfolio.psd) -->
<table id="Table_01" width="1024" height="768" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="5">
			<img src="images/portfolio_01.gif" width="1024" height="169" alt=""></td>
	</tr>
	<tr>
		<td rowspan="6">
			<img src="images/portfolio_02.gif" width="64" height="599" alt=""></td>
		<td colspan="3">
			<img src="images/portfolio_03.gif" width="896" height="2" alt=""></td>
		<td rowspan="6">
			<img src="images/portfolio_04.gif" width="64" height="599" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/portfolio_05.gif" width="896" height="25" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/portfolio_06.gif" width="275" height="572" alt=""></td>
		<td>
			<img src="images/portfolio_07.gif" width="311" height="10" alt=""></td>
		<td rowspan="4">
			<img src="images/portfolio_08.gif" width="310" height="572" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/portfolio_09.gif" width="311" height="547" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/portfolio_10.gif" width="311" height="9" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/portfolio_11.gif" width="311" height="6" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

can you plz explain to me exactly what i need to do

#6 Erik Bernskiold

    Jedi In Training

  • Members
  • PipPip
  • 422 posts
  • Gender:Male
  • Location:Gothenburg, Sweden
  • Interests:I love to do booth Web Design and Photography. Nothing beats a nice day out in the nature with the camera gear, getting loads of nice photos. I have been playing the flute for 6 years now and I love it, and I am playing the pipe organ as well. I also like to teach other people the in and outs of software such as the CS3 suite from Adobe.

Posted 03 August 2006 - 12:22 PM

O.K first off, take a close look at the bottom of the tutorial you learned from. You will see that they have put the parts that will exand into <td background="IMAGEURL"> tags. That is what you have to do and take away the <img> tag in between the td's. An example from your code which is corrected.

<td rowspan="6" background="images/portfolio_02.gif" width="64" height="599">
</td>

At the parts, the sides that will go on and on and on for as the page is high you will need to remove the height attribute.

#7 .iCY7.

    Simplicity With A Twist

  • Members
  • PipPipPipPip
  • 1,045 posts
  • Gender:Male
  • Location:England

Posted 03 August 2006 - 12:34 PM

http://dilatedpixelz.../portfolio.html

look now still splitting up all i want is the damn thing to stay still and for it to have a scroll bar at the side :P

#8 Erik Bernskiold

    Jedi In Training

  • Members
  • PipPip
  • 422 posts
  • Gender:Male
  • Location:Gothenburg, Sweden
  • Interests:I love to do booth Web Design and Photography. Nothing beats a nice day out in the nature with the camera gear, getting loads of nice photos. I have been playing the flute for 6 years now and I love it, and I am playing the pipe organ as well. I also like to teach other people the in and outs of software such as the CS3 suite from Adobe.

Posted 03 August 2006 - 12:38 PM

I'm afraid when looking at your code, it is just the same as you currently posted in this thread, and that won't make any difference...
Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design