Loading...
  1. Dismiss Notice
  2. Dismiss Notice
  3. Dismiss Notice
  4. Dismiss Notice
  5. If this is your first visit, you may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

How to control images and layout?

Discussion in 'Programming Lounge' started by Kyle, Aug 12, 2014.

Thread Status:
Not open for further replies.
  1. Kyle

    Kyle Banned Forum Legend

    Joined:
    Sep 13, 2010
    Messages:
    4,121
    Likes Received:
    1,196
    Trophy Points:
    353
    Hi,

    I am trying practice making a website.

    I am having problems with one thing.

    I have everything perfect when it comes to looks when the browser is maximized:

    [​IMG]

    But when you make your browser smaller, everything goes wrong:

    [​IMG]

    How do I prevent the pictures from moving?

    Code:
    <!DOCTYPE html>
        <html>
            <style>
                body {
                    background-image: url("http://i.imgur.com/8UwfFD5.png");
                    background-repeat: no-repeat;
                    background-attachment: fixed;
                }
                   body.ex {
                             margin-top: 50px;
                             margin-bottom: 100px;
                             margin-right: 250px;
                             margin-left: 350px;
                }
                   div.ex {
                       margin-top: 0px;
                             margin-bottom: 100px;
                             margin-right: 350px;
                             margin-left: 485px;
                }
                </style>
    
    
                <head>
                     <img src="http://i.imgur.com/NasnPvo.png">
                    <br>
                    <br>
    
    
                </head>
    
    
                <body class="ex">
                      <a href="http://gamezaion.com/"><img src="http://i.imgur.com/mZVOD0y.png"></a><a href="http://www.xtremetop100.com/sitedetails-1132308339"><img src="http://i.imgur.com/3iOfm5k.png"></a><a href="https://es-la.facebook.com/pages/Gamez-MU/168926926489215"><img src="http://i.imgur.com/SmrpFBh.png"></a>
            <div class="ex">
                <a href="http://forum.gameznetwork.com/forum.php"><img src="http://i.imgur.com/ESrYsJj.png"></a>
            </div>
            </body>
    
    
    
    
    </hmtl>
    
     
    Last edited: Aug 12, 2014
  2. Kyle

    Kyle Banned Forum Legend

    Joined:
    Sep 13, 2010
    Messages:
    4,121
    Likes Received:
    1,196
    Trophy Points:
    353
    Nevermind. Made everything a table:

    Code:
    <!DOCTYPE html>	<html>
    		<style>
    			body {
    				background-image: url("http://i.imgur.com/8UwfFD5.png");
    				background-repeat: no-repeat;
    				background-attachment: fixed;
    			}
       			body.ex {
                 			margin-top: 50px;
                 			margin-bottom: 100px;
                 			margin-right: 250px;
                 			margin-left: 350px;
    			}
       			div.ex {
    	   			margin-top: 0px;
                 			margin-bottom: 100px;
                 			margin-right: 350px;
                 			margin-left: 485px;
    			}
        		</style>
    
    
        		<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
    			<tbody>
    				<tr>
    					<th align="center" valign="top">
    						<table width="735" height="200" border="0" cellspacing="0" cellpadding="0">
             						<img src="http://i.imgur.com/NasnPvo.png">
    								<br>
    								<br>
    			<tbody>
    				<tr>
    					<tr height="0" width="0">
    						<th width="245" align="center"><a href="http://gamezaion.com/"><img src="http://i.imgur.com/mZVOD0y.png"></a></th>
    						<th width="245" align="center"><a href="http://www.xtremetop100.com/sitedetails-1132308339"><img src="http://i.imgur.com/3iOfm5k.png"></a></th>
    						<th width="245" align="center"><a href="https://es-la.facebook.com/pages/Gamez-MU/168926926489215"><img src="http://i.imgur.com/SmrpFBh.png"></a></th>
    			<tbody>
    				<tr>
    					<tr height="0" width="0">
    						<th align="right">
    						<th width="245" align="right"><a href="http://forum.gameznetwork.com/forum.php"><img src="http://i.imgur.com/ESrYsJj.png"></a></th>
    						
    
    
    
    
    
    
    	</hmtl>
    
    
    
     
Thread Status:
Not open for further replies.

Share This Page