Need some help with homepage/html

Bas

Huhu,
I am about to re-construct the imperium clan site, but I have run into some issues such far:

1. I can’t set a td height as an relative value (%), but as an absolute one. Why?
2. The picture enlarges the whole TR to it’s height. How can I prevent that? I wanted that only the 2nd TD in the 2nd TR (or first) changes it’s height, but not from the first TD’s in each row.

Old site: http://hwguide.ch/bas/imperium/index.html
New site (with those issues):
http://bas.hwguide.ch/imperium/hpv2/index.php

I don’t know CSS yet, but it should be also possible via normal html and tables…

Huor

Hm not sure what you really want but a height for a tr element should be working. Have a look here: http://de.selfhtml.org/html/tabellen/gestaltung.htm#breiten_hoehen

As for the rest i think you have to do several rows or colums or get rid of the table and use the divs with positions. Anyway the DOM structure of your site also dont seem to be proper as far i have seen it. Take care of opening and closing tags and place them in the proper order.

Do you know WYSIWYG editors for homepages. You could use them and arrange the site you want to have it and figure out via the source code how it can be done…

Sometimes HTML can be a pain in the ass - but once you figured out how it works its easy - and sometimes not

Bas

Well…as I have said, absolute height values in pixel do work. But not relative ones in percent.

DOM?

Wel… I don’t have a clue what I should change in order to get the table working like I want to…

Wicked_Witch

Don’t know wich program u use.
But make sure u use always % behind.

You make it like this?

It’s important that you don’t forget to use " "

If i see your source:

|
Info
|

If you make them all like this,it should work.

|

[]Dock
You don’t use the % sign. And than you must share the 100%.
So if you wanna have 2 cells next to eachother you need to define the rows as 50%.
And forget the height definition.

| This should be | |

Bas

I don’t use any “application”. Just Notepad++, I am writing the HTML codes by myself. I did use the percent character, but no effect appeared.

Huor

if you forget the % sign then the values are in pixel or what is finally interpreted by the browser - mostly pixel i guess. And its not mandatory to use the px or % sign. For some attributes even no unit must be used. But if you want to have relative heights then the % sign must be used^^

If its not working then the image in this one cell has higher priority for the height as the cellheight itself. Try to change the image height then.

I didnt finally understood how it should look like so cannot help you at this point. The td (rows) are as heigh as the biggest element in it. If you want it to be smaller either make the element in it smaller or just add some guidelines to the row that the content will be clipped or resized as well (dunno if the last one is possible by simple HTML commands). As for the other stuff i guess you need colspan or rowspan - depending on where you want to add multiple rows or columns.

Bas

If its not working then the image in this one cell has higher priority for the height as the cellheight itself. Try to change the image height then.

I didnt finally understood how it should look like so cannot help you at this point. The td (rows) are as heigh as the biggest element in it. If you want it to be smaller either make the element in it smaller or just add some guidelines to the row that the content will be clipped or resized as well (dunno if the last one is possible by simple HTML commands). As for the other stuff i guess you need colspan or rowspan - depending on where you want to add multiple rows or columns.

Well, in my offline version I have used %percent character.

The problem is that I want to use the TD not only for the image but also for other contents (lots of text), so just resizing the image won’t do it anyways.

Huor

the old site was separated by frames - guess you want to have it looking the same way?! Use divs and not tables and give them the proper positions Easy said i know - but if you would have a picture of what you want i could eventually help more…

Bas

Well…the new site will be a bit similiar to the old one.

Can you give me some example for div? I just can remember the align attribute :x

Huor

hm um well thought something like this:


]Dock[
]Anheuern[
]Regeln[
]Mitglieder[
]Geschwader[
]Forenplattform[
]Diplomatie[
]Flotte[
]Bildschirmaufnahmen[
]Downloads[
]Teamspeak[

![cover](images/girl-empire.jpg)

The “menu” and “cover” IDs for the divs are CSS definitions. You can give them height, width as well as nearly all other attributes to suit your wishes^^

But the easiest is either to copy the code of the old site or to start with an WYSIWYG HTML editor. I hate to say it - but do you know Frontpage - there are other good editors out. One of them is “Phase”.

Mindhunter

Bas check this link it explains all HTML codes and helped me through every prob i ever had.
They also offer CSS and some javascribt tutorials.