HTML help! - SA-MP Forums

Markx · 16/05/2011, 07:03 PM

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

Markx · 16/05/2011, 07:59 PM

Bump.

Haxarr · 16/05/2011, 08:50 PM

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

saiberfun · 17/05/2011, 05:22 AM

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

Jantjuh · 17/05/2011, 05:32 AM

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

DirtyLilFreak · 17/05/2011, 06:40 AM

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

Markx · 17/05/2011, 06:58 AM

Code:

<!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?

DirtyLilFreak · 17/05/2011, 07:12 AM

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.

Markx · 17/05/2011, 07:19 AM

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..

DirtyLilFreak · 17/05/2011, 07:24 AM

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

Code:

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

then open up your html and add these codes:

1:
Find <body> and after that:

Code:

<div id="wrapper">

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

Code:

</div>

16/05/2011, 07:03 PM	#1
Markx Gangsta Join Date: Dec 2010 Location: Zagreb, Croatia Posts: 990 Reputation: 39	HTML help! 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 __________________ ...Left samp for now, hope i gonna be back someday...

16/05/2011, 07:59 PM	#2
Markx Gangsta Join Date: Dec 2010 Location: Zagreb, Croatia Posts: 990 Reputation: 39	Re: HTML help! Bump. __________________ ...Left samp for now, hope i gonna be back someday...

16/05/2011, 08:50 PM	#3
Haxarr Little Clucker Join Date: Mar 2011 Posts: 38 Reputation: 2	Re: HTML help! 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

17/05/2011, 05:32 AM	#5
Jantjuh High-roller Join Date: Jul 2010 Location: The Netherlands Occupation: Officer in training Posts: 1,399 Reputation: 477	Re: HTML help! 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

17/05/2011, 06:40 AM	#6
DirtyLilFreak High-roller Join Date: Aug 2010 Location: http://localhost Status: Active Posts: 1,023 Reputation: 37	Re: HTML help! 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 __________________ Underground GFX (Beta) - Not yet launched \| If you are interested in running a server with me drop me PM

17/05/2011, 07:12 AM	#8
DirtyLilFreak High-roller Join Date: Aug 2010 Location: http://localhost Status: Active Posts: 1,023 Reputation: 37	Re: HTML help! 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. __________________ Underground GFX (Beta) - Not yet launched \| If you are interested in running a server with me drop me PM

17/05/2011, 07:24 AM	#10
DirtyLilFreak High-roller Join Date: Aug 2010 Location: http://localhost Status: Active Posts: 1,023 Reputation: 37	Re: HTML help! ok all you hav to do is open up your css and add this Code: #wrapper { width:960px; height:auto; Margin:0px auto; } then open up your html and add these codes: 1: Find <body> and after that: Code: <div id="wrapper"> 2: Then find </body> and add before that: Code: </div> __________________ Underground GFX (Beta) - Not yet launched \| If you are interested in running a server with me drop me PM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
what is the skins html	misho1	Help Archive	3	02/04/2011 03:24 AM
[Tool/Web/Other] [PHP] PHP/HTML Masters Help!	Ironboy500	Everything and Nothing	11	24/05/2010 10:48 AM
[HTML] Read	mevi	Everything and Nothing	6	10/11/2009 09:11 PM
Im learning HTML!!!	SanMarinoRP	Everything and Nothing	8	06/09/2009 11:26 PM