/    Sign up×
Community /Pin to ProfileBookmark

Help needed – tables?

Copy linkTweet thisAlerts:
Dec 13.2005

On the coding below, will someone please tell me why

“<tr><td align=”left”><img src=”i/pic1.jpg”></td>
<td align=”left”><img src=”i/pic1.jpg”></td></tr></table></td></tr></table>
<table width=”600″ bgcolor=”gray”><tr><td align=”center”> &copy; website.com</td></tr></table>”

this coding is not working. I’m trying to get the two jpegs to be the same size and make sure that they always appear right below the two “sponsored links.” However, when I go in and add the width and height to the img src, it really screws it up. Additionally, why isn’t the final table lined up with the rest of the page?

All help is greatly appreciated. If I shouldn’t be using tables, then what do you suggest?

Please see full coding below.

<html>

<head>
<title>??????</title>
</head>

<body bgcolor=”white”>
<table><tr><td align=”left”>
<!– Top Graphics –>
<table><tr><td align=”left”><img src=”i/texas-flag.jpg” width=”150″ height=”150″ alt=”Texas

Flag”></td>
<td align=”right”><img src=”i/logo.jpg” width=”450″ height=”150″ alt=””></td></tr></table>

<!– Side Menu Bar –>
<table align=”left” bgcolor=”green”><tr><td class=”leftsidebar” align=”left” width=”150″ height=”400″

background=”i/pic.jpg”><br><center><p>Link 1<br><br>Link 2<br><br>Link 3<br><br>Link 4<br><br>Link

5</p></center></td></tr></table>

<!– Sponsored #1 –>
<table align=”left” width=”450″><tr><td align=”left”><img src=”i/sponsor1.jpg” width=”50″ height=”50″

alt=””></td><td align=”left”>This is where the text will go for the person who buys the position for

being the first sponsored link. You may put up to 50 words here.</td></tr>

<!– Sponsored #2 –>
<tr><td align=”left”><img src=”i/sponsor2.jpg” width=”50″ height=”50″ alt=””></td><td

align=”left”>This is where the text will go for the person who buys the position for being the second

sponsored link. You may put up to 50 words here.</td></tr>
<tr><td></td></tr><tr><td></td></tr>

<tr><td align=”left”><img src=”i/pic1.jpg”></td>
<td align=”left”><img src=”i/pic1.jpg”></td></tr></table></td></tr></table>

<table width=”600″ bgcolor=”gray”><tr><td align=”center”> &copy; website.com</td></tr></table>
</body>
</html>

to post a comment
HTML

6 Comments(s) ↴

Copy linkTweet thisAlerts:
@phpmyborderDec 13.2005 — have you tried to use style="width: 150px; height:150px;" on the img tags?
Copy linkTweet thisAlerts:
@jonathanhouauthorDec 13.2005 — I tried 225 each so that they would equal the total width of 600, but it didn't work properly.
Copy linkTweet thisAlerts:
@LJKDec 13.2005 — Hi -

If you'd post a url or screenshot of what you're

going for, alternate suggestions could be given for

layout options.

If I shouldn&#8217;t be using tables, then what do you suggest?
[/quote]
Most will tell you that css-based vs. table-based

layouts means trading carpel-tunnel syndrome for

browser differences nightmares, but going full on

css [content separate from styles] isn't that bad!

El
Copy linkTweet thisAlerts:
@jonathanhouauthorDec 13.2005 — All I have is what the coding gives you. However it wont allow me to attach the .html file.

My main concern is that I should be using something other than tables. Additionally, I cannot figure out why the bottom copyright bar isn't lined up with the rest of the page. Finally, I want to be able to add any amount of text or any size image, where the two image tags are and the bar to the left would automatically move down as well as the copyright bar.

Any ideas?
Copy linkTweet thisAlerts:
@jonathanhouauthorDec 13.2005 — Also, if I put images sizes it moves the text for the two sponsored links over to the right for some reason.
Copy linkTweet thisAlerts:
@LodovikusDec 13.2005 — <body bgcolor="white">

[B]<table><tr><td align="left">[/B]

<!-- Top Graphics -->

<table><tr><td align="left"><img src="i/texas-flag.jpg" width="150" height="150" alt="Texas

Flag"></td>

<td align="right"><img src="i/logo.jpg" width="450" height="150" alt=""></td></tr></table>[/QUOTE]

not sure what you trying to achieve, it would be easier, if you show the url of your page.

html should have a pair of opening and closing tags such <> and </>.

In the very first table on your code (bolded), there is opening <table><tr><td> these three opening tags needs closing tags like</td></tr></table>

Regards

ldvk
×

Success!

Help @jonathanhou spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...