Foros del Web » Creando para Internet » CSS »

posicion de elementos

Estas en el tema de posicion de elementos en el foro de CSS en Foros del Web. Por un lado mi html Código: <div id="topbarmax"> <div id="topbar"> <ul> <li><a class="enlace" title="Inicio" href="<?php echo get_settings('home'); ?>">Inicio</a></li> &nbsp;|&nbsp; <?php wp_list_pages('include=2&title_li'); ?> &nbsp;|&nbsp; <?php wp_list_pages('include=7&title_li'); ...
  #1 (permalink)  
Antiguo 18/10/2007, 17:33
 
Fecha de Ingreso: febrero-2006
Mensajes: 1
Antigüedad: 18 años, 1 mes
Puntos: 0
posicion de elementos

Por un lado mi html

Código:
<div id="topbarmax">
  <div id="topbar">
    <ul>
      <li><a class="enlace" title="Inicio" href="<?php echo get_settings('home'); ?>">Inicio</a></li> &nbsp;|&nbsp;
      <?php wp_list_pages('include=2&title_li'); ?> &nbsp;|&nbsp;
      <?php wp_list_pages('include=7&title_li'); ?> &nbsp;|&nbsp;
      <li><a class="icon" title="Feed" href="<?php bloginfo('rss2_url'); ?>">Feed </a></li>
      <!--<li><a class="icon" href="<?php bloginfo('comments_rss2_url'); ?>">comentarios feed</a></li>-->
    </ul>
  </div>
  <div id="buscar">
    <form class="searchform" method="get" action="<?php echo get_settings('siteurl'); ?>/index.php">
      <p>Buscar <input type="text" name="s" size="15" /></p>
    </form>
  </div>
</div>
Por otro mi css
Código:
#topbarmax {background: #000;padding: 5px 25px 5px 25px;}
#topbar {margin-top:1px;position:absolute;text-align:left;color: #fff;text-transform: uppercase;font-size: 0.95em;font-family:Arial,Verdana,sans-serif;font-weight: bold;}
#topbar li {list-style-type: none;display: inline;}
#topbar .icon {color: #fff;background: #000 url(images/feed.png) right no-repeat;padding: 0 15px 0 0;}
#topbar a {color: #fff;}
#buscar{text-align:right;}
.searchform, searchform p{text-transform: uppercase;color: #fff;font-size: 0.95em;font-family:Arial,Verdana,sans-serif;font-weight: bold;}
.searchform input {margin-bottom:1px;width: 12em;background: #fff;color: #000;border: 0;}
ahora mi consulta, quisiera que el elemento "buscar" fuera parte del "topbar" teniendolos posicionados como estan (el topbar a la izquierda y el buscar a la derecha) sin tener que utilizar como hago ahora el position-absolute y colocandolos con el text-align para por ejemplo si aumento el tamaño de letra con el navegador no se solapen. Tambien se aceptan recomendaciones respecto a depurar o mejorar el codigo : ) Un saludo y gracias anticipadas.
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




La zona horaria es GMT -6. Ahora son las 21:59.