Foros del Web » Creando para Internet » CSS »

Css?

 Estas en el tema de Css? en el foro de CSS en Foros del Web. Hola!... tengo una duda y un problema , yo quiero poner el menu encima del header, ya que el header tiene un espacio bastante considerado ...
  #1 (permalink)  
Antiguo 28/05/2006, 12:14
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 1 mes
Puntos: 1
Css?
Hola!...

tengo una duda y un problema , yo quiero poner el menu encima del header, ya que el header tiene un espacio bastante considerado donde pensaba poner el menu en CSS..

use este codigo
background-image url(......gif);
background-image no repeat;

esta todo bien hasta ahi pero cuando veo el html el menu esta muy arriba de donde lo quiero alguien podria decir cual es el codigo que me permite ubicar un objecto


Gracias MMCQ!
  #2 (permalink)  
Antiguo 28/05/2006, 12:41
 
Fecha de Ingreso: octubre-2004
Mensajes: 48
Antigüedad: 19 años, 5 meses
Puntos: 0
depende... ¿un objeto? o ¿una capa?

si es una capa: top: 100px;

si es un objeto con posicionamiento fijo dentro de una capa, tienes que hacer una capa contenedora que tenga position: relative; y la capa donde ubiques el objeto, debe ser position: absolute; asi posicionas un objeto en un lugar fijo de la página. Pero OJO! tendrás que hacer pequeños ajustes para que IE lo muestre como tu quieras
  #3 (permalink)  
Antiguo 28/05/2006, 19:07
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 1 mes
Puntos: 1
Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>XXXXXXXXX-XXXXXX</title>
</head>
<body>
<style type="text/css">



#navcontainer ul

{
padding-left:0 ;
margin-left: 0;

background-color:#282828;
color: White;
float:left;
width: 790;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #282828;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
}

#navcontainer ul li a:hover
{
background-color: #ff0000;
color: #000;
}

</style>

<style type="text/css">

body {
background-image: url(header.gif);
background-repeat:no-repeat;
background-position:left|right;

}
</style>

<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Inicio</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Agencias</a></li>
<li><a href="#">Herramientas</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>




</body>
</html>
ese es el codigo que desarrolle,si lo poner en un html , el menu queda arriba de la imagen,ya que la image esta puesta como background , pero lo que quiero es que el menu se posicione mas abajo para que quede como deseo..

haber si me pueden ayudar
  #4 (permalink)  
Antiguo 28/05/2006, 20:24
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 1 mes
Puntos: 1
YA!! ALFIN LO HE LOGRADO ,Gracias !...

tengo otra pregunta como yo puedo hacer que el menu se vea transparente osea poner un color de backgound al menu y que se vea el fondo
  #5 (permalink)  
Antiguo 30/05/2006, 10:37
Avatar de Daniel M.  
Fecha de Ingreso: julio-2005
Ubicación: Lima Perú
Mensajes: 108
Antigüedad: 18 años, 9 meses
Puntos: 0
De acuerdo Trabaja opacidades
utilia opacidades, por ejemplo:

en ie: filter: alpha(opacity=50)
en firefox: opacity: .5

aqui tienes opacidades es obio q tu ajustaras las mismas para el acabado deseado.
Saludos
__________________
Daniel M.
TEXT-IDENT
  #6 (permalink)  
Antiguo 30/05/2006, 10:56
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 1 mes
Puntos: 1
Ok! Gracias!...

Otras Cosas , cuando Uso el Firefox , las imagenes salen por otro lao , como desordenado. que puedo hacer?
  #7 (permalink)  
Antiguo 30/05/2006, 11:17
 
Fecha de Ingreso: marzo-2006
Mensajes: 401
Antigüedad: 18 años, 1 mes
Puntos: 1
Ahora Mismo , tengo esto modificado . el problema es que cuando pongo otra resolucion el web no se queda en el medio , en la resolucion 800x600 , se que toda la pagina hacia la izquierdad , en la resolucion 1024x768 se ve hacia la derecha, y en la resolucion 1152x864 se ve bien en el centro como lo quiero , esa es la resolucion que estoy usando ahora mismo, pero yo quiero que en cualquier resolucion la pagina se vea en el centro y que ninguna imagen se vea en otra parte en donde yo no la e puesto... Entienden?

Bueno Aqui Esta en Codigo

Cita:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>AutoWWW | WWWWWWW</title>
</head>
<body>
<style type="text/css">



#navcontainer ul

{
padding-left:0 ;
margin-left: 4;


background-color:#282828;
color: White;
float:left;
width: 539;
font-family: arial, helvetica, sans-serif;
font-size: 12px;

}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;

background-color: #282828;

color: White;
text-decoration: none;
float: left;
border-right: 1px solid #FFFFFF;
border-style: dashed;
border-width: 1;
border-top:0;
border-bottom:0;
border-right:0;
}


#navcontainer ul li a:hover
{
background-color: #ff0000;
color: #000;


}

</style>

<style type="text/css">
body {
background-image: url(header.gif);
background-repeat:no-repeat;
background-position: 0.5em 0 1 em 0;
margin: 6.6em 0 1em 0;


}

#BR {
position:absolute;

left: 565px;

top: 347px;

margin-top: -13.3em;

margin-left: -9.9em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 0;

}
#SS {
position:absolute;

left: 565px;

top: 347px;

margin-top: -13.3em;

margin-left: -34.7em;

border-color: #282828;

border-style: solid;

border-width: 1;

border-top-width: 1;
}
#A {
position:absolute;

left: 565px;

top: 347px;

margin-top: -3.7em;

margin-left: -9.9em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 1;
}
#A2 {
position:absolute;


left: 565px;

top: 347px;

margin-top: -3.7em;

margin-left: 2.5em;

border-color: #282828;

border-style: dashed;

border-width: 1;

border-top-width: 1;
}

</style>
<!-- ONE STEP TO INSTALL PRE-LOADING MESSAGE:



1. Copy the coding into the HEAD of your HTML document -->



<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->



<HEAD>



<style type="text/css">

<!--

#loading {

width: 200px;

height: 100px;

background-color: #FF0000;

position: absolute;

left: 50%;

top: 50%;

margin-top: -50px;

margin-left: -100px;

text-align: center;

color: White;

}

-->

</style>



<script type="text/javascript">




<!-- Created by: Robert Paulson : http://www.abrahamjoffe.com.au/ -->

<!-- Begin

document.write('<div id="loading"><br><br>Please wait...</div>');

window.onload=function(){

document.getElementById("loading").style.display=" none";

}

// End -->

</script>





<p><center>




<!-- Script Size: 0.93 KB -->

<div id="navcontainer">

<ul id="navlist">
<li id="active"><a href="#" id="current">Inicio</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Autos Nuevos</a></li>
<li><a href="#">Agencias</a></li>
<li><a href="#">Herramientas</a></li>
<li><a href="#">Contacto</a></li>
<li><a href=""></a></li>
</ul>
</div>

<div id="BR"><img src="BR.gif" width="390" height="150" alt="Busqueda Rapida" border="0"></div>
<div id="SS"><img src="SS.gif" width="390" height="200" alt="Mostrador" border="0"></div>
<div id="A"><img src="ANS.gif" width="191" height="45" alt="Anuciate Aqui" border="0"></div>
<div id="A2"><img src="ANS2.gif" width="191" height="45" alt="Anuciate Aqui" align="center" border="0"></div>


</body>
</html>
  #8 (permalink)  
Antiguo 30/05/2006, 13:31
Avatar de capagris  
Fecha de Ingreso: julio-2003
Mensajes: 131
Antigüedad: 20 años, 9 meses
Puntos: 0
Si quereis saber como centrar vuestras webs hechas con div y css, orizontal y verticalmente siendo compatible con todos los navegadores? Echar un vistazo en esta web.


_http://www.quirksmode.org/css/centering.html


A mi me ha ayudado mucho.

Saludos
__________________
..::Todo lo que no aprendí, no se me ha olvidado.::..
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 20:30.