Ask a Question related to Macromedia Dynamic HTML, Design and Development.
-
septy_pop #1
PLS HELP A.S.A.P
i'm kinda' new at this...so my q is gonna' be simple.How do I publish a web
page so that it fits any resolution.I'm currently working at 1024*768(i think)
and when somebody acceses my site at 800x600...crap....they have to
scroll...huge pics.that sort of thing.I just want to know if i can add a
automatic resize..or smt like that,so that my site will be in the same
dimansions at dif. rezolutions...i hope u understand :D
septy_pop Guest
-
0071333103 #2 Re: PLS HELP A.S.A.P
Hey all,
Iam the webmaster to my institute and iam making the website for the same. Iam
stuck in the similar problem of resolution. the webpages are perfect in
1024x768 resolution but all the contents go out of place when seen in 800x600
resolution.I know the logic behind this getting right, that is i've create a
table of resolution 800x600 and then fit all the contents into it(i hope it is
correct) but this is not helping any how!!!
Anyone could pleaase help me out in this as this is supposed to be my project
to the institute and it is very important to me.
Please find the code attached....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>HMRITM</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length;
i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</SCRIPT>
<LINK href="forAll.css" type=text/css rel=stylesheet>
<META content="MSHTML 6.00.2745.2800" name=GENERATOR>
<style type="text/css">
.style1 {color: #ffffff}
.style2 {color: #FFFFFF; }
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FF9933;
}
a:hover {
text-decoration: underline;
color: #9999ff;
}
a:active {
text-decoration: none;
color: #FFFFFF;
}
.style10 {color: #333333}
.style6 {font-size: 12px;
color: #FFFFFF;
font-weight: bold;
}
.style11 {font-size: 16px}
.style14 {font-size: 36px}
</style>
</HEAD>
<BODY leftMargin=0 background="images/bg.gif" topMargin=0
marginheight="0" marginwidth="0"
onLoad="MM_preloadImages('images/tower.JPG','images/recp.JPG','images/pillar.JPG
')">
<script type='text/javascript'>
function Go(){return}
</script>
<script type='text/javascript' src='menu_abt.js'></script>
<script type='text/javascript' src='mmenu.js'></script>
<TABLE height="100%" cellSpacing=0 cellPadding=0 width="100%" bgColor=#000000
border=0>
<TBODY>
<TR>
<TD vAlign=center bgColor=#000000 height=65><A
href="abtus.htm"><img height=46
src="images/logo.gif" width=131 align=left border=0>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
rsion=6,0,29,0" width="800" height="109">
<param name="movie" value="header.swf">
<param name="quality" value=high>
<embed src="header.swf" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Vers
ion=ShockwaveFlash" type="application/x-shockwave-flash" width="900"
height="109"></embed>
</object>
</A> </TD>
</TR>
<TR>
<TD height=43 align="center" vAlign=middle background="images/menu_bg.gif"
bgcolor="#000000">
<div align="center"><strong><span class="style2"><a
href="abtus.htm"><em>**ABOUT US</em></a> | <a href="adm.htm">ADMISSION</a> | <a
href="prog.htm">PROGRAMMES</a> | <a href="fac.htm">FACULTY</a> | <a
href="council.htm">STUDENTS' COUNCIL</a> | <a href="forum/index.php">FORUM</a>
| <a href="dld.htm">DOWNLOADS</a> | <a href="c_us.htm">CONTACT US</a>
</span></strong></div></TD>
</TR>
<TR>
<TD class=forCopyright vAlign=top bgColor=#dfdfdf>
<TABLE width="100%" height="417" border=0 cellPadding=2 cellSpacing=0>
<TBODY>
<TR vAlign=top bgColor=#dfdfdf>
<TD width="20%" height=408 background="images/Side.gif"
class=forTexts>
<table width="200" border="0">
<tr>
<td><div align="center" class="style2">
<h2>ABOUT US </h2>
</div></td>
</tr>
</table>
<DIV align=center> </DIV>
<P> </P></TD>
<TD width="66%" height=408 background="images/strips.gif"
class=forTexts>
<P> </P>
<BLOCKQUOTE>
<P align="center"><span class="style4"><FONT class=option
color=#333333><span class="style11">
<marquee>
<B>Welcome To HMR Institute Of Technology & Management</B>
</marquee>
</span></FONT></span></P>
<P align="center"><span class="style4"><FONT class=option
color=#333333><span class="style11">
<marquee>
</marquee>
</span></FONT></span></P>
<p align="center"><strong></span></span><span class="style10">No
horse gets anywhere until he is harnessed;<br>
No steam or gas ever drives anything until it is confined;<br>
No Niagara is ever turned into light and power until it is
tunneled;</span></strong></p>
<table width="73%" height="204" border="1" align="center"
cellpadding="1" cellspacing="0">
<tr>
<td width="33%"><div align="center"><img
src="images/recp.JPG" width="180" height="200"></div></td>
<td width="33%"><div align="center"><img
src="images/pillar.jpg" width="180" height="200"></div></td>
<td width="33%"><div align="center"><img
src="images/tower.JPG" width="198" height="200"></div></td>
</tr>
</table>
<p><span class="style10"><span class="style14">C</span>onceived
in 2003, under the aegis of Hira Lal Mohan Devi Rita Gupta Memorial Trust to
provide exceptional facilities for students of Engineering and Technology, the
HMR Institute of Technology and Management boasts of being among the reputed
institutes even in its early stages. The institute recognizes the need for
bringing up a new age cerebral workforce in today's highly competitive
environment. It hence provides an atmosphere that ensures academic excellence
and industry exposure that helps equip the students with the technical skills
and emotional intelligence to successfully grapple with the complexities of a
dynamic technology-driven environment. This endeavor is greatly aided by the
location of the institute in Delhi that is home to several corporate houses and
industries.<br>
</p>
<p> <strong>HMR Institute of Technology and Management</strong>
stands for quality embedded higher education at par with global and an
excellent learning environment backed by innovative state-of-the-art
infrastructure. Further, it aims to add greater value to the world of crucial
engineering developments and technological breakthroughs through an active
focus on research and development activities. With a bird’s eye-view of
all-encompassing development, it strives to achieve faster progress for
students, for itself and for the nation and the world.</p>
<p align="right"><a href="#top"><img src="images/gotop.gif"
alt="Top" width="20" height="20" border="0"></a></p>
<table width="580" border="0" align="left">
<tr>
<td bgcolor="#666666"><div align="center">
<p class="style6"><a href="home.htm">HOME</a> | <a
href="http://ipu.ac.in">GGSIPU</a> | <a href="dclaim.htm">DISCLAIMER</a> | <a
href="c_us.htm">CONTACT US</a> </p>
</div></td>
</tr>
</table>
<p> </p>
</BLOCKQUOTE></TD>
<TD width="15%"
height=408 background="images/Side.gif" class=forTexts><div
align="center">
<marquee onMouseOver="this.scrollAmount=0"
onMouseout="this.scrollAmount=4" scrollamount="4" direction="up"
loop="true" width="100%" height="300">
<center>
<font face="Verdana" color="#ffffff" size="2">
<p><a href="camp.htm">THE CAMPUS</a></p>
<p><a href="lib.htm">LIBRARY</a></p>
<p><a href="lab.htm">LABORATORIES & WORKSHOPS</a></p>
<p><a href="flt.htm">FACILITIES</a></p>
<p><a href="admin.htm">ADMINISTRATION</a></p>
<p><a href="place.htm">PLACEMENT CELL</a></p>
<p><a href="council.htm">STUDENTS' COUNCIL</a></p>
<p><a href="feat.htm">FEATURES</a></p>
<p><a href="procd.htm">PROCEDURE</a></p>
<p><a href="elig.htm">ELIGIBILITY<BR> & SEAT AVAILIBILITY</a></p>
<p><a href="p1.htm">DEPT. OF ELECTRONICS & COMMUNICATION ENGINEERING</a></p>
<p><a href="p1.htm">DEPT. OF COMPUTER SCIENCE ENGINEERING</a></p>
<p><a href="p1.htm">DEPT. OF INFORMATION TECHNOLOGY</a></p>
<p><a href="p1.htm">DEPT. OF MECHANICAL & AUTOMATION ENGINEERING</a></p>
<p><a href="p1.htm">DEPT. OF ELECTRONICS & ELECTRICAL ENGINEERING</a></p>
<p><a href="fac.htm">Faculty</a></p>
<p><a href="forum/index.php">Forum</a></p>
<p><a href="syll.htm">Syllabus</a> </p>
<p><a href="assignment">Assignments</a></p>
<p><a href="dev.htm">Budding Developers</a></p>
<p><a href="c_us.htm">Contact Us </a></p></font>
</center>
</marquee></div></TD>
</TR></TBODY></TABLE></TD></TR>
<TR>
<TD class=forCopyright vAlign=center
background="images/down_blend.gif" height=30><DIV align=center
class="style2">HMR Institute Of Technology And Management. </DIV></TD>
</TR>
<TR>
<TD height=30 align=middle vAlign=center
background="images/bown_bg.gif" class=forCopyright style1><div
align="center" class="style1">AFFILIATED TO GURU GOVIND SINGH INDRAPRASTHA
UNIVERSITY </div></TD>
</TR>
</TBODY></TABLE>
</BODY></HTML>
0071333103 Guest
-
Alice Nine #3 Re: PLS HELP A.S.A.P
The best practice is to use flexible tables for layout
By using this method, Keeping all Elements either minimum or maximum size
with only the areas or elements that always have a fixed size (Measured or
by percentage), you can acheive highly resizable pages with little or no
scripting at all.
This only applies to documents using loose DTD because strict does not
implement 100% height for tables.
Here is an example of a page layout with fixed footer and header but with a
resizable content area.
This method can be applied to inner tables in each area.
I recommend not using rowspans or colspans. This will make the scalability
(ie adding areas) harder.
Although tables reduce performacem using simple tables for layouts is
negligable even if you are using 10-20 small table per page.
<style>
BODY
{
Margin: 0px;
Overflow: Auto; /* Removes scrollerbar place holder */
}
.Maxed
{
width: 100%;
Height: 100%;
}
..ScrollerBox
{
width: 100%;
Height: 100%;
Overflow: auto;
}
#PageHeader,
#PageFooter
{
Height: 50px;
}
#LogoArea
{
Width: 1px;
/* In a non-fixed table layout (CSS) the TD will not actually be able to
reduce to this size and occupy the size if the content. Since the table is
100% width the other td's will fill in the rest */
}
</style>
<table style="">
<tr>
<td id="PageHeader">
<!-- This area is fixed -->
<table class="Maxed">
<tr>
<td id="LogoArea">
<!-- Logo Image Here -->
<img src="logo.gif" />
</td>
<td>
Page Title
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td id="PageContent">
<div class="ScrollerBox">
this area is dynamically sized and will scroll if
neccecary.
<img border=1 height=300 width=300><!-- try resizing the
window to see effect -->
</div>
</td>
</tr>
<tr>
<td id="PageFooter">
This area is fixed too
</td>
</tr>
</table>
"septy_pop" <webforumsuser@macromedia.com> wrote in message
news:e05q3m$rvq$1@forums.macromedia.com...web> i'm kinda' new at this...so my q is gonna' be simple.How do I publish athink)> page so that it fits any resolution.I'm currently working at 1024*768(i> and when somebody acceses my site at 800x600...crap....they have to
> scroll...huge pics.that sort of thing.I just want to know if i can add a
> automatic resize..or smt like that,so that my site will be in the same
> dimansions at dif. rezolutions...i hope u understand :D
>
Alice Nine Guest
Reply With Quote
Posting Permissions
- You may not post new threads
- You may post replies
- You may not post attachments
- You may not edit your posts
