HTML AGAIN

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
pinehead18
Forum Contributor
Posts: 329
Joined: Thu Jul 31, 2003 9:20 pm

HTML AGAIN

Post by pinehead18 »

Ok, here i am being a noob again. First off for some reason i am completly retarted this week. I have done this before yet i seem to be lacking creativity this week (moth rather) and i have a simple question.

Well the following below is my html code of a title. I had created little rounded corners to go on the right and left side of this title yet i can't seem to create the html to insert them perfectly. Or even close at all LOL.

Could anybody provide me with some inside?

Thank you
Anthony

<table border=0 cellpadding=0 cellspacing=0 width=87% bgcolor=475575 align=center>
<tr><td><font face=arial size=-a>Welcome</font></td></tr>
</table>
Unipus
Forum Contributor
Posts: 409
Joined: Tue Aug 26, 2003 2:06 pm
Location: Los Angeles, CA

Post by Unipus »

Seems like you just need one more column on each side with the image inside there.

Or you could do the whole thing in CSS with no table whatsoever, which would be the better way to do it, using your background and curved images as the background image.

Either way, you should stop using HTML to apply font styles, and you should start quoting your attributes.

Code: Select all

<table border="0" cellpadding="0" cellspacing="0" width="87%" bgcolor="#475575" align="center"> 
<tr><td><font face="arial" size="-a">Welcome</font></td></tr> 
</table>
is better...

Code: Select all

<table border="0" cellpadding="0" cellspacing="0" width="87%" bgcolor="#475575" align="center"> 
<tr><td><span style="font-family: Arial, sans-serif; font-size: .8em">Welcome</span></td></tr> 
</table>
is better than that...

Code: Select all

<style>
#welcome &#123;
     width: 87%;
     border: 0;
     padding: 0;
     cell-spacing: 0;
&#125;

#welcome td &#123;
     font-family: Arial, sans-serif;
     font-size: .8em;
&#125;
</style>

<table id="welcome">
<tr><td>Welcome</td></tr> 
</table>
is still better, and...

Code: Select all

<style>
#welcome &#123;
     width: 87%;
     border: 0;
     padding: 0;
     cell-spacing: 0;
     background: url('mybackgroundimage.gif');
     font-family: Arial, sans-serif;
     font-size: .8em;
&#125;

</style>

<div id="welcome">Welcome</div>
is best of all. That's probably a lot to digest, but hopefully you see my point.
User avatar
no_memories
Forum Contributor
Posts: 145
Joined: Sun Feb 01, 2004 7:12 pm
Location: New York City

Post by no_memories »

I have done a few tabeless designs. All layout is done within <div> tags using CSS.

Review my www link for details.
pinehead18
Forum Contributor
Posts: 329
Joined: Thu Jul 31, 2003 9:20 pm

Post by pinehead18 »

Thats an awsome site.. What graphics program did you use for that?
User avatar
no_memories
Forum Contributor
Posts: 145
Joined: Sun Feb 01, 2004 7:12 pm
Location: New York City

Post by no_memories »

I use adobe photoshop 6 and some freeware fonts for the graphics. I made sure all of the colors fell within the 16bit color range.

I use ace html 5.08.5 for an html editor, that's about it. Note pad too. :)

Thanx for the compliment.
Post Reply