Entrar

Problema "curva superior"

Alex_73 · · Solicitar retirada
Bueo, pues al insertar en la hoja de estilos,no me va porner la imágen esa.
Tendria que poner esto.Pero he probado a modificar esto:

#curva-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px ;
overflow : hidden }
Así que digo yo, que hay que poner que la ruta sea un URL?
Yo la curva al guardé y la subí al photobucket.
No se si me explico bien :?
Jugoncan · · Solicitar retirada
Si pones esto: objetos/curva-superior.gif asegúrate de que la imagen, que se debe llamar exactamente curva-superior.gif (en minusculas), esté en una carpeta llamada objetos (en minusculas)
Para estas cosas no conviene poner las rutas con http
Saludos, Juanma :wink:
Alex_73 · · Solicitar retirada
[contenido no disponible]
Entonces solo tengo que sustituir lo que hay dentro del parentesis despues de URL por donde esta subida la imagen?
Esto sería:
url (url de la imágen)
Jugoncan · · Solicitar retirada
Tienes una cosa mal, a la imagen la has llamado curva-superior.gif, pero el .gif no hace falta ponerselo, por lo que en la ruta tendrias que poner objetos/curva-superior.gif.gif
Saludos, Juanma
Alex_73 · · Solicitar retirada
Cada vez me lio más ....
Plantilla:
<!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">
</head>
<body>
<div id="global">
<div id"=curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
     <div id="menu">
<ul>[*][url="#"]Elemento de lista 1[/url][*][url="#"]Elemento de lista 2[/url][*][url="#"]Elemento de lista 3[/url][/list]
     </div>
<div>


<h1>Esta será la zona principal de la web</h1></p>


Esto es un rollazo patatero xD!</p>


¡Anda si sale centrado y todo =)</p>


Ya veréis lo chula que queda la web, aunque se tarda lo sullo xP</p>


<h2>Este es el Tercer Párrafo ya veréis..</h2></p>


¿Por qué me sale mal alguna que otra cosa?</p>


El que me enseña a hacer esto es un "maleto" con mucha falta de ortografía!</p>


CORRECIÓN:Cada vez me gusta más como queda la página T__T</p>
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>
Estilos:
* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ; width:800px ; height: 12px }
#cabecera { background-color: white ; border-left: black 1px solid ; border-right: black 1px solid }
#navegacion {background-color: gray ; border: black 1px solid }
#contenido {background-color: orange}
#menu {background-color: yellow ; width: 150px ; float:left ; text-align:left ; margin-right: 10px block ; margin:3px 10px 3px 3px}
a {color: brown ; text-decoration:none ; display: block }
a:link {}
a:visited{}
a:hover {color:red ; text-decoration:underline ; background-color: silver}
a:active{}
#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px }
#menu li { list-style:none }
#pie {background-color: brown ; border: black 1px solid }
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}
Jugoncan · · Solicitar retirada
Tienes dos opciones, cambiale el nombre a la imagen y le pones curva-superior, o cambia este codigo:
url(objetos/curva-superior.gif)
por este:
url(objetos/curva-superior.gif.gif)
Saludos, Juanma :wink: