ayuda... necesito esto...con urgencia

[amx_kill]

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:

*{
    font-family: tahoma, verdana, "sans-serif";
    margin: 0;
    padding: 0;
    font-size: 95%;
}
 
body{
    background: white;
}
 
a, a:hover{
    text-decoration: none;
    color: #48f;
}
a:hover{
    color: #33CCFF;
}
 
p{
    font-size: 90%;
    margin-top: 1em;
    margin-bottom: 2em;
    color: #333;
}
 
h1 {
    color: #0099CC;
    font-size: 1.6em;
}
 
 
 
form {
    width: 400px;
    border: 1px solid #EEE;
    padding: 10px;
    margin: 40px auto;
}
 
label {
    display: block;
    margin-top : 8px;
    width: 100%;
    background-repeat: no-repeat;
}
 
.blue {
    color: #0099CC;
    font-weight: bold;
}
 
 
.dwnld {
    Display: block;
    padding: 10px;
    text-align: center;
    width: 400px;
    margin: 0 auto;
    border: 1px solid #EEE;
    background-color: white;
    color: #999;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 50px;
    background: url(../images/download.gif) no-repeat 40px 10px;
}
 
.footer {
    Display: block;
    padding: 10px;
    margin: 40px auto;
    width: 400px;
    text-align: center;
    border: 1px solid #EEE;
    background-color: white;
    color: #999;
}
 
.footer p {
    color: #999;
}
 
 
.MsgSent {
    Display: block;
    padding: 10px;
    margin: 40px auto;
    width: 400px;
    text-align: center;
    border: 1px solid #EEE;
    background-color: white;
}
 
.MsgSent h1 {
    background: url(../images/MsgSent.gif) no-repeat 0 0;
    padding-left: 20px;
    height: 85px;
    line-height: 85px;
}
 
 
.MsgError {
    Display: block;
    padding: 10px;
    margin: 40px auto;
    width: 400px;
    text-align: center;
    border: 1px solid #EEE;
    background-color: white;
}
 
.MsgError h1 {
    background: url(../images/MsgError.gif) no-repeat 0 0;
    padding-left: 20px;
    height: 85px;
    line-height: 85px;
    color: #CC0000;
}
 
.MsgSent p, .MsgError p {
    font-size: 1.3em;
    color:#999;
}
 
 
.tipsbox .tipsbox_top_left{
    background : url('../images/top_left.png') no-repeat;
    _background : url('../images/top_left.gif') no-repeat;
    _background-position : 9px 8px;
}
 
.tipsbox .tipsbox_top{
    background : url('../images/top.png') repeat-x;
    height : 17px;
    _background : url('../images/top.gif') repeat-x;
    _background-position : 0px 8px;
}
 
.tipsbox .tipsbox_top_right{
    background : url('../images/top_right.png') no-repeat;
    _background : url('../images/top_right.gif') no-repeat;
    _background-position : 0px 8px;
}
 
.tipsbox .tipsbox_left{
    background : url('../images/left.png') repeat-y;
    width : 17px;
    _background : url('../images/side.gif') repeat-y;
    _background-position : 9px 8px;
}
 
.tipsbox .tipsbox_right{
    background : url('../images/right.png') repeat-y;
    width : 22px;
    _background : url('../images/side.gif') repeat-y;
    _width : 9px;
}
 
.tipsbox .tipsbox_bottom_left{
    background : url('../images/bottom_left.png');
    _background : url('../images/bottom_left.gif') no-repeat;
    _background-position : 9px 0px;
}
 
.tipsbox .tipsbox_mark{
    background : url('../images/mark.png') no-repeat;
    height : 36px;
    _background : url('../images/mark.gif') no-repeat;
}
 
.tipsbox .tipsbox_bottom_right{
    background : url('../images/bottom_right.png');
    _background : url('../images/bottom_right.gif') no-repeat;
}
 
.tipsbox .tipsbox_inner, .tipsbox .tipsbox_inner_ie6{
    background : url('../images/inner.png');
}
 
.tipsbox .tipsbox_inner_ie6 {
    padding : 4px;
}
 
.tipsbox .tipsbox_error {
    background : url('../images/error.png') no-repeat;
    _background : url('../images/error.gif') no-repeat;
    width: 40px;
    height: 40px;
    margin-top: 5px;
    float: left;
    clear: left;
}
 
.tipsbox p, .tipsbox {
    font-size: 1em;
    font-family: tahoma, verdana, "sans-serif";
    margin : 0;
    padding : 0;
    border : 0;
    color : #FFF;
}
 
.tipsbox p {
    padding-left: 55px;
    line-height: 15px;
}
 
.tipsbox p span {
    font-size: 1em;
    font-weight: bold;
    color: red;
    line-height: 35px;
}
 
 
.error_f {
    border : 1px dotted #666;
    margin-top : 5px;
    background-color : #EAEAEA;
}
 
.error_f p {
    margin : 5px;
    color : #A00;
}
 
.error_f p span {
    font-size : 1.1em;
    color : #000;
    margin : 5px 0px 0px 0px;
}
 
 
* {
    margin:0;
    padding:0;
}
body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#404040;
    background:#fff;
}
img {border:0;}
#container {padding:20px;}
 
 
input, textarea {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#404040;
}
label {
    color:#999;
    cursor:pointer;
    padding-left:2px;
    line-height:16px;
}
label.chosen {color:#333;}
 
 
.outtaHere {
    position:absolute;
    left:-3000px;
}
 
 
.radioArea, .radioAreaChecked {
    display:block;
    float:left;
    clear:left;
    width:15px;
    height:14px;
    font-size:0;
    cursor:pointer;
}
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}
 
 
.checkboxArea, .checkboxAreaChecked {
    display:block;
    float:left;
    clear:left;
    width:13px;
    height:13px;
    font-size:0;
    padding:0;
    margin:0;
    cursor:pointer;
}
.checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}
 
 
.textinput, .textinputHovered {
    height:15px;
    background:url(../images/input_bg.gif) repeat-x left top;
    border:none;
    padding:4px 0;
    vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
    padding-bottom:0;
    vertical-align:middle;
}
 
 
.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
    width:5px;
    height:5px;
    display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
    width:5px;
    background:url(../images/txtarea_l.gif) repeat-y left top;
    float:left;
}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
    border:0;
    background:none;
    padding:0;
    margin:5px;
}
 
 
.selectArea {
    width:200px;
    height:21px;
    background:url(../images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
    width:8px;
    height:21px;
    float:left;
    background:url(../images/select_left.gif) no-repeat left top;
}
.selectArea .right {
    width:21px;
    height:21px;
    float:right;
    background:url(../images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
    display:block;
    width:200px;
    height:21px;
    margin-left:-179px;
    position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
    width:160px;
    color:#FFF;
    padding-top:3px;
    overflow:hidden;
    white-space:nowrap;
}
 
 
.optionsDivInvisible, .optionsDivVisible {
    position:absolute;
    margin-top:-1px;
    margin-left:3px;
    width:172px;
    background:#6f7074;
    padding:2px;
    font-size:11px;
    z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
    margin:0;
    padding:0;
}
.optionsDivVisible a {
    color:#F2F2F2;
    text-decoration:none;
    display:block;
    padding:1px 4px;
    border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
    color:#FFF;
    background:#5F6062;
    border-color:#cfd0d6;
}
 
 
.buttonSubmit, .buttonSubmitHovered {
    width:auto;
    height:26px;
    color:#FFF;
    font-weight:bold;
    padding:2px;
    background:url(../images/button_bg.gif) repeat-x left top;
    cursor:pointer;
    border:none;
}
.buttonSubmitHovered {background-position:left bottom;}
.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...

[abimaelrc]

Lo que no entiendo ¿por qué tienes dos reset? Es como si copiaras dos style y los unieras.

[amx_kill]

no entiendo mucho de cs... que es reset??

[amx_kill]

osea mira... el formulario..

hace referencia a main.css

y yo en la web el diseño apunta a style.css

como tendria que hacer para fusionar a los dos pero... que se vea bien..

xq cuando lo subo y hago el include.. se me ven las letras chiquitas...

si queres te dejo el codigo del style... de toda la web

[abimaelrc]

En el tema que escribiste vas a ver que es un reset, de ahí verifica el código tuyo.

[amx_kill]

este es el style de la web

Código CSS:

/* Carlos */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,th,td {
    margin:0;
    padding:0;
}
 
fieldset,img {
    border:0;
}
 
html {
    height:100%;
    margin-bottom:1px;
}
 
body {
    position:relative;
}
 
:focus {
    outline:none;
}
 
/* Carlos */
a {
    color:#222;
    text-decoration:none;
}
 
a:hover {
    color:#008cff;
    text-decoration:underline;
}
 
/* Carlos */
h1, h2, h3, h4, h5, h6 {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
 
h1 {
    font-size:300%;
    color:#000;
}
 
h2 {
    font-size:250%;
    color:#b4b4b4;
}
 
h3 {
    font-size:200%;
    color:#000;
}
 
h4 {
    font-size:175%;
    color:#000;
}
 
h5 {
    font-size:150%;
    color:#787878;
}
 
h6 {
    font-size:125%;
    color:#000;
}
 
/* Carlos */
body {
    background:url(../images/fondo_bg.jpg);
    font-family:Arial, Helvetica, sans-serif;
    line-height:140%;
    color:#000;
    font-size:14px;
}
 
/* Carlos */
div.rapidxwpr {
    margin:auto;
    width:860px;
    background:url(../images/fondo_bg.jpg) 0 0 no-repeat;
}
 
/* Carlos */
div#header {
    position:relative;
    height:150px;
    margin:0px 0px 0px 0px;
}
 
/* Carlos */
span#logo, img#logo {
    width:211px;
    height:252px;
    border:0;
    margin:10px 0 0 0;
}
 
/* Carlos */
div#middle {
    width:auto;
    margin:0px 0px 0px 0px;
    clear:both;
}
 
/* Carlos */
div#left {
    width:222px;
    position:relative;
    z-index:10;
    float:left;
    padding:0px 0px 0px 0px;
}
 
/* Carlos */
div#main {
    width:auto;
    background:url(../images/bg-retro-bg.png) 0 50px no-repeat;
    margin:0px 0px 0px 222px;
    padding:109px 0 0 0;
    z-index:100;
    position:relative;
}
 
div#main_container {
    background:url(../images/bg-retro.png) 0 100% no-repeat;
    padding:0 0 59px 0;
}
 
div#mainmiddle {
    margin:0px 0px 0px 0px;
    background:url(../images/bg-contenido.png) 0 0 repeat-y;
    padding:10px 59px 0 59px;
}
 
/* Carlos */
div#footer {
    margin:auto;
    padding:10px 0px 20px 222px;
    clear:both;
    color:#baac7e;
    text-align:center;
    font-size:12px;
}
 
div#footer a {
    color:#baac7e;
    text-decoration:none;
}
 
div#footer a:hover {
    text-decoration:underline;
}
 
/* Carlos */
.clearingfix:after {
    content:".";
    display:block;
    line-height:0px;
    clear:both;
    visibility:hidden;
}
 
.clearingfix {
    display:block;
}
 
.floatbox {
    overflow:hidden;
}
 
/* Carlos */
div.menu {
    margin:30px 0 0 0;
}
 
div.menu ul {
    padding:0px;
    margin:0 0 0 50px;
    list-style:none;
    float:left;
}
 
div.menu ul li {
    margin:5px 0 0 0;
}
 
div.menu a {
    display:block;
    position:relative;
    padding:0;
    overflow:hidden;
    color:#fff;
    width:222px;
    text-indent:-9999px;
}
 
div.menu a:hover {
    text-decoration:none;
}
 
div.menu a.home {
    background:url(../images/menu-inicio_btn.png) 40px 0 no-repeat;
    height:44px;
}
 
div.menu a.commitment {
    background:url(../images/menu-musica_btn.png) 0 0 no-repeat;
    height:40px;
}
 
div.menu a.organic {
    background:url(../images/menu-videos_btn.png) 0 0 no-repeat;
    height:42px;
}
 
div.menu a.delivery {
    background:url(../images/menu-anunciar_btn.png) 20px 0 no-repeat;
    height:49px;
}
 
div.menu a.contact {
    background:url(../images/menu-contactame_btn.png) 15px 0 no-repeat;
    height:38px;
}
 
/* Carlos */
div.welcome, div.why-organic {
    padding:0 40px 20px 40px;
}
 
div.welcome h2 {
    margin:0 0 10px -30px;
    background:url(../images/bienvenido-titulo.png) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}
 
div.why-organic h2 {
    margin:0 0 10px -30px;
    background:url(esa why organic) 0 0 no-repeat;
    height:39px;
    text-indent:-9999px;
}
 
*::-moz-selection{
background: #AA9F72;
color: #333333;}
*::selection {
background: #333333;
color: #AA9F72;}
 
Carlos se llama mi papa :O
 

[linternazo]

No entiendes mucho de CSS pero usas una hoja de estilos de 400 líneas con floats, displays, clears, etc...? Te vas a volver majara.


Un reset significa poner algunos valores a 0 para todos los elementos:

* {
margin:0;
padding:0;
}


Lo tienes repetido. Como también tienes repetidas otras funciones.

body{
background: white;
}


body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#404040;
background:#fff;
}

[amx_kill]

S: me pongo a llorar ptm.. no puedo resolver mi problema... q cagada che...

[amx_kill]

₧ linternazo me das una ultima ayuda...?? porfavor.. ayudame a resolver esto...

[Carlangueitor]

A ver, pasa un link a la página para ver lo que pasa por que con tanto lio es poco probable que entiendas.

[linternazo]

A ver, hijo mío. Aqui te echamos la mano que necesites pero nos tienes que ayudar un poco.

Péga la dirección de la web si la tienes subida en internet y a ver que si lo sacamos.

[amx_kill]

http://muchamusicaretro.com.ar/sebas/anunciar.html

aqui esta...

[amx_kill]

pero.. no vuelvan a escribir la direccion de la pagina.. porfavor...

sino quedara en google este post...

[amx_kill]

y sera poco profesional... disculpen.. que escriba esto

[Carlangueitor]

La página no se ve. Checa el link.

[amx_kill]

ya lo arregle.. es que lo estaba subiendo denuevo... perdoname...

[zerokilled]

el problema que tiene es por la incosistencia de unidades. es decir, en algunos estilos usas unidades de porcentajes mientras en otros utilizas unidad de pixeles. la unidad de pixel son absolutos mientras los porcentajes son relativos. en el caso de unidades relativas, las medidas se basan de acuerdo a los estilos ancestrales. es decir, si un elemento tiene como medida de fuente 16pt, y luego un elemento interno tiene 75%, vendria siendo el 75% de 16pt. por tanto, el tamaño se hace mas pequeño...

[Carlangueitor]

A ver estás haciendo el include de forma incorrecta, lo único que tienes que poner en el archivo que vas a linkear es el trozo código que necesitas, no pones nada de head, html, etc.

Tienes un montón de errores de HTML y CSS todo un caos. La verdad es que si quieres hacer páginas web debes aprender por lo menos lo básico, todos empezamos así. Si no quieres parender pues pagle a alguien y asunto arreglado, pero no vengas aquí con urgencias ya que nadie está obligado a ayudarte.

Si no te importa lo que digo solamente, edita estas lineas de main.css:

Código CSS:

*{
    font-family: tahoma, verdana, "sans-serif";
    margin: 0;
    padding: 0;
    font-size: 95%;
}
 

Y las cambias por esto:

Código CSS:

*{
    font-family: tahoma, verdana, "sans-serif";
    margin: 0;
    padding: 0;
    font-size: 14px; /*Aquí pones el tamaño que quieres */
}
 

[amx_kill]

haaaa.... muchas gracias por tu respuesta... pude entender algo de lo avanzado que es CSS

pero me podrias dar una solucion a mi problema.examinando mi codigo.. porfavor..

[amx_kill]

perdon no habia visto el mensaje...de Carlangueitor... bueno gracias

[amx_kill]

bueno perdon...Carlangueitor te hice enojar... pero esa no es mi web.. es de mi papa...

esta es mia full-cheats.com.ar

y a que te referis con errores de html??

esa es una pagina improvisada.. despues hay muchas mas :S

[zerokilled]

¿que hacer? ¿una solucion? !comienza desde 0¡

[Carlangueitor]

Pues si, me hiciste enojar, por uqe querías todo al instante y empezabas a decir que ibas a llorar

Me refiero a a los 71 errores que marca el validador: http://validator.w3.org/check?uri=ht...Inline&group=0

[amx_kill]

me sirvio... :D

Gracias a todos los que escribieron... son unos grosos...

ahora la ultima..

tengo que juntar main con mi style de la web..??

y se me veria el fondo y todo??

PD: Carlangueitor viste la web con IE?? o con que navegador??

[amx_kill]

haaa.... pero te dije que esa pagina... era de prueba...

ico_89.ico la tengo el la raiz principal...

no te enojes.. tranquilo che.. y gracias...

[Carlangueitor]

Opera, pero la verdad que tratar de corregir eso va estar cabr... Lo mejor que podrías hacer es empezar de nuevo (o dejarlo así si se te ve bien).

Saludos

[amx_kill]

Iniciado por zerokilled

¿que hacer? ¿una solucion? !comienza desde 0¡

porque me decis que comience desde 0??

me mataste.... con eso me dejaste alla abajoo... (me diste un golpe bajo)

[abimaelrc]

Ya comenzó a llorar Te recomiendo que mires el enlace que te indicó Carlangueitor de librosweb.

[zerokilled]

no solo yo te aconseje que comenzaras de cero, Carlangueitor tambien. si te lo aconsejamos: primero es porque nadie quera ver tu codigo debido a que a nuestro juicio parece un desastre (es en serio, pero de forma honesta sin animo de ofensa); y segundo, es la mejor decision en lugar arreglar todo eso. una tecnica que puedes usar, en un documento nuevo ve pasando poco a poco los estilos y lo vas probando, cuando sea necesario le haces cambios. pero te juro que yo no voy a tocar ese codigo.

Iniciado por abimaelrc

Ya comenzó a llorar [...]

¿te acuerdas cuando pequeño que nos decian nadie llora sangre?

[amx_kill]

hasta google tiene errores... miren, esta tambien... la mia tiene 20 errores

forosdelweb: 6...

google.com.ar 40

hasta la pagina que creo esa aplicacion tiene errores... supongo que somos humanos y todos cometemos errores... no es para que cada uno señale o apunte... diciendo ahaaa... soy mejor que vos...

vos te equivocaste.. tenes 50000 errores por eso soy mejor que vos...