SA-MP Forums

Go Back   SA-MP Forums > Other > Everything and Nothing

Reply
 
Thread Tools Display Modes
Old 16/05/2011, 07:03 PM   #1
Markx
Gangsta
 
Markx's Avatar
 
Join Date: Dec 2010
Location: Zagreb, Croatia
Posts: 976
Reputation: 39
Default 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...

Markx is offline   Reply With Quote
Old 16/05/2011, 07:59 PM   #2
Markx
Gangsta
 
Markx's Avatar
 
Join Date: Dec 2010
Location: Zagreb, Croatia
Posts: 976
Reputation: 39
Default Re: HTML help!

Bump.
__________________
...Left samp for now, hope i gonna be back someday...

Markx is offline   Reply With Quote
Old 16/05/2011, 08:50 PM   #3
Haxarr
Little Clucker
 
Join Date: Mar 2011
Posts: 38
Reputation: 2
Default 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
Haxarr is offline   Reply With Quote
Old 17/05/2011, 05:22 AM   #4
saiberfun
High-roller
 
saiberfun's Avatar
 
Join Date: Nov 2008
Location: Germany
Posts: 3,612
Reputation: 381
Default Re: HTML help!

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
__________________
This could be your space to advertise. :3
saiberfun is offline   Reply With Quote
Old 17/05/2011, 05:32 AM   #5
Jantjuh
High-roller
 
Jantjuh's Avatar
 
Join Date: Jul 2010
Location: Bailando
Posts: 1,416
Reputation: 660
Default 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
Jantjuh is offline   Reply With Quote
Old 17/05/2011, 06:40 AM   #6
DirtyLilFreak
High-roller
 
DirtyLilFreak's Avatar
 
Join Date: Aug 2010
Location: http://localhost Status: Active
Posts: 1,065
Reputation: 40
Default 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
Hmm Still got an Game-MP account what can I possibly do with it?
DirtyLilFreak is offline   Reply With Quote
Old 17/05/2011, 06:58 AM   #7
Markx
Gangsta
 
Markx's Avatar
 
Join Date: Dec 2010
Location: Zagreb, Croatia
Posts: 976
Reputation: 39
Default Re: HTML help!

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?
__________________
...Left samp for now, hope i gonna be back someday...

Markx is offline   Reply With Quote
Old 17/05/2011, 07:12 AM   #8
DirtyLilFreak
High-roller
 
DirtyLilFreak's Avatar
 
Join Date: Aug 2010
Location: http://localhost Status: Active
Posts: 1,065
Reputation: 40
Default 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
Hmm Still got an Game-MP account what can I possibly do with it?
DirtyLilFreak is offline   Reply With Quote
Old 17/05/2011, 07:19 AM   #9
Markx
Gangsta
 
Markx's Avatar
 
Join Date: Dec 2010
Location: Zagreb, Croatia
Posts: 976
Reputation: 39
Default Re: HTML help!

Quote:
Originally Posted by DirtyLilFreak View Post
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..
__________________
...Left samp for now, hope i gonna be back someday...

Markx is offline   Reply With Quote
Old 17/05/2011, 07:24 AM   #10
DirtyLilFreak
High-roller
 
DirtyLilFreak's Avatar
 
Join Date: Aug 2010
Location: http://localhost Status: Active
Posts: 1,065
Reputation: 40
Default 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
Hmm Still got an Game-MP account what can I possibly do with it?
DirtyLilFreak is offline   Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


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 10:11 PM
Im learning HTML!!! SanMarinoRP Everything and Nothing 8 06/09/2009 11:26 PM


All times are GMT. The time now is 01:43 PM.


Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.