Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: 3l 7u4nk3r en 14 Septiembre 2014, 03:32 am



Título: como puedo poner una lista de items en horizontal en joomla?
Publicado por: 3l 7u4nk3r en 14 Septiembre 2014, 03:32 am
hola.
Me pidieron un por tal web de una inmobiliaria y lo baso en joomla 3.3.3 y uso el componente joomla y junto con el componente "joomla estate agency" (jea)
http://joomlacode.org/gf/project/jea/frs/
 he querido personalizar algunos aspectos de la plantilla, los comoponentes y modulos mediente el codigo en dreamweaver cs5 para lo cual use el metodo de Template Override
http://ayudajoomla.com/joomla/programacion/7-personalizar-modulos-y-componentes-con-template-override.html
 y me ha dado buen resultado. El problema ahora es que el listado de inmuebles parece de manera vertical y me pidieron que aparezca de manera horizontal.
(http://i.imgur.com/u3pe79L.png)
y para ello me meti a modificar el archivo que muestra el listado el cual es:  /templates/jsn_megazine_free/html/com_jea/properties/default.php
lo dejo para descarga: https://drive.google.com/file/d/0BxspwBIkD3ySSkgtLTJqRldOdkk/edit?usp=sharing

he tratado con css mediante el comando "inline";
Código:
<style type="text/css">

#inmuebles {
 
display:inline; 
}


</style>


y lo encerre en una etiqueta div

Código:
[b]<div id="inmuebles">[/b]
   <dl class="jea_item">
        <dt class="title">
          <a href="<?php echo JRoute::_('index.php?option=com_jea&view=property&id='. $row->slug) ?>" title="<?php echo JText::_('COM_JEA_DETAIL') ?>"> <strong>
          <?php if(empty($row->title)): ?>
          <?php echo ucfirst( JText::sprintf('COM_JEA_PROPERTY_TYPE_IN_TOWN', $this->escape($row->type), $this->escape($row->town) ) ) ?>
          <?php else : echo $this->escape($row->title) ?>
          <?php endif ?></strong> ( <?php echo JText::_('COM_JEA_REF' ) . ' : ' . $row->ref ?>)
          </a>

          <?php if ( $this->params->get('show_creation_date', 0)): ?>
          <span class="date"><?php echo JHtml::_('date',  $row->created, JText::_('DATE_FORMAT_LC3')) ?></span>
          <?php endif ?>
        </dt>

        <?php if ($imgUrl = $this->getFirstImageUrl($row)): ?>
        <dt class="image">
          <a href="<?php echo JRoute::_('index.php?option=com_jea&view=property&id='. $row->slug) ?>" title="<?php echo JText::_('COM_JEA_DETAIL') ?>">
          <img src="<?php echo $imgUrl ?>" alt="<?php echo JText::_('COM_JEA_DETAIL') ?>" /></a>
        </dt>
        <?php endif ?>

        <dd>
        <?php if ($row->slogan): ?>
          <span class="slogan"><?php echo $this->escape($row->slogan) ?> </span>
        <?php endif ?>

        <?php echo $row->transaction_type == 'RENTING' ? JText::_('COM_JEA_FIELD_PRICE_RENT_LABEL') :  JText::_('COM_JEA_FIELD_PRICE_LABEL') ?> :
        <strong> <?php echo JHtml::_('utility.formatPrice', (float) $row->price , JText::_('COM_JEA_CONSULT_US') ) ?> </strong>
        <?php if ($row->transaction_type == 'RENTING' && (float)$row->price != 0.0) echo JText::_('COM_JEA_PRICE_PER_FREQUENCY_'. $row->rate_frequency) ?>

        <?php if (!empty($row->living_space)): ?>
          <br /><?php echo  JText::_('COM_JEA_FIELD_LIVING_SPACE_LABEL') ?> : <strong>
          <?php echo JHtml::_('utility.formatSurface', (float) $row->living_space , '-' ) ?>
          </strong>
        <?php endif ?>

        <?php if (!empty($row->land_space)): ?>
          <br /><?php echo  JText::_('COM_JEA_FIELD_LAND_SPACE_LABEL') ?> : <strong>
          <?php echo JHtml::_('utility.formatSurface', (float) $row->land_space , '-' ) ?>
          </strong>
        <?php endif ?>

          <?php if (!empty($row->amenities)) : ?>
            <br /> <strong><?php echo JText::_('COM_JEA_AMENITIES') ?> : </strong>
            <?php echo JHtml::_('amenities.bindList', $row->amenities) ?>
          <?php endif ?>

          <br />
          <a href="<?php echo JRoute::_('index.php?option=com_jea&view=property&id='. $row->slug) ?>" title="<?php echo JText::_('COM_JEA_DETAIL') ?>">
            <?php echo JText::_('COM_JEA_DETAIL') ?>
          </a>
        </dd>
      </dl>
      </div>
      <?php endforeach ?>
   
</div>

pero sigue saliendo el listado en vertical.
alguien sabra como hacerle para que salga en horizontal?


Título: Re: como puedo poner una lista de items en horizontal en joomla?
Publicado por: BoredGuest en 15 Septiembre 2014, 10:44 am
Hola, no sé mucho sobre diseño web pero me pareció inevitable sugerir que el vertical se pone por la etiqueta <dd>


Título: Re: como puedo poner una lista de items en horizontal en joomla?
Publicado por: 3l 7u4nk3r en 15 Septiembre 2014, 22:29 pm
hola gracias por responder pero ya lo habia intentado dentro de la etiqueta DD sin embargo encontre la solucion... bueno a medias. dejo la soculucion para ver alguien le sirve en un futuro


no es usar display:inline; si no float: left;
osea quedaria asi:

Código:
<style type="text/css">

#inmuebles {

float: left;
}


</style>
ahora ocmo dije que se soluciono a medias ya que quedo asi:

(http://i.imgur.com/bFAZkAX.png)

alguien tiene alguna idea en que falle?

edito:

la socicion fue bastante sencilla simplemente habria que agrandar mas la etiqueta DIV en lo ancho
<style type="text/css">
Código:
#inmuebles {

float: left;
}

#pagina

{
width: 1000px;

}

</style>