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";
<style type="text/css">
#inmuebles {
display:inline;
}
</style>
y lo encerre en una etiqueta div
[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?
Hola, no sé mucho sobre diseño web pero me pareció inevitable sugerir que el vertical se pone por la etiqueta <dd>
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:
<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">
#inmuebles {
float: left;
}
#pagina
{
width: 1000px;
}
</style>