PDA

View Full Version : Changing the size of a picture within a frame



iratus
11 Apr 2011, 06:43 AM
Hello

I am very new to html scripting !!!

I have a very basic question.

I have a link of a photo and I am trying to change its size within a frame (topFrame).

I am trying with the height and width command but it doesn't seems to work.

Can anyone tell me why ???

This is my code.

index.html
Code:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=UTF-8" />
<title>Everest</title>
<link type="text/css" href="css/style.css" rel="stylesheet"
media="all" />
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/map.js"></script>
</head>
<body>
<h1>Everest, The Mountain Of Gods</h1>






<div id="map"></div>
</body>


UntitledFrameset-6.html
Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Everest</title>
</head>



<frameset rows="25%,75%" framespacing="10" frameborder="yes" border="10" bordercolor="#000000">
<frame src="http://www.mountain.ru/photo/01-2005/everest_360_panorama%20.jpg" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" img src="http://www.mountain.ru/photo/01-2005/everest_360_panorama%20.jpg" />
<frame src="Index.html" name="mainFrame" id="mainFrame" title="mainFrame" />
<frame src="UntitledFrame-1"></frameset>

<a href="http://www.mountain.ru/photo/01-2005/everest_360_panorama%20.jpg">
<img src="http://www.mountain.ru/photo/01-2005/everest_360_panorama%20.jpg" height="900" height="50"></a>



</frameset>


<noframes><body>
</body></noframes>
</html>


style.css
Code:


body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
background: #fff;
}
#map {
width: 100%;
height: 600px;
border: 1px solid #000;
}

cadenuo
11 Apr 2011, 07:59 AM
well first problem is your calling for the ID map but i never see that id issued to anything

id="mainFrame

is the only ID i see actually being set when you call something out in css it has to relate to a element in the html

hope that helps i would suggest reading up on a few good tuts online for basic html and css have a good day and keep learning