Winamp & Shoutcast Forums - need some more html help again

Winamp & Shoutcast Forums (http://forums.winamp.com/index.php)

- General Discussions (http://forums.winamp.com/forumdisplay.php?f=1)

- - need some more html help again (http://forums.winamp.com/showthread.php?t=204128)

squakMix

7th January 2005 01:36

need some more html help again

This works like it should in IE, not right in firefox. The middle table (with the banner and inside lines) doesnt extend 100% high in firefox.

<html>
<head>
<meta link rel="stylesheet" type="text/css" href="name of the css.css" />
<style type=text/css>






------!>#FF0000
</style>

<title>
bleh
</title>
</head>

<body bgcolor=#808080 Topmargin=0 bottomMargin=0 leftmargin=0 rightMargin=0>

<table width="100%" height="100%" border=1 cellpadding=0 cellspacing=0>
<tr>
<td>

asd

</td>
<td>

<!=======================================================!>
<center>
<table id="outside_lines" cellpadding=0 cellspacing=0 height="100%" width=550 border=1>
<tr>
<td>

<table id="banner_capsule_rightLine" width=87 height=100% cellpadding=0 cellspacing=0>
<tr>
<td valign=bottom>

<table id="banner_capsule" cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://deborahlundgren.com/bumrush/files/Banner_bumrush_1.png"></td>
</tr>
</table>

<td>
</tr>
</table>

</td>
</tr>
</table>

</center>
<!==================================================!>

</td>
</tr>
</table>

</body>

</html>

Thanks for any help

missyob

7th January 2005 01:42

I dont know crap about firefox but

<td>

<!=======================================================!>
<center>
<table id="outside_lines" cellpadding=0 cellspacing=0 height="100%" width=550 border=1>
<tr>
<td>

*** Try closing the <tr and td> tags then reopening them again just below. See if that makes a difference

Just a shot in the dark.
~ Missy

EDIT I think I found it ---- Look at the "" quote marks around the 100% on the table below you dont have the quotes. I cant remember if you need quotes or not-- It has been a while since I have coded.

squakMix

7th January 2005 01:46

Nope :(.

Thanks for the shot though - I appreciate people are actually trying to help :up:

jerimiah40

7th January 2005 01:54

Don't see how this would fix anything, but HTML has been known to do some pretty strange things. IN the red one, you have the width after the hight, but in the rest, you have it the other way around. I know that it sounds like it won't do anything, but you never know.

Other than the quotes, like Missy mentioned, I don't see anything else different

squakMix

7th January 2005 01:58

Ok, I'll try re arranging the code, and make sure that quotes are around all "100%"s in the code. Brb to report.

squakMix

7th January 2005 01:59

Neither of them worked.

missyob

7th January 2005 02:02

I just played with it with my website in a testbed. I am too tired to think correctly.

Try going to http://www.draac.com/ Great site for html hon.
I am sorry I could not help more.

~ Missy

shakey_snake

7th January 2005 02:05

http://validator.w3.org/

16 errors with an added doctype declaration.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

missyob

7th January 2005 02:08

<table id="banner_capsule_rightLine" width=87 height=100% cellpadding=0 cellspacing=0>
<tr>
<td valign=bottom>

You did not close out your table tags here. Try closing out the table before the new one. Hopefully this is your answer.

<table id="banner_capsule" cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://deborahlundgren.com/bumrush/files/Banner_bumrush_1.png"></td>
</tr>
</table>

Try the above. I just noticed that. I am so tired, going to bed now.

~ Missy

squakMix

7th January 2005 02:47

Quote:

Originally posted by missyob
<table id="banner_capsule_rightLine" width=87 height=100% cellpadding=0 cellspacing=0>
<tr>
<td valign=bottom>

You did not close out your table tags here. Try closing out the table before the new one. Hopefully this is your answer.

<table id="banner_capsule" cellpadding=0 cellspacing=0>
<tr>
<td><img src="http://deborahlundgren.com/bumrush/files/Banner_bumrush_1.png"></td>
</tr>
</table>

Try the above. I just noticed that. I am so tired, going to bed now.

~ Missy

:rolleyes: because there's one table inside another.

squakMix

7th January 2005 02:55

Quote:

Originally posted by shakey_snake
http://validator.w3.org/

16 errors with an added doctype declaration.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

Here's what it said:

Quote:

Line 48, column 27: there is no attribute "HEIGHT"

<table width="100%" height="100%" cellpadding=0 cellspacing=0>

Quote:

Originally posted by missyob
I just played with it with my website in a testbed. I am too tired to think correctly.

Try going to http://www.draac.com/ Great site for html hon.
I am sorry I could not help more.

~ Missy

Quote:

The Board Is Closed Due To Children Who Do Not Have Anything Better To Do Than To Screw Up Things For Everyone Else. It Was Fun While It Lasted, But I Do Not Have Time To Baby Sit Your Children. Once In Awhile Peek In At Your Children On The Internet And See What They Are Doing...Later

squakMix

7th January 2005 03:35

Ok, well, I just figured it out:

It wasnt liking my center tag for some reason.

AGH.

missyob

7th January 2005 03:36

Quote:

Originally posted by squakMix
:rolleyes: because there's one table inside another.

Told ya I was tired ;) Sorry about that.

~ Missy

ps On a good note, my bedroom is almost clean

ryan	7th January 2005 06:00

Seriously dude, LEARN HTML.

All attributes' values must be quoted — border="0" etc.

As many times as I've told you, you don't listen, so I'll try one last time. Using divs in conjunction with CSS would make your life so much easier. If you wanted to redesign a site that uses tables, you'd have to go back and redo all the markup because it's trapped in the layout you made with the tables. But if you use CSS and DIVS and you want to redesign, you don't have to redo the markup, just change the stylesheet.

But hey, you don't have to listen to me. I'm just trying to make your web-design-life easier.

Also, you don't have to comment EVERY line of CSS.

Just do.

code:
<!--

a { text-decoration:none }

a:link {color: #FFFFFF; font-family: tahoma; font-size: 11pt; }

a:visited {color: #8A8A8A; font-family: tahoma; font-size: 11pt; }

a:hover {color: #8A8A8A; }

--!>

Comments only have TWO "-" when you do them. .

code:
<!=======================================================!>

And what's all this about?

missyob

7th January 2005 11:47

<!=======================================================!>

That is nothing more than a spacer taught to us "old school" people that separates lines of code that helps us read the code faster. I learned that back in my basic and RPG days.

~ Missy

Mattress

7th January 2005 14:29

<center> tags are depricated in html 4.01 don't use them.

also, what Ryan said.

mysterious_w

7th January 2005 14:42

I would try and help, but this is the best I can do.

shakey_snake

7th January 2005 14:46

nice plug...
Postcount++

squakMix

7th January 2005 17:44

Quote:

Originally posted by ryan
Seriously dude, LEARN HTML.

All attributes' values must be quoted — border="0" etc.

As many times as I've told you, you don't listen, so I'll try one last time. Using divs in conjunction with CSS would make your life so much easier. If you wanted to redesign a site that uses tables, you'd have to go back and redo all the markup because it's trapped in the layout you made with the tables. But if you use CSS and DIVS and you want to redesign, you don't have to redo the markup, just change the stylesheet.

But hey, you don't have to listen to me. I'm just trying to make your web-design-life easier.

Also, you don't have to comment EVERY line of CSS.

Just do.

code:
.

code:
<!=======================================================!>

And what's all this about?

1: I know. I'm too lazy to learn divs right now. "HOW MANY TIMES DO I HAVE TO TELL YOU!?" Although I know I should - Just dont have the time or inspiration to do it.

2: I know I should quote every proporty but in my experience I've found it really doesnt seem to matter. I dont care enough to do it if it's just "to do it right".

3: I know about the commenting every line - I didnt write the a:link code. it's just something I grabbed from the internet a few years ago. I've never actually taken the time to learn any formal CSS (I've just started picking it up; most of it is self explanitory).

4: The line just helps me seperate my code - It just acts as a line in the code that does nothing but show me where stuff seperates. It doesnt get recognized by the browser.

Mattress

7th January 2005 17:47

if you don't care to learn how to do it correctly, why should anyone care to help you when your code doesn't work properly?

squakMix

7th January 2005 17:50

If you really cared about doing it correctly you'd be badgering me about meta tags and doctype declaration.

The point is that it doesnt actually matter.

Mattress

7th January 2005 17:53

then why are you asking for help if it doesn't matter how you write your code? :p

squakMix

7th January 2005 17:54

I'm talking about the quotes.

I'm saying THOSE dont actually matter (in actuallity).

zootm

7th January 2005 17:57

You're using tables for layout. Don't. You'll get problems like this more and more as browsers get more compliant to the proper use of tables.

Being less bitchy, I don't think that tables are supposed to support the "height" attribute, or something like this. This page might help, although it promotes the correct CSS/div way of doing things that you seem very opposed to. I'd recommend learning it, though, since it leads to more logical, easier-to-maintain sites, and a seperation of form and content.

squakMix

7th January 2005 18:01

I'm not opposed to using quotes. I just dont want to go back and put quotes around everything becuase, like I said, it doesnt (seem) to matter at all.

ryan	7th January 2005 20:28

Quote:

Originally posted by missyob
<!=======================================================!>

That is nothing more than a spacer taught to us "old school" people that separates lines of code that helps us read the code faster. I learned that back in my basic and RPG days.

~ Missy

I'd use something like...



...to do it. Since the "=" isn't what you use to declare comments.

missyob

7th January 2005 20:32

Not to argue with you but isnt

======================================

A big comment to yourself?

~ Missy

xzxzzx

7th January 2005 20:36

Quote:

Originally posted by squakMix
I'm not opposed to using quotes. I just dont want to go back and put quotes around everything becuase, like I said, it doesnt (seem) to matter at all.

In HTML 4.01, it's not required to use quotes around every attribute, only in certain cases (I don't recall the rules offhand). As long as you want to use only HTML 4.01, go ahead and don't quote the attributes that don't require it, but I will tell you this:

It is stupid not to quote attributes. It is acceptable to quote any attribute, and if you just ALWAYS do it, you'll never forget, and never have a problem. It's not like you even have to go back and fix it yourself. Use HTML Tidy.

Furthermore, you're condemning yourself to far more work in the future by not learning CSS now - CSS is the future, it's not that hard, and it avoids silly problems like this. Instead of wasting time fixing the problems of yesteryear, why not come to 2004 and start using CSS?

xzxzzx

7th January 2005 20:38

Quote:

Originally posted by missyob
Not to argue with you but isnt

======================================

A big comment to yourself?

~ Missy

Sure. But it's also illegal. You can use:

code:
<!--=====================-->

if you want.

missyob

7th January 2005 20:47

I was being lazy and not typing in < >. Sorry about that.

I am going back to work now and staying out of this. Have a great day everyone.
Hugs,
~ Missy

xzxzzx

7th January 2005 20:50

What I mean is that you can have anything in the comment, but it MUST be surrounded by:

code:
<!-- -->

and therefore,

code:
<!=====>

is illegal.

squakMix

7th January 2005 22:15

I'm already picking up css.

I'll get around to learning the technical shit when I have some time/inspiration.

squakMix

9th January 2005 03:10

is there any way to control cellpadding with css?

Anyone know a good, complete css "cheatsheat"?

missyob

9th January 2005 03:18

http://www.w3schools.com/css/default.asp

http://webmonkey.wired.com/webmonkey...lesheet_guide/

Smeggle

9th January 2005 14:04

ok first your using two different types of css - external (via your meta link) and inline (via your style comment in your header).

DON'T! use one or the other as you will just end up confused and with a lot of problems. and yes, I am speaking from experiance. I used to cheat and do the same, but as I got more advanced in css I started to get problems. It was totally my fault as I would be trying to apply attributes to the same thing without realising it. 1 to be aware of ;)

second - your using html 4.01 so to align a table centered use this;

code:






<table align="center"id="banner_capsule_rightLine" width=87 height=100% cellpadding=0 cellspacing=0>

<tr>

<td valign=bottom>



<table  id="banner_capsule" cellpadding=0 cellspacing=0>

<tr>

<td><img src="banner address here"></td>

</tr>

</table>



<td>

</tr>

</table>



</td>

</tr>

</table>

Also it looks like your closing the the main table twice there to me.

And yes cellpadding can be done in css - it's called 'padding'

margin
border
padding

in that order, like so;

code:


#indentifier {



margin: value;

border: value value value value;

padding: value value value value;

}

where 'value' = a number from '0' upwards. in pixels.

i.e.

code:




#identifier {

margin: 1px;

border: 3px 3px 3px 3px;

padding: 10px 10px 10 10px;

}

as you can see I can place 4 values and they will do the 'Top', 'Left', Bottom' and 'Right' values, strictly speaking (And generally easier to understand and follow)

They should be written like this;

code:


#identifier {

margin: 1px; 

border-top: 3px;

border-left: 3px;

border-right: 3px;

border-bottom: 3px;

padding-top: 10px;

padding-left: 10px;

padding-right: 10px

padding-bottom: 10px;

}

Here I am clearly 'Identifying' Top, Left, Right and bottom. Always maje sure you close the attribute with ';' and open close with these brackets {} - where open = { and close =} .

Also don't forget you can link the img (Banner) via your css as well. Get used to it - it really can cut load times dowm for graphics enhanced pages ;).

btw nesting that table inside a div element will take you to xhtml transitional, when you've moved all the attributes like height, padding, width etc to css and added an alt="" attribute to your img src line and then closed it correctly;

i.e.

code:


<img src="img address here" alt="Descrition here - not to long" />

notice I have added an alt="" text and also a forward slash implicitly closing the element. Do that on your meta tags as well and that code should validate as xhtml.

Hope that helps squawk...

btw I'm working on an html 4.0/4.01/xhtml Meta tag generator and a css genetrator with a guy at the moment. It's web based and option select/copy&paste at the end.

so say the meta generator would work like this,

Select your DTD html 4.0/4.01 or xhtml
then which tags you want to use, charset, css link etc

hit submit you get a set of meta tags neatly enclosed in the head tags with the correct DTD.

Similar kind of thing for the css - select from options including colors etc .

Should be available soon and whats more - Freebie! lol

I'll let you know when it happens...

~ :)

squakMix

9th January 2005 16:00

yea, my meta tag header was doing nothing - it was just a forgotten remnance of some other code I pasted over. I got rid of the tag long ago.

All times are GMT. The time now is 11:56.