Comunidad de diseño web y desarrollo en internet online

Problema con línea sobre texto

Citar            
MensajeEscrito el 30 Nov 2007 03:55 pm
Hola!
Bueno, la cosa es que estoy haciendo una página para mi Grupo Scout (hhtp://www.gruposcout508.com.ar/indexprovisoria.html), y en lo estuve probando y funcionalmente anda perfecto en todos los navegadores que probé (FireFox; IE 7, 6 y 5.5; Opera y Safari); pero tiene un problema que me molesta estéticamente hablando, que es una pequeña línea superior, sobre cada uno de los elementos del menú de la derecha. En el único navegador que no aparece es en el FireFox.

Acá les dejo capturas de pantalla de la Web:

1.-FireFox


2.-IE 6


3.-Opera


4.-Safari


Muchas Gracias por su ayuda, anticipadamente.

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2007 04:42 pm
No estoy seguro pero podría ser cosa de padding, busca en gral.css:

Código :

.box_izq {
  background-position:left top;
  background-repeat:no-repeat;
  font-weight:bold;
  padding-left:5px;
  padding-top:2px;
  text-align:left;
  width:50%;
}

y quita el padding-top (o dale valor cero):

Código :

.box_izq {
  background-position:left top;
  background-repeat:no-repeat;
  font-weight:bold;
  padding-left:5px;
  padding-top:0;
  text-align:left;
  width:50%;
}

Eso lo soluciona, creo. No he podido probarlo en los navegadores que pasa.

Por ryuz

350 de clabLevel

2 tutoriales

 

firefox
Citar            
MensajeEscrito el 30 Nov 2007 05:04 pm
Muchas Gracias por tu pronta respuesta.
Pero lamento decirte que sigue apareciendo :S

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2007 05:20 pm
ClickyMouse, sólo dos cosas:

  1. Si nos muestras el css que utilizas para ese texto es mucho más fácil saber dónde está el problema.
  2. Tu avatar supera el máximo permitido (100x100), por favor, redúcelo.

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 30 Nov 2007 05:47 pm

Código :

body {
   background-repeat: repeat-x;
   background-color: #333333;
   text-decoration: none;
   font-family: 'Trebuchet MS';
}

#blanco {
   background-color: #FFFFFF;
}

#encuesta {
   font-size: 12px;
   color: #FFFFF9;
}

#boton {
   background-color: #FFFFFF;
   border: 1px solid #333333;
   font-size: 10px;
   color: #000000;
}

a {
     outline: none;
}

a:link {
   text-decoration: none;
}
a:visited {
   text-decoration: none;
}
a:hover {
   text-decoration: none;
}
a:active {
   text-decoration: none;
}

.box_title{
   background-repeat: repeat-x;
   height: 20px;
   font-size: 14px;
   font-weight: lighter;
   text-indent: 2px;
   font-style: normal;
   line-height: normal;
   text-decoration: overline;
   text-align: center;
}

.box_der{
   background-repeat: no-repeat;
   background-position: top right;
   padding-right: 5px;
   width: 50%;
}
.box_izq{
   font-weight: bold;
   text-align: left;
   background-repeat: no-repeat;
   background-position: top left;
   padding-left: 5px;
   width: 50%;
}
.box_content {
   border: thin solid;
   border-width: 0px 1px 1px 1px;
   font-size: 14px;
   font-weight: normal;
   text-decoration: none;
   text-align: justify;
   white-space: normal;
   padding-left: 5px;
   padding-right: 5px;
   }
#header{
   background-repeat: no-repeat;
   height: 80px;
   width: 780px;
   cursor: pointer;
}
#headerdown{
   background-image:url('../navegacion/lineaup.png');
   background-repeat:repeat-x;
   height: 20px;
   vertical-align: top;
   width: 100%;
}
#footer{
   background-repeat: no-repeat;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
}

#menuv {
        width: 150px;
        font: 80% 'Trebuchet MS';
      border: thin solid;
      border-width: 0px 1px 1px 1px;
}
#menuv ul, li {
        list-style-type: none;
}

#menuv ul {
        margin: 0;
        padding: 0;
}

#menuv {
border: 1px solid;
border-width: 0px 1px 1px 1px;
width: 150px;
font: 80% "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#menuv ul, li {
list-style-type: none;
}

#menuv ul {
margin: 0;
padding: 0;
}

#menuv a {
text-decoration: none;
color: #000000;
display: block;
padding: 1px 6px;
width: 138px;
}

#menuv a:hover {
background-position: bottom;
}

.separa_horiz {
      height: 10px;
}
.separa_vert {
      width: 10px;
}

.seleccion_esquema {
      background-position: center;
      background-repeat: no-repeat;
      height: 60px;
      width: 60px;
}

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 30 Nov 2007 06:07 pm
Voy a asumir que las cajas de texto tienen la clase "box_title". En ese caso, está haciendo exactamente lo que le estás pidiendo:

Código :

...
text-decoration: overline;
...

Por The Fricky!

Presidente

6168 de clabLevel

3 tutoriales
8 articulos

Genero:Masculino   Bastard Operators From Hell Héroes

Piccola Venezia...

firefox
Citar            
MensajeEscrito el 30 Nov 2007 06:23 pm
Ay, pero que idiota que soy...
Muchas Gracias!

[Problema Solucionado]

Por ClickyMouse

52 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.