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 1, 2  Next
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table
View previous topic :: View next topic  
Author Message
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Wed Jan 12, 2005 1:40 pm     Trouble with a SCROLL table... Reply with quote

Hi, I'm using this code to create a scroll table... everything works great... but I don't want my text to be just next to the scrollbar... how do I tell Dreamweaver to let, let's say, 10 px from right and left...

This way I can have:

10 px -- TEXT -- 10 px -- Scrollbar

-------------------------------------------------

<html>
<head>
<title>:::scroll.table:::</title>

<style type="text/css">
td.head
{
width: 240px;
height: 18px;
border: 0px solid #001122;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #ccddee;
background-color: #1e5982;
}

td.scroll
{
width: 240px;
height: 100px;
border: 0px solid #001122;
font-family: verdana;
font-size: 10px;
color: #ccddee;
background-color: #203b54;
scrollbar-base-color: #203b54;
scrollbar-3d-light-color: #a0bbd4;
scrollbar-arrow-color: #a0bbd4;
scrollbar-darkshadow-color: #203b54;
scrollbar-face-color: #203b54;
scrollbar-highlight-color: #809bb4;
scrollbar-shadow-color: #809bb4;
scrollbar-track-color: #203b54;
}
</style>

</head>
<body bgcolor="#112233">

<table bgcolor="#000000" cellspacing="1" width="240">
<tr>
<td class="head">
td.head
</td>
</tr>
<tr>
<td class="scroll">
<div style="width: 100%; height: 100%; overflow: auto;">

td.scroll content starts here...

dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text - END

</div>
</td>
</tr>
</table>

</body>
</html>

----------------------------------------------

Thank you very much...

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Wed Jan 12, 2005 5:19 pm     Reply with quote



A lot of extra coding there that you do not really need, but I think what you are looking for is
Code:
padding-right: 5px;
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Thu Jan 13, 2005 11:54 am     Reply with quote

That SHOULD work... but it doesn't on that scroll table... in the preview of Dreamweaver, it all seems to work perfectly... but on IE it doesn't.... any ideas? Maybe is that extra code your mentioned...

Thanx

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Thu Jan 13, 2005 12:16 pm     Reply with quote

Did you try to add the extra code?
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Thu Jan 13, 2005 12:33 pm     Reply with quote

Corey Bryant wrote:
Did you try to add the extra code?


If you refer to the code 1 post above yours... yes... I tried...

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Thu Jan 13, 2005 12:39 pm     Reply with quote

This seems to work:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>:::scroll.table:::</title>

<style type="text/css">
td.head
{
width: 240px;
height: 18px;
border: 0px solid #001122;
font-family: verdana;
font-size: 10px;
font-weight: bold;
color: #ccddee;
background-color: #1e5982;
}

td.scroll
{
width: 240px;
height: 100px;
border: 0px solid #001122;
font-family: verdana;
font-size: 10px;
color: #ccddee;
background-color: #203b54;
scrollbar-base-color: #203b54;
scrollbar-3d-light-color: #a0bbd4;
scrollbar-arrow-color: #a0bbd4;
scrollbar-darkshadow-color: #203b54;
scrollbar-face-color: #203b54;
scrollbar-highlight-color: #809bb4;
scrollbar-shadow-color: #809bb4;
scrollbar-track-color: #203b54;
padding-left: 10px;
padding-right: 10px;
}
</style>

</head>
<body bgcolor="#112233">

<table bgcolor="#000000" cellspacing="1" width="240">
<tr>
<td class="head">
td.head
</td>
</tr>
<tr>
<td class="scroll">
<div style="width: 100%; height: 100%; overflow: auto;">

td.scroll content starts here...

dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text dummy text
dummy text dummy text dummy text dummy text dummy text - END

</div>
</td>
</tr>
</table>

</body>
</html>
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Fri Jan 14, 2005 8:31 am     Reply with quote

Nope, it doesn't... it makes the celpadding 10 px but INCLUDING the scrollbar... so I have:

10 px - TEXT - scrollbar - 10 px

Instead of:

10 px - TEXT - 10 px - scrollbar

HELP PLEASE!!! Very Happy

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Fri Jan 14, 2005 8:34 am     Reply with quote

That is strange, on mine I had:
10 px - TEXT - 10 px - scrollbar
And that is what you desire, right?
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Fri Jan 14, 2005 8:48 am     Reply with quote

Yes... that's what I want... here's the code of the entire page... HELP!!!

------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<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;
}

td.scroll
{
width: 240px;
height: 231px;
border: 0px solid #FFFFFF;
font-family: ;
font-size: ;
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: 10px;
}
</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 class="scroll">
<div style="width: 100%; height: 100%; overflow: auto;">
<p align="justify">&iquest;Nunca le ha pasado, al tener un evento
que reviste gran importancia para usted, que a la hora de definir
el modelo que llevar&aacute; 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 &uacute;nica. Lo vemos a diario, incluso
aqu&iacute;, 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&iacute;an totalmente de otros
alumnos. Estudiaron el tema y llegaron a la conclusi&oacute;n
de que nacemos con la inclinaci&oacute;n hacia los colores que
m&aacute;s nos favorecen, y que luego se ven influenciados por
el entorno, ll&aacute;mese moda, familia, amigos, etc.</p>
<p align="justify">&iquest;C&oacute;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&aacute;s oscuras o blancas con base de pigmentaci&oacute;n
azuladas, que puedan competir incluso con un blanco puro o un
negro sin que esto implique una profundizaci&oacute;n de arrugas
y ojeras.</p>
<p align="justify">La segunda contiene tonos mas suaves, siempre
con bases azules. No les favorecen el salm&oacute;n ni tonos que
tiendan al amarillento. El marr&oacute;n solo con tinte rosado.
Lo llevar&aacute;n pieles muy blancas con base de pigmentaci&oacute;n
azuladas, con ojos marrones, verdes o celestes.</p>
<p align="justify">La tercera y cuarta est&aacute;n basadas en colores
que contienen gran cantidad de amarillo en su composici&oacute;n,
y las llevar&aacute;n aquellas pieles con pigmentaci&oacute;n
marfile&ntilde;a (son las menos) y las pelirrojas.</p>
<p align="justify">Usted me va a decir, “Nancy, si antes no
sabia qu&eacute; 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&aacute;n tan incorporados que autom&aacute;ticamente
nuestra mente los identifica; acepta los apropiados y rechaza
los inadecuados, que por otra parte, no es que nos quedar&aacute;n
horribles, solo que los otros nos quedar&aacute;n mejor, como
si nuestro rostro estuviera iluminado por un reflector.</p>
<p align="justify">Es realmente apasionante y la har&aacute; sentir
muy bien no solo a la hora de vestir, cuando le digan “&iexcl;Que
linda est&aacute;s!” y no “&iexcl;Que lindo vestido
ten&eacute;s!”, sino que lo podr&aacute; aplicar tambi&eacute;n
en su hogar para la decoraci&oacute;n y obtener un ambiente que
le resulte muy agradable.</p>
<p align="justify">T&oacute;melo con calma, lentamente, vaya incorpor&aacute;ndolo
y ver&aacute; que los resultados son &oacute;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&ntilde;ado por <strong>Javier I. Espa&ntilde;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
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Fri Jan 14, 2005 1:59 pm     Reply with quote

Without going thru a lot of the coding problems, 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
{
width: 240px;
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: 20px;
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: Sat Jan 15, 2005 1:07 am     Reply with quote

Seems to work... but not entirely... now I have...

10 px - TEXT - 20 px - scrollbar - lots of pixels

:S

The table containing the scrollbar takes 100% withd.. but the text doesn't... and the scrollbar is in the middle of the table...

Any ideas?

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Sat Jan 15, 2005 7:54 am     Reply with quote

Well you do have your table set to 100%. And you hve the scroll set to a specific width. Are you wanting that to be all the way across? If so, get rid of the
Code:
width: 240px;

in the div.scroll
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Sun Jan 16, 2005 9:10 am     Reply with quote

Mmmmnnnnnn... still the same problem... :S

Maggical
Corey Bryant
Site Admin


Joined: 15 May 2004
Posts: 8205
Location: Castle Rock CO USA

PostPosted: Sun Jan 16, 2005 9:41 am     Reply with quote

Do you have this on the web? If so what is the URL?
Maggical



Joined: 10 Jan 2005
Posts: 33
Location: Rosario - Argentina

PostPosted: Mon Jan 17, 2005 10:30 am     Reply with quote

Yes... here it is:

1) This is with the last code I posted:
www.nancyracca.com/CAS/Color.htm

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

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

Please help me out Very Happy

Maggical
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum Index -> HTML Table All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 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
MAKE MONEY

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