Konerboy need HTML help Thread

[konerboy]

yes because of some complaints i will write all my questions in one thread :thup:

but by now i only have 2

1. is it best to use % to move/scale images,tables etc?

2. how come my images disappear when i set ( height="20%" ) what can i do instead?

 

[Andyoyo]

1. I like using percent based for tables, I've never tried it for images. It's great because a lot of monitor screens have different sizes & screen window sizes, so when you resize your window it readjusts.

2. Only use the percent move for width not height, I've never tried this so i don't know. Just use <br> a couple times instead

 

[konerboy]

what should i do with the background image i can't size that, and what should i do to size the height in procent, i didn't understood that <br> thing that wouldnt work..

 

[Rad]

1. Percent isn't as good simply because there can always be a bad outcome, such as images being too small or getting too distorted. Same for tables too... Only use them when appropriate.

Also, %'s only work when their parent element supports it. It's also unreliable cross-browser when you use nested tables/frames/divs etc.

2. What purpose does the image serve? If its just a picture you shouldn't scale based on percent, if its supposed to tile (or stretch one direction) you could use a div with a background image. Depends what you're trying to do.

 

[konerboy]

i want it to be like that how matter how big screen you have, if i place the objects with px they get fucked up on other computers, and if im not supposed to use % then what

and the CSS background should be streched to fit all viewers

 

[UndeadDragon]

Are you using CSS or tables to structure your site?

 

[konerboy]

the right panel "nyeste mallerier" is a table no problem with that it's more with the navigation panel.


this dosn't work...

<a href="http://www.pageresource.com"> <img src="billeder/forside.gif" border="0" width="14%" height="30%" > </a>

but when i change the height to now procent it works... WHY?

<a href="http://www.pageresource.com"> <img src="billeder/forside.gif" border="0" width="14%" height="30" > </a>

 

[duyen]

You have to use all %'s or not all %'s is my guess.

 

[konerboy]

you mean always or never..?

 

[mase]

Use pixels if you want to have a specific size and use the "align="center"" tags.

 

[konerboy]

it was only with links but somehow i made it work now :thup:

now another problem when i type this code there is a underline after the image what do i do wrong?

<img src="http://www.w3schools.com/images/pic_http_2.jpg" height="20%" width="20%">
</a>

 

[enouwee]

1) don't hotlink other sites
2) remove any whitespace between <a>, <img> and </a>.

 

[Myzteryz]

</a> is not needed at all.

//edit
Unless your last quote there isn't the full HTML code and somewhere before it there is an <a href... tag then do what Enouwee said.

 

[konerboy]

ok great i solved that, but i still can't set the height to % in a Link :nuts:

but there's something that i just don' tget

How should i set up the sizes so it fits for all screens?

• should i use % ??
• how do the professionals do it?

 

[ertaboy356b]

Most people had a 1024x768 screen... Work with that one..

Only use % on the main DIV.. When positioning inside a main DIV, feel free to use px..


My site looks bad on IE.. IE is just plainly stupid..

You might want to check out my under development site.. I'm hosting it at home.. I've tried it with different resolutions, and it works great.

http://123.gotdns.com

 

[konerboy]

some of you properly heard of boomtown

boomtown.co.uk

in their website they use pixel but somehow it scales up for all user's
how

 

[enouwee]

in their website they use pixel but somehow it scales up for all user's
how

No it doesn't. It's a fixed width layout (1024 pixels).

 

[konerboy]

What?!

how come it looks good on all screens and mine dosn't?

______

this site looks normal on widescreen too ..

 

[enouwee]

I have no clue what you're talking about. If yours doesn't look good and you have no idea why, well ... that might be the reason.

Boomtown's width is fixed to 933px. It'll look the same (centered, fixed width) in every resolution larger or equal to 1024:

#outerSite {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:933px;
}

 

[konerboy]

Ah i think thats the code i need

so if i use that in my "Body" i can place/size everything in px now and expect it to come up in the same scale in a ex. widescreen?