/    Sign up×
Community /Pin to ProfileBookmark

help. new to html.

Copy linkTweet thisAlerts:
Aug 14.2005

I am a designer but new to HTML. I was hoping I could gain some help from here as I am trying to build up a website for my portfolio, but I am also learning. Below is a code for the main body of my site where the text and images will go – however I am having trouble putting the final line on the right (its a box I am trying to do). I am working with 1x1pxl image and just adjusting the size in the HTML as I want that neat outline look rather then the look of a table outline. Can anyone help?

<BODY>
<table width=”100″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”1×1.jpg” width=”800″ height=”1″></td>
</tr>
</table>
<table width=”100″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”1×1.jpg” width=”1″ height=”600″></td>
</tr>
</table>
<table width=”100″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td><img src=”1×1.jpg” width=”800″ height=”1″></td>
</tr>
</table>
</BODY>

I am sure you can see what I am trying to do by looking at it – I just can’t put the final line on the right as it dosn’t line up.

to post a comment
HTML

8 Comments(s) ↴

Copy linkTweet thisAlerts:
@CharlesAug 14.2005 — 1) From the HTML 4.01 Specifications:Tables should not be used purely as a means to layout document content as this may present problems when rendering to non-visual media. Additionally, when used with graphics, these tables may force users to scroll horizontally to view a table designed on a system with a larger display. To minimize these problems, authors should use style sheets to control layout rather than tables.[/quote]And see http://www.csszengarden.com/ for examples of how to do it properly.

2) That's not a valid web page. Here's a template to start you off:&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
&lt;meta name="Content-Script-Type" content="text/javascript"&gt;
&lt;meta name="Content-Style-Type" content="text/css"&gt;
&lt;title&gt;Some Title&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;/body&gt;
&lt;/html&gt;And see http://www.w3.org/TR/html401/ .

3) And while your at it, see http://diveintoaccessibility.org/ .
Copy linkTweet thisAlerts:
@the_treeAug 14.2005 — I want that neat outline look rather then the look of a table outline.[/QUOTE]There's no need for images or tables if all you want is an outline.[code=html]<div style="
border: 2px solid #558;
background: #ddf;
color: #224;
width: 200px;
padding: 10px;
">
<p>One smooth box</p>
</div>[/code]
Copy linkTweet thisAlerts:
@FashyauthorAug 14.2005 — Thanks for your help guys. I have not learnt CSS yet, so I am probably jumping a head of myself. But the best way to learnt is to do it. ?
Copy linkTweet thisAlerts:
@CharlesAug 14.2005 — I have not learnt CSS yet, so I am probably jumping a head of myself. [/QUOTE]You can't make a web page without CSS.
Copy linkTweet thisAlerts:
@buntineAug 14.2005 — Why?
Copy linkTweet thisAlerts:
@cbstudioAug 14.2005 — You can't make a web page without CSS.[/QUOTE]
true dat. I remember the day that CSS clicked in my head. it was like a god send.

but about the original question- the code looks alright to me. is the image in the same folder as the html file?
Copy linkTweet thisAlerts:
@the_treeAug 14.2005 — You can't make a web page without CSS.[/QUOTE]Of course you can. It'd looK incredibly boring but it'd still be a valid webpage.
Copy linkTweet thisAlerts:
@spufiAug 14.2005 — Of course you can. It'd looK incredibly boring but it'd still be a valid webpage.[/QUOTE]

Actually, it could look top of the line. It's just all of the presentational aspects of the code would be defined in Trans. Doctype attributes. The HTML would also be far from semantic, but it still would be W3C valid.
×

Success!

Help @Fashy 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.20,
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,
)...