Este é o meu primeiro post... Não entendo muita coisa (quase nada de programação) mas nesses 3 dias que instalei o joomla e futuquei pra deixar o template do meu gosto até q foi fácil. (jah usei o joomla no passado, mas não intensamente como agora)
Pra ter uma ideia, o template q instalei pra usar era este:
e agora está assim: http://www.cacadoresdecachoeiras.com.br
Só q esbarrei num problema que não estou conseguindo resolver:
O <position> "User3" e "User4" estão se sobrepondo no topo do site (vou deixar habilitado no meu site pra vcs entenderem, olhem lá)
eu gostaria de usar um posicionado mais acima como um Banner e o outro, o menu, mais abaixo. (onde ele ja está no site)
segue a programação no index e no CSS
INDEX.PHP
<!-- top header -->
<div id="top-header">
<h1>
<?php if ($menu->getActive() == $menu->getDefault()) : ?>
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.gif" alt="<?php echo $sitetitle; ?>" title="<?php echo $sitetitle; ?>" />
<?php else : ?>
<a href="<?php echo $this->baseurl ?>"><img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/logo.gif" alt="<?php echo $sitetitle; ?>" title="<?php echo $sitetitle; ?>" /></a>
<?php endif; ?>
</h1>
<jdoc:include type="modules" name="user3" />
<jdoc:include type="modules" name="user4" />
</div>
<!-- //top header -->
Percebi que os 2 User que eu estou falando estão sem alguma especificação para se localizarem corretamente no template...
LAYOUT.CSS:
/* top header
****************************/
div#top-header
{ position: relative; height: 124px; background: url(../images/top-header.png) left bottom repeat-x; border-bottom: 1px solid #fff; }
div#top-header h1
{ width: 240px; text-align: center; line-height: normal; margin: 0; padding: 0; }
div#top-header form
{ position:absolute; top: 10px; right: 10px; }
div#top-header h2
{ width: 530px; right: 85px; text-align: right; line-height: normal; margin: 0; padding: 0; }
div#top-header form label
{ position: absolute; top: -999em; left: -999em; }
div#top-header form input
{ border: 1px solid #D2DEF0; padding: 0.2em; }
Muito menos aqui, não ha ao meu ver nenhuma instrução...
Pois bem, espero que alguem possa me ajudar.
Se caso precisarem de alguma informação a mais é só falar.
Muito obrigado até o momento...
Joarley Silva