HTML help! - Printable Version

HTML help! - Printable Version

+- SA-MP Forums Archive (https://sampforum.blast.hk)
+-- Forum: Other (https://sampforum.blast.hk/forumdisplay.php?fid=7)
+--- Forum: Everything and Nothing (https://sampforum.blast.hk/forumdisplay.php?fid=23)
+--- Thread: HTML help! (/showthread.php?tid=255663)

HTML help! - Markx - 16.05.2011

The problem is, when i Ctrl + Scroll (on mouse) and zoom in/out, all my images fuck up, how to make them resize when someone rezooms, also that images are only for my resolution, how to fix that? Also note, thats just testing some things in HTML, that wont be my website (lol). Here are some screens:

Before (Please patience for pics to load)

After

Re: HTML help! - Markx - 16.05.2011

Bump.

Re: HTML help! - Haxarr - 16.05.2011

Uhm. When In you're text edit ( I use dreamweaver ). You need to change the img format ( should be px ) to %. Then add auto onto it. I think, I havn't done it in a while. ;o

Re: HTML help! - saiberfun - 17.05.2011

to make this possible you need to assign percantage sizes to everything you want to resize on resolution.
because px is a fixed size and percantage is based on the resolution of the window

Re: HTML help! - Jantjuh - 17.05.2011

Are you using a web builder? maybe WYSIWYG?
If so, you could edit the properties of your content to automatically size to the screen.

-J

Re: HTML help! - DirtyLilFreak - 17.05.2011

ok what you have to do is add a wrapper to the code. Which means you have to create a new div tag with height:auto and width to what ever width you want the site to be. Also add margin:0px auto; which will center this div. Then you will have to add this Div to the beginning like after <body> and before </body> so every thing will stay inside the div according to place and wont go any where when you zoom. Pls let me know if have any more problems

Re: HTML help! - Markx - 17.05.2011

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<script type="text/javascript" src="http://widgets.amung.us/map.js"></script><script type="text/javascript">WAU_map('9l52w3o4390z', 420, 210, 'natural', 'target-red')</script>
<body background="bg_website.jpg"><div class="addthis_toolbox addthis_default_style "> //the Background!
<a class="addthis_button_tweet"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4dd177fb45db1462"></script>
</body>
</html>

I use Adobe Dreamweaver, didnt understand how to make it, can someone show me on that?

Re: HTML help! - DirtyLilFreak - 17.05.2011

as far as I can see, I don't even see a CSS attached here and the coding looks (no offence but) horrible. :/

I suggest that if you are a starter at HTML please use tables to design webpages. CSS will be quite complicated to a html starter.

Re: HTML help! - Markx - 17.05.2011

Quote:

Originally Posted by DirtyLilFreak

as far as I can see, I don't even see a CSS attached here and the coding looks (no offence but) horrible. :/

I suggest that if you are a starter at HTML please use tables to design webpages. CSS will be quite complicated to a html starter.

Thats just a example... So you can show me there..

Re: HTML help! - DirtyLilFreak - 17.05.2011

ok all you hav to do is open up your css and add this

Код:

#wrapper {
   width:960px;
   height:auto;
   Margin:0px auto;
}

then open up your html and add these codes:

1:
Find <body> and after that:

Код:

<div id="wrapper">

2:
Then find </body> and add before that:

Код:

</div>