Google
HTML Tutorial


 Forum HomeForum Home   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Trouble with a SCROLL table...
Goto page Previous  1, 2
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA
PostPosted: Mon Jan 17, 2005 11:06 am     Reply with quote


Please verify the URLs.
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina
PostPosted: Mon Jan 17, 2005 7:02 pm     Reply with quote
I'm a dumbass Razz here you have:


1) This is with the last code I posted:
http://www.nancyracca.com/CAS/Alta%20Costura/Color.htm

2) This is by adding the padding-left: 10px; padding-right: 20px; overflow: auto;
www.nancyracca.com/CAS/Alta%20Costura/QueEs.htm

3) And this is the same as above but deleting the width: 240;
www.nancyracca.com/CAS/Alta%20Costura/Secretos01.htm

As soon as I get home I will justify all the texts... so you'll see it easily...

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA
PostPosted: Tue Jan 18, 2005 5:28 am     Reply with quote
Well the links work but I guess I am confused over what you are trying to exactly accomplish. This one looks right: http://www.nancyracca.com/CAS/Alta%20Costura/Secretos01.htm - as far as what I thought you were trying to accomplish.
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina
PostPosted: Tue Jan 18, 2005 10:45 am     Reply with quote
Corey Bryant wrote:
Well the links work but I guess I am confused over what you are trying to exactly accomplish. This one looks right: http://www.nancyracca.com/CAS/Alta%20Costura/Secretos01.htm - as far as what I thought you were trying to accomplish.


If you look at it now... it's justified... and you'll see that the scrollbar is RIGHT next to the text... I want to have 10 px between them...

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA
PostPosted: Wed Jan 19, 2005 4:51 am     Reply with quote
Try this:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>

<!-- InstanceBegin template="/Templates/TemplateCAS.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Nancy Racca - Alta Costura</title>
<style type="text/css">
td.head
{
width: 240px;
height: 18px;
border: 0px solid #FFFFFF;
font-family: ;
font-size: ;
font-weight: bold;
color: #000000;
background-color: #FFFFFF;
}

div.scroll
{
height: 231px;
border: 0px solid #FFFFFF;
color: #000000;
background-color: #FFFFFF;
scrollbar-base-color: #FFFFFF;
scrollbar-3d-light-color: #CCCCCC;
scrollbar-arrow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #CCCCCC;
scrollbar-track-color: #CCCCCC;
padding-left: 10px;
padding-right: 30px;
overflow: auto;
}
</style>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
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_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_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>
<link href="/LinkJavier.css" rel="stylesheet" type="text/css">
</head>

<body bgcolor="#000000" onload="MM_preloadImages('/BTN_Inicio02.jpg','/BTN_AltaCostura02.jpg','/BTN_Galeria02.jpg','/BTN_Contacto02.jpg')">

<table width="750" height="401" border="0" align="center" cellpadding="0" cellspacing="0">
   <tr>
      <td width="151" height="338" valign="top" background="/Imgs/BarraFinal.jpg">
      <table width="151" height="259" border="0" align="left" cellpadding="0" cellspacing="0">
         <tr>
            <td width="100" height="139" rowspan="5" background="/Imgs/NancyRaccaLOGO2.jpg">&nbsp;</td>
            <td width="40" height="20" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="20" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="40" height="10" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="10" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="40" height="10" background="/Imgs/Lineas12.jpg">&nbsp;</td>
            <td width="11" height="10" background="/Imgs/Lineas06.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="40" height="10" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="10" background="/Imgs/Lineas13.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="40" height="60" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="60" background="/Imgs/Lineas13.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="100" height="10" bgcolor="#ADADAD">&nbsp;</td>
            <td width="40" height="10" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="10" background="/Imgs/Lineas13.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="100" height="108" bgcolor="#ADADAD">
            <table width="100" height="108" border="0" align="left" cellpadding="0" cellspacing="0">
               <tr>
                  <td>
                  <a href="/CAS/Inicio.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BTN_Inicio','','/CAS/BTN_Inicio02.jpg',1)">
                  <img src="/CAS/BTN_Inicio01.jpg" name="BTN_Inicio" width="100" height="27" border="0"></a></td>
               </tr>
               <tr>
                  <td>
                  <a href="/CAS/AltaCostura.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BTN_AltaCostura','','/CAS/BTN_AltaCostura02.jpg',1)">
                  <img src="/CAS/BTN_AltaCostura01.jpg" name="BTN_AltaCostura" width="100" height="27" border="0"></a></td>
               </tr>
               <tr>
                  <td>
                  <a href="/CAS/Galeria.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BTN_Galeria','','/CAS/BTN_Galeria02.jpg',1)">
                  <img src="/CAS/BTN_Galeria01.jpg" name="BTN_Galeria" width="100" height="27" border="0"></a></td>
               </tr>
               <tr>
                  <td>
                  <a href="/CAS/Contacto.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('BTN_Contacto','','/CAS/BTN_Contacto02.jpg',1)">
                  <img src="/CAS/BTN_Contacto01.jpg" name="BTN_Contacto" width="100" height="27" border="0"></a></td>
               </tr>
            </table>
            </td>
            <td width="40" height="100" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="100" background="/Imgs/Lineas13.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="100" height="10" bgcolor="#ADADAD">&nbsp;</td>
            <td width="40" height="10" background="/Imgs/BarraFade.jpg">&nbsp;</td>
            <td width="11" height="10" background="/Imgs/Lineas13.jpg">&nbsp;</td>
         </tr>
      </table>
      </td>
      <td width="540" valign="top" bgcolor="#FFFFFF">
      <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
         <tr>
            <td>
            <table width="540" border="0" cellpadding="0" cellspacing="0">
               <tr>
                  <td width="395" rowspan="2" background="/Imgs/NancyRaccaTOP01.jpg">&nbsp;</td>
                  <td width="10" height="20" background="/Imgs/Lineas01.jpg">&nbsp;</td>
                  <td width="135" height="20" background="/Imgs/Lineas02.jpg">&nbsp;</td>
               </tr>
               <tr>
                  <td width="10" height="10" background="/Imgs/Lineas04.jpg">&nbsp;</td>
                  <td width="135" height="10" bgcolor="#FFFFFF">&nbsp;</td>
               </tr>
               <tr>
                  <td height="10" background="/Imgs/NancyRaccaTOP02.jpg">&nbsp;</td>
                  <td height="10" background="/Imgs/Lineas08.jpg">&nbsp;</td>
                  <td height="10" background="/Imgs/Lineas09.jpg">&nbsp;</td>
               </tr>
            </table>
            </td>
         </tr>
      </table>
      <!-- InstanceBeginEditable name="Contenido" -->
      <p align="center">
      <img src="/CAS/Alta%20Costura/BTN_Color.jpg" width="234" height="50"></p>
      <table width="100%" align="center" bgcolor="#FFFFFF">
         <tr>
            <td>
            <div class="scroll">
               <p align="justify">¿Nunca le ha pasado, al tener un evento que
               reviste gran importancia para usted, que a la hora de definir
               el modelo que llevará en dicho evento, no sabe que color elegir?</p>
               <p align="justify">Si le ha pasado alguna, o varias veces, no
               se desaliente. No es la única. Lo vemos a diario, incluso aquí,
               en nuestro atelier.</p>
               <p align="justify">Los colores son realmente apasionantes, y
               pueden hacernos sentir muy bien cuando elegimos el adecuado,
               o muy mal si es el inadecuado.</p>
               <p align="justify">Esto tuvo inicio con los maestros de la pintura
               alemana. Comenzaron a observar que cada alumno se identificaba
               con determinados colores que diferían totalmente de otros alumnos.
               Estudiaron el tema y llegaron a la conclusión de que nacemos
               con la inclinación hacia los colores que más nos favorecen,
               y que luego se ven influenciados por el entorno, llámese moda,
               familia, amigos, etc.</p>
               <p align="justify">¿Cómo se determinan? En base al color de
               ojos, piel y cabello.</p>
               <p align="justify">Las paletas son cuatro. La primera contiene
               los tonos puros y los valores: blanco y negro. Pueden llevarlo
               aquellas pieles más oscuras o blancas con base de pigmentación
               azuladas, que puedan competir incluso con un blanco puro o un
               negro sin que esto implique una profundización de arrugas y
               ojeras.</p>
               <p align="justify">La segunda contiene tonos mas suaves, siempre
               con bases azules. No les favorecen el salmón ni tonos que tiendan
               al amarillento. El marrón solo con tinte rosado. Lo llevarán
               pieles muy blancas con base de pigmentación azuladas, con ojos
               marrones, verdes o celestes.</p>
               <p align="justify">La tercera y cuarta están basadas en colores
               que contienen gran cantidad de amarillo en su composición, y
               las llevarán aquellas pieles con pigmentación marfileña (son
               las menos) y las pelirrojas.</p>
               <p align="justify">Usted me va a decir, “Nancy, si antes no
               sabia qué color elegir, ahora menos”. Parece complicado en un
               principio, pero cuando nos vamos familiarizando con los colores,
               llegamos a manejarlos como grandes expertas, y a la hora de
               decidir ya están tan incorporados que automáticamente nuestra
               mente los identifica; acepta los apropiados y rechaza los inadecuados,
               que por otra parte, no es que nos quedarán horribles, solo que
               los otros nos quedarán mejor, como si nuestro rostro estuviera
               iluminado por un reflector.</p>
               <p align="justify">Es realmente apasionante y la hará sentir
               muy bien no solo a la hora de vestir, cuando le digan “¡Que
               linda estás!” y no “¡Que lindo vestido tenés!”, sino que lo
               podrá aplicar también en su hogar para la decoración y obtener
               un ambiente que le resulte muy agradable.</p>
               <p align="justify">Tómelo con calma, lentamente, vaya incorporándolo
               y verá que los resultados son óptimos.</p>
               <p align="right"><strong>Nancy Racca</strong><br>
               </p>
            </div>
            </td>
         </tr>
      </table>
      <!-- InstanceEndEditable --></td>
      <td width="59" valign="top" background="/Imgs/BarraDelFinal.jpg">
      <table width="59" height="230" border="0" align="right" cellpadding="0" cellspacing="0">
         <tr>
            <td width="10" height="20" background="/Imgs/Lineas03.jpg">&nbsp;</td>
            <td height="20" colspan="5" background="/Imgs/Lineas02.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="10" background="/Imgs/Lineas05.jpg">&nbsp;</td>
            <td height="10" colspan="5" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="10" background="/Imgs/Lineas10.jpg">&nbsp;</td>
            <td height="10" colspan="5" background="/Imgs/Lineas11.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="10" background="/Imgs/Lineas14.jpg">&nbsp;</td>
            <td width="11" height="10" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="10" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="10" height="10" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="10" height="10" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="10" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="60" background="/Imgs/Lineas14.jpg">&nbsp;</td>
            <td width="11" height="60" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="60" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="10" height="60" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="10" height="60" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="60" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="10" background="/Imgs/Lineas14.jpg">&nbsp;</td>
            <td width="11" height="10" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="10" background="/Imgs/Lineas15.jpg">&nbsp;</td>
            <td height="10" colspan="3" background="/Imgs/Lineas17.jpg">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="100" background="/Imgs/Lineas14.jpg">&nbsp;</td>
            <td width="11" height="100" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="100" background="/Imgs/Lineas16.jpg">&nbsp;</td>
            <td width="10" height="100" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="10" height="100" bgcolor="#FFFFFF">&nbsp;</td>
            <td width="9" height="100" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
         <tr>
            <td width="10" height="10" background="/Imgs/Lineas18.jpg">&nbsp;</td>
            <td width="11" height="10" background="/Imgs/Lineas21.jpg">&nbsp;</td>
            <td width="9" height="10" background="/Imgs/Lineas19.jpg">&nbsp;</td>
            <td width="10" height="10" background="/Imgs/Lineas21.jpg">&nbsp;</td>
            <td width="10" height="10" background="/Imgs/Lineas20.jpg">&nbsp;</td>
            <td width="9" height="10" bgcolor="#FFFFFF">&nbsp;</td>
         </tr>
      </table>
      </td>
   </tr>
   <tr valign="middle">
      <td height="20" bgcolor="#000000">&nbsp;</td>
      <td height="20" valign="bottom" bgcolor="#000000">
      <div align="center">
         <p>
         <font color="#FFFFFF" size="1" face="Arial, Helvetica, sans-serif">Realizado
         y diseñado por <strong>Javier I. España</strong> - Todos los derechos
         reservados a Nancy Racca.</font></p>
      </div>
      </td>
      <td height="20" bgcolor="#000000">&nbsp;</td>
   </tr>
</table>

</body>
<!-- InstanceEnd -->

</html>
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina
PostPosted: Wed Jan 19, 2005 8:29 am     Reply with quote
Well, thank you a LOT!!! It worked perfectly... I'll check out the code now to see what you changed Very Happy

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA
PostPosted: Wed Jan 19, 2005 9:18 am     Reply with quote
No worries. That was what I actually posted the other day when I told you to delete one line of coding. That was why I was so confused on it.

Good luck with the site!
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Goto page Previous  1, 2
Page 2 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 
 
HOSTING / DESIGN
$1.99 Domain Registration
Cheap Web Hosting
Website Templates
MAKE MONEY
Sell Domain Names
Sell Website Templates

Home   |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial