Tema: ayuda... necesito esto...con urgencia
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/05/2010, 15:06
amx_kill
(Desactivado)
  
Fecha de Ingreso: mayo-2010
Mensajes: 36
Antigüedad: 13 años, 11 meses
Puntos: 0
ayuda... necesito esto...con urgencia
hola wenas estoy re desesperado :O...porque miren..

tengo un formulario que esta muy bonito... el cual lo hice en AJAX... el problema es que tiene una hoja de estilo.. y si quiero hacer un include... de ese form en una pagina... se me ven las letras chiquitas no se ve nada...

este el css del form...

Código CSS: 
Ver original
  1. *{
  2.     font-family: tahoma, verdana, "sans-serif";
  3.     margin: 0;
  4.     padding: 0;
  5.     font-size: 95%;
  6. }
  7.  
  8. body{
  9.     background: white;
  10. }
  11.  
  12. a, a:hover{
  13.     text-decoration: none;
  14.     color: #48f;
  15. }
  16. a:hover{
  17.     color: #33CCFF;
  18. }
  19.  
  20. p{
  21.     font-size: 90%;
  22.     margin-top: 1em;
  23.     margin-bottom: 2em;
  24.     color: #333;
  25. }
  26.  
  27. h1 {
  28.     color: #0099CC;
  29.     font-size: 1.6em;
  30. }
  31.  
  32.  
  33.  
  34. form {
  35.     width: 400px;
  36.     border: 1px solid #EEE;
  37.     padding: 10px;
  38.     margin: 40px auto;
  39. }
  40.  
  41. label {
  42.     display: block;
  43.     margin-top : 8px;
  44.     width: 100%;
  45.     background-repeat: no-repeat;
  46. }
  47.  
  48. .blue {
  49.     color: #0099CC;
  50.     font-weight: bold;
  51. }
  52.  
  53.  
  54. .dwnld {
  55.     Display: block;
  56.     padding: 10px;
  57.     text-align: center;
  58.     width: 400px;
  59.     margin: 0 auto;
  60.     border: 1px solid #EEE;
  61.     background-color: white;
  62.     color: #999;
  63.     font-size: 1.4em;
  64.     font-weight: bold;
  65.     line-height: 50px;
  66.     background: url(../images/download.gif) no-repeat 40px 10px;
  67. }
  68.  
  69. .footer {
  70.     Display: block;
  71.     padding: 10px;
  72.     margin: 40px auto;
  73.     width: 400px;
  74.     text-align: center;
  75.     border: 1px solid #EEE;
  76.     background-color: white;
  77.     color: #999;
  78. }
  79.  
  80. .footer p {
  81.     color: #999;
  82. }
  83.  
  84.  
  85. .MsgSent {
  86.     Display: block;
  87.     padding: 10px;
  88.     margin: 40px auto;
  89.     width: 400px;
  90.     text-align: center;
  91.     border: 1px solid #EEE;
  92.     background-color: white;
  93. }
  94.  
  95. .MsgSent h1 {
  96.     background: url(../images/MsgSent.gif) no-repeat 0 0;
  97.     padding-left: 20px;
  98.     height: 85px;
  99.     line-height: 85px;
  100. }
  101.  
  102.  
  103. .MsgError {
  104.     Display: block;
  105.     padding: 10px;
  106.     margin: 40px auto;
  107.     width: 400px;
  108.     text-align: center;
  109.     border: 1px solid #EEE;
  110.     background-color: white;
  111. }
  112.  
  113. .MsgError h1 {
  114.     background: url(../images/MsgError.gif) no-repeat 0 0;
  115.     padding-left: 20px;
  116.     height: 85px;
  117.     line-height: 85px;
  118.     color: #CC0000;
  119. }
  120.  
  121. .MsgSent p, .MsgError p {
  122.     font-size: 1.3em;
  123.     color:#999;
  124. }
  125.  
  126.  
  127. .tipsbox .tipsbox_top_left{
  128.     background : url('../images/top_left.png') no-repeat;
  129.     _background : url('../images/top_left.gif') no-repeat;
  130.     _background-position : 9px 8px;
  131. }
  132.  
  133. .tipsbox .tipsbox_top{
  134.     background : url('../images/top.png') repeat-x;
  135.     height : 17px;
  136.     _background : url('../images/top.gif') repeat-x;
  137.     _background-position : 0px 8px;
  138. }
  139.  
  140. .tipsbox .tipsbox_top_right{
  141.     background : url('../images/top_right.png') no-repeat;
  142.     _background : url('../images/top_right.gif') no-repeat;
  143.     _background-position : 0px 8px;
  144. }
  145.  
  146. .tipsbox .tipsbox_left{
  147.     background : url('../images/left.png') repeat-y;
  148.     width : 17px;
  149.     _background : url('../images/side.gif') repeat-y;
  150.     _background-position : 9px 8px;
  151. }
  152.  
  153. .tipsbox .tipsbox_right{
  154.     background : url('../images/right.png') repeat-y;
  155.     width : 22px;
  156.     _background : url('../images/side.gif') repeat-y;
  157.     _width : 9px;
  158. }
  159.  
  160. .tipsbox .tipsbox_bottom_left{
  161.     background : url('../images/bottom_left.png');
  162.     _background : url('../images/bottom_left.gif') no-repeat;
  163.     _background-position : 9px 0px;
  164. }
  165.  
  166. .tipsbox .tipsbox_mark{
  167.     background : url('../images/mark.png') no-repeat;
  168.     height : 36px;
  169.     _background : url('../images/mark.gif') no-repeat;
  170. }
  171.  
  172. .tipsbox .tipsbox_bottom_right{
  173.     background : url('../images/bottom_right.png');
  174.     _background : url('../images/bottom_right.gif') no-repeat;
  175. }
  176.  
  177. .tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
  178.     background : url('../images/inner.png');
  179. }
  180.  
  181. .tipsbox .tipsbox_inner_ie6 {
  182.     padding : 4px;
  183. }
  184.  
  185. .tipsbox .tipsbox_error {
  186.     background : url('../images/error.png') no-repeat;
  187.     _background : url('../images/error.gif') no-repeat;
  188.     width: 40px;
  189.     height: 40px;
  190.     margin-top: 5px;
  191.     float: left;
  192.     clear: left;
  193. }
  194.  
  195. .tipsbox p, .tipsbox {
  196.     font-size: 1em;
  197.     font-family: tahoma, verdana, "sans-serif";
  198.     margin : 0;
  199.     padding : 0;
  200.     border : 0;
  201.     color : #FFF;
  202. }
  203.  
  204. .tipsbox p {
  205.     padding-left: 55px;
  206.     line-height: 15px;
  207. }
  208.  
  209. .tipsbox p span {
  210.     font-size: 1em;
  211.     font-weight: bold;
  212.     color: red;
  213.     line-height: 35px;
  214. }
  215.  
  216.  
  217. .error_f {
  218.     border : 1px dotted #666;
  219.     margin-top : 5px;
  220.     background-color : #EAEAEA;
  221. }
  222.  
  223. .error_f p {
  224.     margin : 5px;
  225.     color : #A00;
  226. }
  227.  
  228. .error_f p span {
  229.     font-size : 1.1em;
  230.     color : #000;
  231.     margin : 5px 0px 0px 0px;
  232. }
  233.  
  234.  
  235. * {
  236.     margin:0;
  237.     padding:0;
  238. }
  239. body {
  240.     font-family:Arial, Helvetica, sans-serif;
  241.     font-size:12px;
  242.     color:#404040;
  243.     background:#fff;
  244. }
  245. img {border:0;}
  246. #container {padding:20px;}
  247.  
  248.  
  249. input, textarea {
  250.     font-family:Arial, Helvetica, sans-serif;
  251.     font-size:12px;
  252.     color:#404040;
  253. }
  254. label {
  255.     color:#999;
  256.     cursor:pointer;
  257.     padding-left:2px;
  258.     line-height:16px;
  259. }
  260. label.chosen {color:#333;}
  261.  
  262.  
  263. .outtaHere {
  264.     position:absolute;
  265.     left:-3000px;
  266. }
  267.  
  268.  
  269. .radioArea, .radioAreaChecked {
  270.     display:block;
  271.     float:left;
  272.     clear:left;
  273.     width:15px;
  274.     height:14px;
  275.     font-size:0;
  276.     cursor:pointer;
  277. }
  278. .radioArea {background:url(../images/radio.gif) no-repeat left top;}
  279. .radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}
  280.  
  281.  
  282. .checkboxArea, .checkboxAreaChecked {
  283.     display:block;
  284.     float:left;
  285.     clear:left;
  286.     width:13px;
  287.     height:13px;
  288.     font-size:0;
  289.     padding:0;
  290.     margin:0;
  291.     cursor:pointer;
  292. }
  293. .checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
  294. .checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
  295. .focused {border:1px dotted #ddd;}
  296.  
  297.  
  298. .textinput, .textinputHovered {
  299.     height:15px;
  300.     background:url(../images/input_bg.gif) repeat-x left top;
  301.     border:none;
  302.     padding:4px 0;
  303.     vertical-align:middle;
  304. }
  305. .textinputHovered {background-position:left bottom;}
  306. .inputCorner {
  307.     padding-bottom:0;
  308.     vertical-align:middle;
  309. }
  310.  
  311.  
  312. .txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
  313. .txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
  314. .txtarea img.txt_corner {
  315.     width:5px;
  316.     height:5px;
  317.     display:block;
  318. }
  319. .txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
  320. .txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
  321. .txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
  322. .txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
  323. .txtarea .cntr_l, .txtarea .cntr_l_xon {
  324.     width:5px;
  325.     background:url(../images/txtarea_l.gif) repeat-y left top;
  326.     float:left;
  327. }
  328. .txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
  329. .txtarea textarea {
  330.     border:0;
  331.     background:none;
  332.     padding:0;
  333.     margin:5px;
  334. }
  335.  
  336.  
  337. .selectArea {
  338.     width:200px;
  339.     height:21px;
  340.     background:url(../images/select_bg.gif) repeat-x left top;
  341. }
  342. .selectArea .left {
  343.     width:8px;
  344.     height:21px;
  345.     float:left;
  346.     background:url(../images/select_left.gif) no-repeat left top;
  347. }
  348. .selectArea .right {
  349.     width:21px;
  350.     height:21px;
  351.     float:right;
  352.     background:url(../images/select_right.gif) no-repeat left top;
  353. }
  354. .selectArea .right a {
  355.     display:block;
  356.     width:200px;
  357.     height:21px;
  358.     margin-left:-179px;
  359.     position:absolute;
  360. }
  361. .selectArea .right i {display:none;}
  362. .selectArea .center {
  363.     width:160px;
  364.     color:#FFF;
  365.     padding-top:3px;
  366.     overflow:hidden;
  367.     white-space:nowrap;
  368. }
  369.  
  370.  
  371. .optionsDivInvisible, .optionsDivVisible {
  372.     position:absolute;
  373.     margin-top:-1px;
  374.     margin-left:3px;
  375.     width:172px;
  376.     background:#6f7074;
  377.     padding:2px;
  378.     font-size:11px;
  379.     z-index:20;
  380. }
  381. .optionsDivInvisible {display:none;}
  382. .optionsDivVisible {display:block;}
  383. .optionsDivVisible p {
  384.     margin:0;
  385.     padding:0;
  386. }
  387. .optionsDivVisible a {
  388.     color:#F2F2F2;
  389.     text-decoration:none;
  390.     display:block;
  391.     padding:1px 4px;
  392.     border:1px solid #6f7074;
  393. }
  394. .optionsDivVisible a:hover {
  395.     color:#FFF;
  396.     background:#5F6062;
  397.     border-color:#cfd0d6;
  398. }
  399.  
  400.  
  401. .buttonSubmit, .buttonSubmitHovered {
  402.     width:auto;
  403.     height:26px;
  404.     color:#FFF;
  405.     font-weight:bold;
  406.     padding:2px;
  407.     background:url(../images/button_bg.gif) repeat-x left top;
  408.     cursor:pointer;
  409.     border:none;
  410. }
  411. .buttonSubmitHovered {background-position:left bottom;}
  412. .buttonImg {vertical-align:bottom;}

__________________________________________________ _______________

se que en alguna parte debe estar el tamaño del texto pero noc donde...
osea se donde... por ej: height:26px; pero cuando lo cambio no pasa nada...

supongo que es por la otra hoja de estilo...

Lo Unico que se me ocurre es juntar las 2 hojas de estilo y compilarlas en 1.. sola... esto ya lo hice pero si sigue viendo...espantoso.. osea se ve re chiquito y no se distingue nada de nada.. porfavor ayuda...Muchas grAcielas...