What's wrong with my HTML?

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
I have coded a little piece in HTML, but the part that says "Navigatie hier!" (just a test message) takes up all the screen, and leaves the part that says "Tekst hier!" just enough space. I'd like to see that the part that says "Tekst hier!" is the part that fills the rest of the space up, instead of the part that says "Navigatie hier!".

(Because you can't use normal HTML brackets, they were replaced by asterikses (*).)
 

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
Originally posted by: AdamSnow
You could use width percentages instead of exact pixels...

50/50 man :)

No, I couldn't.. The "Navigatie hier!" part is the navigation, and I just need one or two lines of text.. The "Tekst hier!" part is, you guessed it, a text part.. I don't understand why this won't work ^_^..
 

fs5

Lifer
Jun 10, 2000
11,774
1
0
post code with < replaced by * and right > replaced by ^ so we can easily do a search and replace.

first of all you don't need height 100% on some of your cells. second check your colspans and rowspans, it's one big mess.
 

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
Originally posted by: fs5
post code with < replaced by * and right > replaced by ^ so we can easily do a search and replace.

first of all you don't need height 100% on some of your cells. second check your colspans and rowspans, it's one big mess.

Yeah? ImageReady autoformatted it o_O.. Anyways, I'll update the code as soon as I can (ie, now :)).
 

CTho9305

Elite Member
Jul 26, 2000
9,214
1
81
*tr^
*td background="images/nav.gif" width="696"^
Navigatie hier!*/td^
*/tr^

Take the height attribute out of that td. Do you know what height="100%" does? In the future, run your code through this before asking for help - it will at least make your code easier to read if you fix some of the messages (e.g. missing quotes)
 

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
Originally posted by: CTho9305
*tr^
*td background="images/nav.gif" width="696"^
Navigatie hier!*/td^
*/tr^

Take the height attribute out of that td. Do you know what height="100%" does? In the future, run your code through this before asking for help - it will at least make your code easier to read if you fix some of the messages (e.g. missing quotes)

I'll try it. Thanks in advance :).

EDIT: It does work, but then I have the same thing with the "Text hier!" part.. And when I remove the height attribute out of that part, it really ****** up the lay-out o_O..
 

JustAnAverageGuy

Diamond Member
Aug 1, 2003
9,057
0
76
Your use of exact pixels instead of percentages is really throwing me off though.

Without a sample page to look at and actually see the images it's difficult to get a good idea of how it's supposed to look, so let's try this and let the browser take control of sizes.
 

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
Originally posted by: JustAnAverageGuy
Your use of exact pixels instead of percentages is really throwing me off though.

Without a sample page to look at and actually see the images it's difficult to get a good idea of how it's supposed to look, so let's try this and let the browser take control of sizes.

Almost.. The bottom black.gif part doesn't show, I don't know why :confused:. Thanks anyway :).
 

CTho9305

Elite Member
Jul 26, 2000
9,214
1
81
Could you post a picture of the layout you want? It might be faster to let someone just write it from scratch ;)
 

Vegitto

Diamond Member
May 3, 2005
5,234
1
0
I can't, sorry, but I can 'sketch' what I want...
The header.gif should be a set size.
The "Navigatie hier!" bit should be 1~2 lines of text high, and 696 px wide.
Nav-right.gif and nav-left.gif should be equal hight to the "Navigatie hier!" part, and 2 px wide.
Nav-top.gif and nav-bottom.gif should be equal in width to the "Navigatie hier!" part, and 2 px high.
Both of the black.gif's should be 700 px wide and 2 px high.
All of the above is to be applied to the "Tekst hier!" part, except that it should always fill the rest of the page with it's text.gif attribute, and that if text is placed in it, which exceeds the limits of the page, the attribute continues until the text is all in (ie, no scrollbars in the attribute, but in the browser window). I'll edit it later with PHP (a language I do know :p).