curva inferior a tomarar uvas

jgumiel · 4 Ene 2008, 09:29 · Solicitar retirada

Hola de nuevo, tengo el problema de la curva inferior y por mas que le doy vueltas a todo no consigo saber porque es y tembien qierria quitar la barra gris que aparece al poner el cursor sobre la imagen del tarjetero

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">

<div id="publicidad">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>

Matematicas

Fisica

Quimica

Ingles

</div>

<div id="contenido">

<h1>Aprende de forma facil </h1>

En esta pagina puede obtener todo lo que necesites para sacar adelante las asignaturas que menos gustan y poder sacar buenas notas.</p>

En pocas lecciones aprenderas lo importante de las temidas matematicas, fisica y quimica poniendo siempre de tu parte porque aun no hago milagros.</p>

consigue aprobar.</p>
</div>

<div align="left">
[contenido no disponible]

</div>

<div id="pie">
<div id="pieuno">
<ul>

Foro Ejemplo

Leer mi libro de visitas</a>

Nos Enlazan

</div>
<div id="piedos"><script src='http://tools.iespana.es/compteur/?log=misclasesparticulares&id=5229642' type='text/javascript'></script>
</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>

</body>

</html>

HOJA DE ESTILOS

* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { border-left: black 1px solid ;border-right: black 1px solid ; border-top: black 1px solid ; height: 65px ;text-align: center ;}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px ; background-color: white}
#pietres {float:right ; width:150px }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

GRACIAS

Foley · 4 Ene 2008, 10:36 · Solicitar retirada

Hola

Primero voy a intentar ayudarte a solucionar lo de la curva:

:arrow: Mira si guardaste la imagen como .gif y no con otro formato.
:arrow: Verifica que el nombre de la curva sea: "curva-inferior" y no "curvainferior" (u otros).
:arrow: Si aun asi nada, avisanos :wink:

Saludos, suerte :wink:

jgumiel · 4 Ene 2008, 11:20 · Solicitar retirada

Si todos eso lo tengo bien. LA curva inferior me aparece, pero lo hace en el lateral derecho, fuera del encuadre de la pagina

jgumiel · 4 Ene 2008, 11:22 · Solicitar retirada

ya esta, me sobraba un </div>, pero como puedo porner unas barras lateraleas que encuadre toda la pagina, y quitar en barra gris que me aparece sobre la imagen del tarjetero
Gracias por todo

jgumiel · 4 Ene 2008, 11:23 · Solicitar retirada

mierda!!!no me sobraba el </div> porque sino los desplagables no salen enteros

jgumiel · 4 Ene 2008, 11:26 · Solicitar retirada

jodo, que coñazo os estoy dando, ya esta solucionado, subi </div> y ya esta. lo unico lo comentado anteriormente, el tarjetero y las lineas laterales

Jugoncan · 4 Ene 2008, 11:26 · Solicitar retirada

Entonces está ya seguro? :D

jgumiel · 4 Ene 2008, 11:34 · Solicitar retirada

si segurisimo, mucha comedura de cabeza pero solucionado.
La ultima es como haga para que al pasar el raton por una imagen no salga una franja horizontal donde esta la imagen

Jugoncan · 4 Ene 2008, 11:37 · Solicitar retirada

Pues debes definir en la hoja de estilos ese enlace y ponerle un display: inline

jgumiel · 4 Ene 2008, 11:46 · Solicitar retirada

no se como hacerlo, esta seria la hoja de estilos
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { }
#global {width:800px ; margin:4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {width:280px ; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#navegacion {background-color: yellow ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }
#contenido {background-color: orange ; border-left: black 1px solid ;
border-right: black 1px solid }
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: orange ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px }
#menu li {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ;
background-image: url(objetos/menu-parte-superior.gif) }
#pie { border-left: black 1px solid ;border-right: black 1px solid ; border-top: black 1px solid ; height: 65px ;text-align: center ;}
#pie li {list-style: none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px ; background-color: white}
#pietres {float:right ; width:150px }

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active {}

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Jugoncan · 4 Ene 2008, 12:01 · Solicitar retirada

pues puedes añadir en la hoja de estilos:
a.imagen {display: inline}

y luego en la html en el enlace de la imagen lo pones así:
<a href="direccion" class="imagen"><img src=.....

Esa es una forma
Saludos, Juanma