my care2
make a difference

community & fun

groups

get together & make a difference

 
 
 Q & A December 17, 2004 8:56 PM

I do ask that everyone tries to go along with the lessons But if you have a beginners question. Please ask it here and I will try to help you out as best I can

Please do not ask more advanced questions at this time, I do not want newbies getting all super confused reading this lol.

 [ send green star]
 
 December 18, 2004 9:03 PM

You mentioned that you could control the width and height of a picture..  but how do u know what numbers wil turn out to be what?   [ send green star]  [ accepted]
 
 December 19, 2004 9:51 AM

practice! lol

Well you can go here:
http://www.geocities.com/fatesblessing/mywebsite7.html

the top image in the center is at 100 pixels, the one all the way to the right is at 200 pixels and the one to the left is only at 50 pixels.

So to make an image at 200 pixels you would type:

<img src="image.gif" width="200" height="200">

You do not have to have the same width and height obviously you could go:

<img src="image.gif" width="100" height="122">

You may just want to play around with the image using a new page. Again open a blank notepad and type this:

<HTML>
<HEAD>
<TITLE>PRACTICE</TITLE>
</HEAD>
<BODY>
<img src="avatar11.gif" width="25" height="25"><br>
<img src="avatar11.gif" width="50" height="50"><br>
<img src="avatar11.gif" width="100" height="100"><br>
<img src="avatar11.gif" width="200" height="200"><br>
<img src="avatar11.gif" width="300" height="300"><br>
<img src="avatar11.gif" width="500" height="500"><br>
<img src="avatar11.gif" width="150" height="100"><br>
<img src="avatar11.gif" width="100" height="150"><br>
<img src="avatar11.gif" width="200" height="100">
</BODY>
</HTML>

You could also open up a paint program such as normal paint: go to the start button, lower left. Up to programs. then to accessories, then to paint.

Open the image and change its size around to see what looks best.

If you want to find out the images real wdith or height, go to your paint program again, open the picture, then click at the top where it says image, then attributes to see what the size of the image is in pixels.

the number you tell it will be in pixels.

 [ send green star]
 
A Change of Pace. June 28, 2005 8:18 PM

I have a question. =) When I try to make my sites, how can I put stuff exactly where i want it?  [ send green star]  [ accepted]
 
 June 28, 2005 9:26 PM

I have a question. =) When I try to make my sites, how can I put stuff exactly where i want it?

Hello It depends on what it is text, images, background?

The easiest way is to use css & divs if you want your entire content in specific places.

http://www.care2.com/c2c/groups/disc.html?gpp=2424&pst=146248&archival=

With css you can tell divs exactly where you want them on the page.

For example this page was made using divs:
http://www.geocities.com/lilstorm_love/template.html

First you want to decide where you want everything to be.

100 pixels from the left? 10 pixels from the top? This takes alittle bit of practice unless you are good with math lol.

So using the page above I created 3 divs one for the content, one for the links/navigation and another for the copyright.

I decided I wanted the content div 405 pixels from the left, 107 pixels from the top with a width of 355 pixels and a height of 422 pixels.

the code for that would be:

#content {
 position:absolute;
 left:405px;
 top:107px;
 width:355px;
 height:422px;
 overflow: scroll
}

next for the navigation div I wanted it 46 pixels from the left and 439 pixels from the top with a width of 338 pixels and a height of 99 pixels.

the code for that was:

#navigation {
 position:absolute;
 left:46px;
 top:439px;
 width:338px;
 height:99px;
 overflow: scroll
}


then for the copyright div I wanted it 60 pixels from the left and 548 pixels from the top with a width of 500 pixels and a height of 30 pixels.

the code for that is:

#copyright {
 position:absolute;
 left:60px;
 top:548px;
 width:500px;
 height:30px;
 overflow: scroll
}


now putting it all together:
<html>
<head>
<style type="text/css">
#content {
 position:absolute;
 left:405px;
 top:107px;
 width:355px;
 height:422px;
 overflow: scroll
}

#navigation {
 position:absolute;
 left:46px;
 top:439px;
 width:338px;
 height:99px;
 overflow: scroll
}

#copyright {
 position:absolute;
 left:60px;
 top:548px;
 width:500px;
 height:30px;
 overflow: scroll
}
</style>
</head>
<body>
<div id="content">Put your content text and images here</div>
<div id="navigation">Put your links and navigation text/images here</div>
<div id="copyright">Put your copyright information here</div>
</body>
</html>

Check out this link to read more about it and even get layouts you can just play with:
http://www.care2.com/c2c/groups/disc.html?gpp=2424&pst=146248&archival=


 [ send green star]

 
  New Topic              Back To Topics Read Code of Conduct

 

This group:
Website Design Help
208 Members

View All Topics
New Topic

Track Topic
Mail Preferences


Copyright © 2009 Care2.com, inc. and its licensors. All rights reserved