Closed Thread Icon

Topic awaiting preservation: web sight glitches (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=7995" title="Pages that link to Topic awaiting preservation: web sight glitches (Page 1 of 1)" rel="nofollow" >Topic awaiting preservation: web sight glitches <span class="small">(Page 1 of 1)</span>\

 
Gix
Paranoid (IV) Inmate

From: delucia
Insane since: Jun 2001

posted posted 12-22-2001 02:19

Hi guys, check out my sight. I have some obvious problems right when it loads up. Have any tips on getting rid of the spaces in between the bottons? This is the first time I wrote my own code for a sight. Humble beginnings of course. If anyone has time, can you give me some general tips about the code I wrote, ways to improve it. Thank you

Perfect Thunder
Paranoid (IV) Inmate

From: Milwaukee
Insane since: Oct 2001

posted posted 12-22-2001 02:48

Make your <table> tag say

code:
<table cellpadding="0" cellspacing="0">



Otherwise, browsers will automatically insert a slight margin around each table cell.

Also, you want to close those link tags -- every <a href="blah"> needs a </a>.

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 12-22-2001 03:55

you might also want to try 'border=0' in the <IMG> tags....


"...when I'm high like heaven, when I'm strong like music, 'cause I'm slow like honey and heavy with mood..."
ICQ: 67751342

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 12-22-2001 06:29

Awesome Gix!

Yes, these guys point out good stuff, in the table tag you'll also want to add border="0", the blue boxes will be taken care of by Petskull's border=0 in the IMG tags; and another thing to keep in mind when trying to hold graphical elements together in a table is no breaks in the td tag for example, you have:

<td height="55" width="178">
<A HREF="textures/textures.html">
<img src="images/button2.gif">
</td>

the hard returns, tabs, space in there will cause spaces between your graphics that you're trying to fit together. Do this instead:

<td height="55" width="178"><A HREF="textures/textures.html"><img src="images/button2.gif"></a></td>

You probably don't need all the height and width attributes in your table cells either, you may want to play with those, the graphics will generally hold them open to size but there are special circumstances at times...

You're making some great progress, well done

Jason

edit: oh yeah, I just noticed the lack of closing tag for the anchor (</a> )



[This message has been edited by JKMabry (edited 12-22-2001).]

Gix
Paranoid (IV) Inmate

From: delucia
Insane since: Jun 2001

posted posted 12-22-2001 17:39

you guys are the best everything I asked for.

JKMabry
Maniac (V) Inmate

From: out of a sleepy funk
Insane since: Aug 2000

posted posted 12-22-2001 19:24

Now try this...

In between the head tags somewhere (<head></head> ) make yourself a style sheet like so:

<style type="text/css">
p { font-family : verdana;
font-size : 11px;
color : #999;
padding : 10px;
}
</style>

That will tell the browser to take everything in the page that is enclosed in <P> tags and make it 11px Verdana, grey, and put 10px worth of padding around it. Adjust any of those attributes to suit you, then read up on style sheets, you gotta get used to them and learn more. You can also link to them externally so you can have 1 external document where you would change your entire web's style. Like I said, read up on them ASAP. You'll be glad you did. Oh yeah, ask lot's of questions too.

Now, in your content paragraph there it looks like you have a headline, then the content under it:

<p>Sight Updates
Lets see how this works, my html skill is very very very bad. hopefully it improves very soon, please help me!</p>

you might want to try this instead:

<h1>Sight Updates</h1>
<p>Lets see how this works, my html skill is very very very bad. hopefully it improves very soon, please help me!</p>

h1 = a headline

you can slide the definition into your style sheet like above, just replace the 'p' with an 'h1' then tweak the attributes to reflect the attributes you would want for a headline, bigger font maybe, introduce "font-weight : bold;" possibly? The headline tag creates it's own line break also.

If you wanted it like you had it but with a line break, the <br> tag will make your browser show the text after that tag on the next line down. You shouldn't have to use the <br> tag very much if you use headline and paragraph tags which have their own built in breaks. Ex:

<p>Sight Updates<br>
Lets see how this works, my html skill is very very very bad. hopefully it improves very soon, please help me!</p>

cooool.

(oh yeah! The correct terminology is web site as opposed to sight. Site is a place, sight is your gift of vision)

Jason

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

posted posted 12-22-2001 19:36

JKMabry: And don't forget briggl's tutorial that is still being worked on:
www.gurusnetwork.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic&f=12&t=000070

Emps

Gix
Paranoid (IV) Inmate

From: delucia
Insane since: Jun 2001

posted posted 12-22-2001 21:58

I remember slime laying some poop in front of my cell door for calling my web page a "sight"

Petskull
Maniac (V) Mad Scientist

From: 127 Halcyon Road, Marenia, Atlantis
Insane since: Aug 2000

posted posted 12-23-2001 05:34

heh... learned that 'no hard breaks in image slice tables' the hard way....

edit-Gix: you might also want to put the width and height attributes in your image tags.... when your page gets bigger and heavier they'll come in handy!


"...when I'm high like heaven, when I'm strong like music, 'cause I'm slow like honey and heavy with mood..."
ICQ: 67751342


[This message has been edited by Petskull (edited 12-23-2001).]

« BackwardsOnwards »

Show Forum Drop Down Menu