PDA

View Full Version : how to move a picture



vikki
05-02-2006, 02:50 PM
i want to put my photo about 4 inches below the top how can i do this?:o

Twey
05-02-2006, 02:56 PM
<img src="..." style="position:absolute;top:4in;">Be advised that using inches for onscreen measurements is not a good idea.

vikki
05-02-2006, 02:57 PM
what would be better? and thank you

vikki
05-02-2006, 03:03 PM
http://theriseofamerica.com/test1.html is the site and i want to move everything down execpt for the menu when i do this by inches it doesnt look good... any ideas?:confused:

Twey
05-02-2006, 03:09 PM
I suggest ems, but if your page is based on a very inflexible layout, it may end up looking bad, in which case you should use pixels (px).

vikki
05-02-2006, 03:55 PM
still not working right every time i move one pic down the others just over lap and mess up the words my page looks like this:
<html>
<head>
<link rel="stylesheet" type="text/css" href="sddm[1].css" />

<title>The Rise of America</title>
<script language="JavaScript">
function makeArray() {
for (i = 0; i<makeArray.arguments.length; i++)
this[i + 1] = makeArray.arguments[i];
}
function makeArray0() {
for (i = 0; i<makeArray0.arguments.length; i++)
this[i] = makeArray0.arguments[i];
}

function y2k(number) {
return (number < 1000) ? number + 1900 : number;
}

var months = new makeArray('January','February','March','April','May','June','July','August','September','October','November','December');
var days = new makeArray0('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');

var today = new Date();
var day = days[today.getDay()];
var date = today.getDate();
var month = today.getMonth() + 1;
var year = y2k(today.getYear());
//-->
</script>
<style>
h2 {font-family: Trebuchet MS, Arial, Helvetica, Sans-Serif;
color: #000000;
font-size: 18pt;
font-weight: normal;
text-align:center;}
h3 {font-family: Arial, Helvetica, Sans-Serif;
color: #000000;
font-size: 12pt;
font-weight: bold;}
.nav {font-family: Arial, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
color: #000000;
text-decoration: none;}
</style>
</head>
<body background="http://theriseofamerica.com.istemp.com/images/aaaa.jpg" text="#fffff" link="#ffffff" alink="#ffffff" vlink="#cc0000" topmargin="0" leftmargin="0" marginwidth="0" marginwidth="0">
<table border=0 cellpadding=0 cellspacing=0 width="90%">

<tr valign="top">
<table border=0 cellpadding=0 cellspacing=0 width="90%">
<tr valign="top">
<td width="125" align="center">
<img src="/fs_img/builder/builder12/spacer.gif" width="175" height="1" alt="" border="0">
<br><br><br><br><br><br>
<b>
<font face="arail, helvetica, sans-serif" size="2" color="#ffffff">
<script language="JavaScript" type="text/javascript" src="menu.js"></script>

<script language="JavaScript" type="text/javascript" src="menu.js"></script>

<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this);" >Home Page</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.theriseofamerica.com">Home Page</a></span><BR />

</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Fighting the Next American Revolution</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.theriseofamerica.com/fightingthenextrevolution.html">Excerpt</a></span><BR />
</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Fighting the Next American Civil War</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><img src="/images/coming_001.gif" border=0></a></span><BR />
</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >My God, My God, why have you forsaken us?</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><img src="/images/coming_001.gif" border=0></a></span><BR />
</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Order Books</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://ww5.aitsafe.com/cf/add.cfm?userid=79100618&product=The%20Rise%20of%20America&price=22.00&units=">Order Books</a></span><BR />

</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Links</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/Links.html">Links Page</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/Activism.html">Activism</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/Education.html">Education</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/NewsOrganizations.html">News Organizations</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/SupportGroups.html">Support Groups</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/AntiAmericanSites.html">Anti-American Sites</a></span><BR />
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://www.TheRiseOfAmerica.com/Pro-GenocideSites.html">Pro-Genocide Sites</a></span><BR />
</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Declaration of Independence II</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="http://theriseofamerica.com/declartionofindependence.html">Declaration of Independence II</a></span><BR />

</div>
</div>
</div>

<!--------End Menu---------->
<BR />
<!--------Start Menu---------->
<div class="mainDiv" state="0">
<div class="topItem" classOut="topItem" classOver="topItemOver" onMouseOver="Init(this)" >Contact Us</div>
<div class="dropMenu" >
<div class="subMenu" state="0">
<span class="subItem" classOut="subItem" classOver="subItemOver"><a href="mailto:donin316@yahoo.com">Email Us</a></span><BR />

</div>
</div>
</div>

<!--------End Menu---------->
<P>
<P>
<a href="http://www.ptsalt.com/season/" target="_top"><img src="http://theriseofamerica.com/images/radio.jpg"><a/>
</b>
<p>
<a href="http://www.stoptheaclu.org/" target="_top"><img src="http://theriseofamerica.com/images/stop.jpg"><a/>
<br>
<P>
<!-- Start TrafficZap Exchange Code -->
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" src="http://www.trafficzap.com/exchange/exit.php?id=67347&q=821&btn=on">
</script>
<!-- End TrafficZap Exchange Code -->
</font></td>
<td width="87%"><div align="right"><font face="arial, helvetica, sans-serif" size="1">
<script language="JavaScript">
<!-- hide from older browsers
document.write(months[month] + ' ' + date + ', ' + year);
//-->
</script> &nbsp;&nbsp;<br>
</div>
<p>
<div align="center">

<p>
<p>
<align="center"><!--begin image_2--><img src="/images/book.jpg" border=0> <!--end image_2-->
<blockquote><br>
<p>
<P ALIGN="center"><!--begin image_1--><img src="/images/title4.gif" border=3><!--end image_1-->
<P ALIGN="center"><B><!--begin heading_1--><font size=2><!--end heading_2--></B></P>
<!-- start text here -->
<h2><!--begin page_title--><font size=2><!--end page_title--></h2>
<h3><!--begin heading_1--><font size=4><!--end heading_1--></h3>

<P align=justify><FONT size=4> America’s Founding Fathers created a government that would ensure a society of freedom, peace, prosperity, liberty and happiness. From the 1920s-1960s, our nation was infiltrated by a civilian army whose allegiance and loyalty was to a hostile foreign power. For the most part, these enemies of the American republic have gone virtually unnoticed by the American people. Yet, these individuals have caused the virtual overthrow of the American system of government. As a result, the American government has become the same type of tyrannical government that our Founding Fathers fought and died to destroy. The result is a society and a culture that is crumbling under our very feet.

America is at war! However, this war is not being fought on some foreign soil with tanks and planes. It is being fought here at home. We are fighting a war in defense of our homes, our families, and posterity. This war is being fought in our courts and it is being fought in our schools. I am not referring to a war against terror, but a war for the very soul of America. It is a war of ideology and it is war for the very future of this nation.<border=3>

<!-- end text here -->
</font>
</blockquote>
</td>
</tr>
</table>
<br><br>
<div align="center">
<!--begin search--><!--end search-->
</div>
</body>

</html>

Twey
05-02-2006, 04:11 PM
You want to move "everything" down "except" the menu?
Have you tried:
<style type="text/css">
body * {
position: relative;
top: 5em;
}

.mainDiv {
top: 0;
}
</style>