|
| PORTAIL | ANNUAIRE | ARTICLES | COMPARATEUR HÉBERGEURS | DEVIS | FORUMS | RÉDUCTEUR D'URL |
|
24/04/2008, 03h13
|
#1 |
Messages: n/a
Hébergeur: |
CSS/HTML
thanks for taking a look:
- can you me figure out the errors within this code? - can I/we have the margin or site to the top of the page? - how can I get separation within the tables i.e., Navtable, main table and the scroll? - how can i create another or table on the side like a side bar? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Testsite</title> <script 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];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- .style1 {color: #FFFFFF} .style2 {color: #000000} .style3 {color: #CCCCCC} .style4 {font-size: 9px} .style5 {color: #CCCCCC; font-size: 12px; } body { background-image: url(); padding: 0; padding-top: 5px; color: #FFFFFF; } #tablelayout { font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; } #Navtable { padding-bottom: 5px; top: 0.1px; padding-top: 0px; } #Navbottom { text-align: center; width: auto; background-color: #CCCCCC; color: #660033; font-family: "Times New Roman", Times, serif; text-decoration: none; letter-spacing: 1px; } #foottable { background-color: #660033; text-align: center; width: 85%; margin: auto; border-top-style: double; border-right-style: double; border-bottom-style: double; border-left-style: double; border-top-width: medium; border-top: 2; color: #FFFFFF; font-style: normal; font-family: "Times New Roman", Times, serif; } --> </style> </head> <!-- Marquee begins --> <script language="JavaScript"> var banner='<marquee bgcolor="#006666" direction="left" height="19" loop="10" scrollamount="3" scrolldelay="20" width="1000">Thank you for visiting our site... please take a moment to scroll through and sign our guestbook........</marquee>'; function init() { if (document.all) document.getElementById("testDiv").innerHTML = banner; } </script> <!--Marquee--> <body bgcolor="#CCCCCC" text="#003333" onload=init()> <div id="testDiv" style="position:absolute; Left:165; top:250; font-family:Arial;" align="Left"></div> <br /> <body link="#006666" alink="#660000" onload="MM_preloadImages('../My Pictures/Picture22.gif','../My Pictures/Picture3a.gif','../My Pictures/Picture5.gif','Assets/Picture3a.gif','Assets/Picture5.gif','Assets/Pict ure2.gif','Assets/Picture4a.gif')"> <table width="85%" height="7" border="1" align="center" id="Navtable" hspace="0" vspace="0"> <tr align="left" valign="top" bgcolor="#006666"> <td width="21%"><div align="center"><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../My Pictures/Picture3a.gif',1)"></a><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Test','','../My Pictures/Picture3a.gif',1)"></a><a href="../My Pictures/ARACreativesImages/www.site.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','../My Pictures/Picture22.gif',1)"></a><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Assets/Picture3a.gif',1)"><img src="Assets/Picture3.gif" alt="Home" name="Home" width="113" height="48" border="0" id="Home" /></a></div></td> <td width="1%"><div align="center"></div></td> <td width="21%"><div align="center"><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../My Pictures/Picture5.gif',1)"></a><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About Us','','Assets/Picture5.gif',1)"><img src="Assets/Picture5a.gif" alt="About Us" name="About Us" width="113" height="48" border="0" id="About Us" /></a></div></td> <td width="1%"><div align="center"></div></td> <td width="21%"><div align="center"><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','Assets/Picture2.gif',1)"><img src="Assets/Picture1.gif" alt="Services" name="Services" width="113" height="48" border="0" id="Services" /></a></div></td> <td width="1%"><div align="center"> </div></td> <td width="21%"><div align="center"><a href="http://www.site.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Mission','','Assets/Picture4a.gif',1)"><img src="Assets/Picture4.gif" alt="Mission" name="Mission" width="113" height="48" border="0" id="Mission" /></a></div></td> <td colspan="25" rowspan="50" align="right" scope="15">Logo Goes here </td> </tr> </table> <table width="85%" border="2" align="center" cellpadding="2" cellspacing="2" bordercolor="#660033" bgcolor="#FFFFFF" id="tablelayout"> <tr> <td width="77%" valign="top" bgcolor="#006666"><p class="style1">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> <p class="style1"> </p> </td> <td width="18%" valign="top" bgcolor="#FFCC66"><p class="style2">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p> <p class="style2"> </p> <p align="center" class="style2"><img src="Assets/prayer.bmp" alt="Inspiration" name="Home1" width="130" height="110" border="2" id="Home1" /></p> <p align="center" class="style2">Click here for weekly inspiration </p> <p align="center" class="style2"> </p> <p align="center" class="style2"> </p> <p align="center" class="style2">Please click here to sign our guestbook</p> <p align="center" class="style2"><a href="http://site.htm"><img src="../../Application Data/Macromedia/Dreamweaver 8/Configuration/ServerConnections/ARACreatives/gu_04b.gif" alt="Guestbook" width="150" height="40" border="0" /></a> </p></td> </tr> <tr> <td width="77%"><div align="center" id="Navbottom"><a href="#">Contact Us </a> | <a href="#">Galleries</a> | <a href="#">Schedule</a> | <a href="#">UpcomingEvents</a></div></td> </tr> </table> <table width="" bordercolor="#660033" bgcolor="#660033" id="foottable"> <tr> <td width="100%"><div align="center"> <p align="center" class="style4">Site Design by <a href="http://www.site.htm" title="Go To RRAS" target="_self">site.htm</a> | Contact <a href="mailto:Akaya@site.htm">Webmaster</a> </p> <p align="center" class="style4">@ 2007- 2008 ARA CREATIVES, LLC </p> </div></td> </tr> </table> <p> </p> <p> </p> </body> </html> |
|
 |
| Outils de la discussion | |
|
|
