Me ocupo actualmente en el trabajo de la web.
Se ha hecho todo a través de una empresa, pero la construcción de la web corre a cuenta nuestra, se hace todo a través de plantillas que no se debían tocar, pero por nuestra petición ahora nos dejan, hemos cambiado el logo, pero no sale centrado y no nos atrevemos a tocar mucho el código html, porque esta empresa no se responsabilizaría puesto que ellos no querían que nosotros tocaramos nada, podeis hecharme una mano para que el logo quede centrado en el hueco, os copio el código de la hoja de estilos:
/* @group Main */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
}
p {
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4, h4, h5, h6 {
padding-bottom: 5px;
margin: 15px 0;
}
fieldset {
border: 0;
padding: 5px 0;
}
/* @group Fonts */
/* @group Sizes */
body.f-smaller {
font-size: 10px;
}
body.f-default {
font-size: 12px;
}
body.f-larger {
font-size: 15px;
}
h1,h2,h3,h4 {
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 150%;
/* color: see style css */
}
h2 {
font-size: 140%;
/* color: see style css */
}
h3 {
font-size: 130%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 100%;
font-style: italic;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
/* color: see style css */
}
#nav a,
#tabmenu a,
#nav-main a,
#nav-sub a,
.moduletable h3,
.module h3,
.module-hilite1 h3,
.module-hilite2 h3,
.module-hilite3 h3,
.module-hilite4 h3,
#vert-menu a,
a.mainlevel,
a.sublevel,
.componentheading {
font-size: 92%;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.componentheading {
/* color: see style css */
margin-bottom: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
/* @end */
/* @group Family */
body {
line-height: 125%;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
/* color: see style css */
}
.contentheading {
font-family: Arial Narrow, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
/* see style css */
}
a:link,
a:visited {
text-decoration: none;
/* color: see style css */
}
a:hover {
text-decoration: underline;
/* color: see style css */
}
/* @end */
/* @end */
/* @end */
/* @group Custom */
/* @group accessibility */
/* accessibility stuff */
#access span {
background-repeat: no-repeat;
}
#access a {
text-decoration: none;
}
#access #buttons {
float: right;
}
#access .button {
display: block;
float: right;
width: 38px;
height: 18px;
margin-left: 1px;
background-repeat: no-repeat;
cursor: pointer;
}
/* @end */
/* @group layout */
#page-bg {
height: 100%;
padding: 0;
margin-bottom: 1px;
/* background: see style css */
}
/*****************************************************
* CHANGE WIDTH SETTINGS HERE
*
* To change the width of this template just edit this
* div#wrapper element.
*
* Fixed - just chagne the width to your desired width
* Fluid - set the width to 100%;
*
*****************************************************/
div#wrapper {
width: 883px;
margin: 0 auto;
position: relative;
}
#mainbody #header {
/* background: see style css */
width: 100%;
position: relative;
height: 142px;
}
.suckerfish #mainbody #header {
/* background: see style css */
height: 151px;
}
#header #access {
position: absolute;
left: 300px;
top: 6px;
width: 150px;
height: 21px;
border: 0;
}
#header #tabmenu {
position: absolute;
right: 30px;
top: 3px;
width: 400px;
height: 30px;
}
#header #nav-main ul {
padding-top: 82px;
}
#header #logo {
position: absolute;
left: 35px;
top: 38px;
width: 150px;
height: 85px;
}
#header #search {
position: absolute;
left: 55px;
top: 0px;
width: 230px;
height: 32px;
}
#header #nav-main {
height: 74px;
padding-top: 42px;
margin-right: 23px;
margin-left: 214px;
}
#header #nav-main.splitmenu2 {
height: 116px;
padding: 0;
margin-right: 23px;
margin-left: 214px;
}
#header #nav-sub {
margin-right: 23px;
margin-left: 214px;
}
.border-pad {
margin-left: 5px;
margin-right: 5px;
padding: 0 1px;
}
.border-bottom {
padding-bottom: 1px;
}
#content-bg {
margin-left:15px;
margin-right: 15px;
}
#showcase {
padding: 5px 7px 0 7px;
}
.usermodule {
text-align:center;
}
#fakecolumn2 {
}
#fakecolumn1.sc_0 {
border-left: 0;
}
#fakecolumn1.sc_0 #fakecolumn2 {
margin-left: 0;
background: none;
}
div#middlecolumn .padding {
padding: 10px 20px;
}
div#leftcolumn {
float: left;
width: 195px;
margin-left: -195px;
padding-top: 10px;
position: relative;
}
div#align-padding {
margin-left: 2px;
margin-right: -1px;
}
div#inset {
padding: 1px;
}
div#rightcolumn {
float: right;
width: 191px;
padding: 5px 5px 0 0;
}
div#componentcolumn {
margin-right: 206px;
}
div#componentcolumn.sc_0 {
margin-right: 0;
}
#footer {
padding: 7px 7px 5px 7px;
text-align:center;
}
#bottom {
margin-bottom: 20px;
text-align:center;
}
#bottom .shad-1 {
}
#bottom .shad-2 {
height: 74px;
}
#bottom .rocket {
}
/* @end */
/* @group modules */
div.moduletable {
margin-bottom: 15px;
}
div.moduletable-flush {
margin: 0;
padding: 0;
}
div.module,
div.module-hilite1,
div.module-hilite2,
div.module-hilite3,
div.module-hilite4 {
margin-bottom: 10px;
}
div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
margin: 10px 0;
padding: 0 0 1px 0;
line-height: 100%;
height: auto;
}
div#showcase div.moduletable,
div#footer div.moduletable {
padding: 10px 5px;
margin: 0;
}
#showcase div.moduletable h3 {
margin: 0 0 10px 0;
}
#leftcolumn div.moduletable {
padding: 0 10px 20px 10px;
}
div.module h3,
div.module-hilite4 h3,
div.module-hilite1 h3 {
margin: 0 0 10px 0;
}
div.module-hilite2 h3 {
margin: 0 0 10px 0;
}
div.module-hilite3 h3,
#footer div.moduletable h3 {
margin: 0 0 10px 0;
}
div.module div div div,
div.module-hilite1 div div div,
div.module-hilite2 div div div,
div.module-hilite3 div div div,
div.module-hilite4 div div div {
padding: 15px 15px;
}
div.module-hilite1,
#componentcolumn div.module {
padding-bottom: 5px
}
div.module-hilite1 div,
#componentcolumn div.module div {
background: none;
}
div.module div div div div,
#rightcolumn div.module div div div div,
div.module-hilite1 div div div div,
div.module-hilite2 div div div div,
div.module-hilite3 div div div div,
div.module-hilite4 div div div div {
background: none;
padding: 0;
}
/* @end */
/* @group menus */
/* For other menu CSS see individual style files: splitmenu.css and suckerfish.css */
/* @group top tabmenu */
/* styles are in the style.css for tabs */
#tabmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
#tabmenu li {
float: left;
margin: 0;
padding: 0;
}
#tabmenu a {
float: left;
margin: 0;
height: 28px;
line-height: 34px;
padding: 0 20px;
}
#tabmenu li {
background-repeat: no-repeat;
background-position: 100% 0;
}
#tabmenu li a {
background-repeat: no-repeat;
background-position: -2px 0;
}
#tabmenu li.index-1 a {
background-position: 0 0;
}
/* @end */
/* @end */
/* @group content */
/* @group headers */
/* see style css files for colors */
/* @end */
/* @group search box */
#search form {
margin: 0;
padding: 0;
}
#search .search {
float: left;
margin-top: 5px;
margin-left: 10px;
}
#search input.inputbox {
width: 130px;
padding-left: 5px;
}
span.searchtitle {
display: block;
float: left;
height: 33px;
line-height: 33px
}
/* @end */
/* @group lists */
ul {
list-style: none;
padding: 0;
padding-left: 10px;
}
ul li {
margin: 5px 0;
padding-left: 25px;
/* background: see style css */
}
#componentcolumn ul li {
margin: 15px 0;
}
div.moduletable ul li {
margin: 5px 0;
padding-left: 20px;
}
ul.arrow {
}
ul.arrow li {
/* background: see style css */
padding-bottom: 10px;
padding-left: 40px;
}
ul.check li {
/* background: see style css */
padding-bottom: 10px;
padding-left: 40px;
}
ul.big li {
padding-bottom: 10px;
padding-left: 55px;
}
/* @end */
/* @group alert styles */
span.alert {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.info {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.star {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.note {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.download {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
/* @end */
/* @group quote */
span.quote {
display: block;
font-style: italic;
}
div.author {
text-align: right;
font-weight: bold;
}
/* @end */
/* @group blockquote */
blockquote {
/* background: see style css */
margin: 10px;
padding: 10px 10px 5px 45px;
}
blockquote p {
/* background: see style css */
padding-right: 35px;
}
/* @end */
/* @group code */
pre {
margin: 10px;
padding: 10px 10px 10px 40px;
font-family: "courier new",helvetica,"times new roman",serif;
font-size: 1.1em;
}
/* @end */
/* @group content area */
.left_image {
float: left;
margin-right: 10px;
}
.right_image {
float: right;
margin-left: 10px;
}
/* @end */
/* @group styles */
img.album.left {
margin-right: 5px;
}
img.alubm.right {
margin-right: 5px;
}
div.style {
float: left;
margin-left: 10px;
width: 175px;
text-align: center;
margin-top: 20px;
}
.style .album {
border: 0;
}
/* @end */
#rocket {
display: block;
border: 0;
width: 146px;
margin: 0 auto;
height: 49px;
}
.vert_spacing {
margin: 15px 0;
}
.hide {
display: none;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
table.pollstableborder td {
text-align: left;
padding: 2px 0;
}
input#mod_search_searchword {
width: 120px;
}
a:link.nounder,
a:visited.nounder,
a:hover.nounder {
text-decoration: none;
border: 0;
}
/* @end */
/* @end */
/* @group Joomla Core */
/* @group content */
.contentheading {
padding: 10px 0;
margin-top: 10px;
margin-bottom: 10px;
line-height:100%;
}
#showcase .contentheading {
padding-top: 0;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
a.readon {
display: block;
float: left;
padding-left: 25px;
padding-top: 2px;
margin-top: 10px;
line-height: 14px;
height: 16px;
/* background: see style css */
}
.modifydate {
height: 20px;
vertical-align: bottom;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* @end */
/* @group pathway */
span.pathway {
display: block;
height: 16px;
line-height: 16px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 15px;
}
span.pathway a {
}
span.pathway img {
border: 0;
width: 10px;
margin: 0 7px 0 9px;
/* background: see style css */
}
div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}
/* @end */
/* @group sections */
/* @end */
/* @group mainmenu */
a.mainlevel:link,
a.mainlevel:visited {
display: block;
padding: 0px 0 0px 0px;
margin-bottom: 5px;
/* background: see style css */
}
a.mainlevel:hover {
background-position: 100% -40px;
text-decoration: none;
}
a.mainlevel#active_menu,
a.sublevel#active_menu {
background-position: 100% -20px;
}
a.sublevel:link,
a.sublevel:visited {
text-decoration: none;
}
a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group modules */
/* @end */
/* @group misc */
table.adminform textarea {
width: auto;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
}
.sectiontableentry1,
.sectiontableentry2 {
padding: 4px;
}
.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
border: 0;
background: none;
}
/* @end */
/* @end */
/* My Comment */
Y el código de html:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_styleswitcher.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
if ( $my->id ) :
initEditor();
endif;
mosShowHead();
// *************************************************
// Change this variable blow to switch color-schemes
//
// If you have any issues, check out the forum at
// http://www.rockettheme.com
//
// *************************************************
$default_style = "style1"; // style1 | style2 | style3
$topmenu_name = "topmenu"; // topmenu by default, can be any Joomla menu name
$menu_name = "mainmenu"; // mainmenu by default, can be any Joomla menu name
$menu_type = "splitmenu2"; // splitmenu2 | splitmenu | suckerfish | module
$default_font = "default"; // smaller | default | larger
$show_pathway = "true"; // true | false
$search_text = "keywords..."; // text to use in search box
// *************************************************
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_styleloader.php");
// menu initialization code
$topnav = false;
$cssmenu = false;
$tabmenu = false;
if ($menu_type=="splitmenu2") :
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu2.php");
if (isset($topmenu_name)) $tabmenu = rtShowHorizMenu($topmenu_name);
$topnav = rtShowHorizMenu($menu_name);
$subnav = rtSubMenu($menu_name, 1);
$sidenav = rtSubMenu($menu_name, 2);
$cssmenu = "splitmenu";
elseif ($menu_type=="splitmenu") :
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu.php");
if (isset($topmenu_name)) $tabmenu = rtShowHorizMenu($topmenu_name);
$subnav = rtShowHorizMenu($menu_name);
$sidenav = rtShowSubMenu($menu_name);
$cssmenu = "splitmenu";
elseif ($menu_type=="suckerfish") :
if (isset($topmenu_name)) {
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu2.php");
$tabmenu = rtShowHorizMenu($topmenu_name);
}
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_suckerfish.php");
$cssmenu = "suckerfish";
$sidenav = false;
endif;
// make sure sidenav is empty
if (strlen($sidenav) < 10) $sidenav = false;
//Are we in edit mode
$editmode = false;
if ( !empty( $_REQUEST['task']) && $_REQUEST['task'] == 'edit' ) :
$editmode = true;
endif;
// *************************************************
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php if($cssmenu) :?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $cssmenu; ?>.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/litebox/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $tstyle; ?>.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie7.css" rel="stylesheet" type="text/css" />
<!-->
<!--[if lte IE 6]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie6.css" rel="stylesheet" type="text/css" />
<!-->
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/prototype.lite.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/moo.fx.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/litebox-1.0.js"></script>
</head>
<body id="page-bg" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> <?php echo $cssmenu; ?>">
<div id="wrapper">
<div id="mainbody">
<div class="shad-1">
<div class="shad-2">
<div class="shad-3">
<div id="header">
<div id="search">
<span class="searchtitle"><?php echo _SEARCH_TITLE; ?></span>
<form action="index.php?option=com_search&Itemid=5" method="get">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" size="20" value="<?php echo $search_text; ?>" onblur="if(this.value=='') this.value='<?php echo $search_text; ?>';" onfocus="if(this.value=='<?php echo $search_text; ?>') this.value='';" type="text" />
</div>
<input name="option" value="com_search" type="hidden" />
<input name="Itemid" value="5" type="hidden" />
</form>
</div>
<div id="access">
<div id="buttons">
<span class="button"></span>
<span class="button"></span>
<span class="button"></span>
</div>
</div>
<div id="tabmenu">
<?php echo $tabmenu; ?>
</div>
[contenido no disponible]
<?php if($menu_type=="splitmenu2" and isset($topnav)) : ?>
<div id="nav-main" class="splitmenu2">
<?php echo $topnav; ?>
</div>
<?php else: ?>
<div id="nav-main">
<?php mosLoadModules('banner', -1); ?>
</div>
<?php endif; ?>
<div id="nav-sub">
<?php if($menu_type == "splitmenu" or $menu_type=="splitmenu2") : ?>
<?php echo $subnav; ?>
<?php elseif($menu_type == "suckerfish") : ?>
<?php mosShowListMenu($menu_name); ?>
<?php else: ?>
<?php mosLoadModules('toolbar',-1); ?>
<?php endif; ?>
</div>
</div>
</div>
<div id="content-bg">
<div class="border-pad border-bottom">
<div id="showcase">
<div class="clr"></div>
<?php if (mosCountModules('user1') or mosCountModules('user2') or mosCountModules('user3')) : ?>
<?php $width = (99 / ((mosCountModules('user1')?1:0) + (mosCountModules('user2')?1:0) + (mosCountModules('user3')?1:0))); ?>
<?php if(mosCountModules('user1')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user1', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user2')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user2', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user3')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user3', -2); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>
<div id="middlecolumn" class="border-pad">
<?php $showcolumn = (mosCountModules('left') or $sidenav) ? 1 : 0; ?>
<div id="fakecolumn1" class="sc_<?php echo $showcolumn; ?>">
<div id="fakecolumn2">
<?php if(mosCountModules('left') or $sidenav) : ?>
<div id="leftcolumn">
<div id="vert-menu">
<?php echo $sidenav; ?>
</div>
<?php mosLoadModules('left', -2); ?>
</div>
<?php endif; ?>
<div id="align-padding">
<?php if(mosCountModules('inset')) : ?>
<div id="inset">
<?php mosLoadModules('inset', -2); ?>
</div>
<?php endif; ?>
<?php $showcolumn = $editmode ? 0 : mosCountModules('right'); ?>
<?php if(!$editmode and mosCountModules('right')) : ?>
<div id="rightcolumn">
<?php mosLoadModules('right', -3); ?>
</div>
<?php endif; ?>
<div id="componentcolumn" class="sc_<?php echo $showcolumn; ?>">
<div class="padding">
<?php if ($show_pathway == "true") : ?>
<?php mosPathway(); ?>
<?php endif; ?>
<?php mosMainbody(); ?>
</div>
<?php if (mosCountModules('user4') or mosCountModules('user5')) : ?>
<?php $width =(99 / ((mosCountModules('user4')?1:0) + (mosCountModules('user5')?1:0))); ?>
<?php if(mosCountModules('user4')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user4', -3); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user5')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user5', -3); ?>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<?php if (mosCountModules('user6') or mosCountModules('footer') or mosCountModules('user8')) : ?>
<div id="footer">
<?php $width = (99 / ((mosCountModules('user6')?1:0) + (mosCountModules('user7')?1:0) + (mosCountModules('user8')?1:0))); ?>
<?php if(mosCountModules('user6')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user6', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('footer')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('footer', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user8')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user8', -2); ?>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<?php endif; ?>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="bottom">
<div class="shad-1">
<div class="shad-2">
</div>
</div>
</div>
</div>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>
Gracias por todo.
Se ha hecho todo a través de una empresa, pero la construcción de la web corre a cuenta nuestra, se hace todo a través de plantillas que no se debían tocar, pero por nuestra petición ahora nos dejan, hemos cambiado el logo, pero no sale centrado y no nos atrevemos a tocar mucho el código html, porque esta empresa no se responsabilizaría puesto que ellos no querían que nosotros tocaramos nada, podeis hecharme una mano para que el logo quede centrado en el hueco, os copio el código de la hoja de estilos:
/* @group Main */
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
}
p {
margin-top: 10px;
margin-bottom: 15px;
}
h1, h2, h3, h4, h4, h5, h6 {
padding-bottom: 5px;
margin: 15px 0;
}
fieldset {
border: 0;
padding: 5px 0;
}
/* @group Fonts */
/* @group Sizes */
body.f-smaller {
font-size: 10px;
}
body.f-default {
font-size: 12px;
}
body.f-larger {
font-size: 15px;
}
h1,h2,h3,h4 {
font-family: Helvetica, Arial, sans-serif;
}
h1 {
font-size: 150%;
/* color: see style css */
}
h2 {
font-size: 140%;
/* color: see style css */
}
h3 {
font-size: 130%;
}
h4 {
font-size: 110%;
}
h5 {
font-size: 100%;
font-style: italic;
}
.small,
.modifydate,
.createdate,
div.mosimage_caption {
font-size: 95%;
/* color: see style css */
}
#nav a,
#tabmenu a,
#nav-main a,
#nav-sub a,
.moduletable h3,
.module h3,
.module-hilite1 h3,
.module-hilite2 h3,
.module-hilite3 h3,
.module-hilite4 h3,
#vert-menu a,
a.mainlevel,
a.sublevel,
.componentheading {
font-size: 92%;
font-family: Helvetica, Arial, sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.componentheading {
/* color: see style css */
margin-bottom: 15px;
}
td.componentheading {
padding-bottom: 15px;
}
/* @end */
/* @group Family */
body {
line-height: 125%;
font-family: Lucida Grande, Helvetica, Arial, sans-serif;
/* color: see style css */
}
.contentheading {
font-family: Arial Narrow, Helvetica, sans-serif;
font-size: 140%;
font-weight: bold;
/* see style css */
}
a:link,
a:visited {
text-decoration: none;
/* color: see style css */
}
a:hover {
text-decoration: underline;
/* color: see style css */
}
/* @end */
/* @end */
/* @end */
/* @group Custom */
/* @group accessibility */
/* accessibility stuff */
#access span {
background-repeat: no-repeat;
}
#access a {
text-decoration: none;
}
#access #buttons {
float: right;
}
#access .button {
display: block;
float: right;
width: 38px;
height: 18px;
margin-left: 1px;
background-repeat: no-repeat;
cursor: pointer;
}
/* @end */
/* @group layout */
#page-bg {
height: 100%;
padding: 0;
margin-bottom: 1px;
/* background: see style css */
}
/*****************************************************
* CHANGE WIDTH SETTINGS HERE
*
* To change the width of this template just edit this
* div#wrapper element.
*
* Fixed - just chagne the width to your desired width
* Fluid - set the width to 100%;
*
*****************************************************/
div#wrapper {
width: 883px;
margin: 0 auto;
position: relative;
}
#mainbody #header {
/* background: see style css */
width: 100%;
position: relative;
height: 142px;
}
.suckerfish #mainbody #header {
/* background: see style css */
height: 151px;
}
#header #access {
position: absolute;
left: 300px;
top: 6px;
width: 150px;
height: 21px;
border: 0;
}
#header #tabmenu {
position: absolute;
right: 30px;
top: 3px;
width: 400px;
height: 30px;
}
#header #nav-main ul {
padding-top: 82px;
}
#header #logo {
position: absolute;
left: 35px;
top: 38px;
width: 150px;
height: 85px;
}
#header #search {
position: absolute;
left: 55px;
top: 0px;
width: 230px;
height: 32px;
}
#header #nav-main {
height: 74px;
padding-top: 42px;
margin-right: 23px;
margin-left: 214px;
}
#header #nav-main.splitmenu2 {
height: 116px;
padding: 0;
margin-right: 23px;
margin-left: 214px;
}
#header #nav-sub {
margin-right: 23px;
margin-left: 214px;
}
.border-pad {
margin-left: 5px;
margin-right: 5px;
padding: 0 1px;
}
.border-bottom {
padding-bottom: 1px;
}
#content-bg {
margin-left:15px;
margin-right: 15px;
}
#showcase {
padding: 5px 7px 0 7px;
}
.usermodule {
text-align:center;
}
#fakecolumn2 {
}
#fakecolumn1.sc_0 {
border-left: 0;
}
#fakecolumn1.sc_0 #fakecolumn2 {
margin-left: 0;
background: none;
}
div#middlecolumn .padding {
padding: 10px 20px;
}
div#leftcolumn {
float: left;
width: 195px;
margin-left: -195px;
padding-top: 10px;
position: relative;
}
div#align-padding {
margin-left: 2px;
margin-right: -1px;
}
div#inset {
padding: 1px;
}
div#rightcolumn {
float: right;
width: 191px;
padding: 5px 5px 0 0;
}
div#componentcolumn {
margin-right: 206px;
}
div#componentcolumn.sc_0 {
margin-right: 0;
}
#footer {
padding: 7px 7px 5px 7px;
text-align:center;
}
#bottom {
margin-bottom: 20px;
text-align:center;
}
#bottom .shad-1 {
}
#bottom .shad-2 {
height: 74px;
}
#bottom .rocket {
}
/* @end */
/* @group modules */
div.moduletable {
margin-bottom: 15px;
}
div.moduletable-flush {
margin: 0;
padding: 0;
}
div.module,
div.module-hilite1,
div.module-hilite2,
div.module-hilite3,
div.module-hilite4 {
margin-bottom: 10px;
}
div.moduletable h3,
div.module h3,
div.module-hilite1 h3,
div.module-hilite2 h3,
div.module-hilite3 h3,
div.module-hilite4 h3 {
margin: 10px 0;
padding: 0 0 1px 0;
line-height: 100%;
height: auto;
}
div#showcase div.moduletable,
div#footer div.moduletable {
padding: 10px 5px;
margin: 0;
}
#showcase div.moduletable h3 {
margin: 0 0 10px 0;
}
#leftcolumn div.moduletable {
padding: 0 10px 20px 10px;
}
div.module h3,
div.module-hilite4 h3,
div.module-hilite1 h3 {
margin: 0 0 10px 0;
}
div.module-hilite2 h3 {
margin: 0 0 10px 0;
}
div.module-hilite3 h3,
#footer div.moduletable h3 {
margin: 0 0 10px 0;
}
div.module div div div,
div.module-hilite1 div div div,
div.module-hilite2 div div div,
div.module-hilite3 div div div,
div.module-hilite4 div div div {
padding: 15px 15px;
}
div.module-hilite1,
#componentcolumn div.module {
padding-bottom: 5px
}
div.module-hilite1 div,
#componentcolumn div.module div {
background: none;
}
div.module div div div div,
#rightcolumn div.module div div div div,
div.module-hilite1 div div div div,
div.module-hilite2 div div div div,
div.module-hilite3 div div div div,
div.module-hilite4 div div div div {
background: none;
padding: 0;
}
/* @end */
/* @group menus */
/* For other menu CSS see individual style files: splitmenu.css and suckerfish.css */
/* @group top tabmenu */
/* styles are in the style.css for tabs */
#tabmenu ul {
list-style: none;
margin: 0;
padding: 0;
float: right;
}
#tabmenu li {
float: left;
margin: 0;
padding: 0;
}
#tabmenu a {
float: left;
margin: 0;
height: 28px;
line-height: 34px;
padding: 0 20px;
}
#tabmenu li {
background-repeat: no-repeat;
background-position: 100% 0;
}
#tabmenu li a {
background-repeat: no-repeat;
background-position: -2px 0;
}
#tabmenu li.index-1 a {
background-position: 0 0;
}
/* @end */
/* @end */
/* @group content */
/* @group headers */
/* see style css files for colors */
/* @end */
/* @group search box */
#search form {
margin: 0;
padding: 0;
}
#search .search {
float: left;
margin-top: 5px;
margin-left: 10px;
}
#search input.inputbox {
width: 130px;
padding-left: 5px;
}
span.searchtitle {
display: block;
float: left;
height: 33px;
line-height: 33px
}
/* @end */
/* @group lists */
ul {
list-style: none;
padding: 0;
padding-left: 10px;
}
ul li {
margin: 5px 0;
padding-left: 25px;
/* background: see style css */
}
#componentcolumn ul li {
margin: 15px 0;
}
div.moduletable ul li {
margin: 5px 0;
padding-left: 20px;
}
ul.arrow {
}
ul.arrow li {
/* background: see style css */
padding-bottom: 10px;
padding-left: 40px;
}
ul.check li {
/* background: see style css */
padding-bottom: 10px;
padding-left: 40px;
}
ul.big li {
padding-bottom: 10px;
padding-left: 55px;
}
/* @end */
/* @group alert styles */
span.alert {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.info {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.star {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.note {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
span.download {
/*background: see style css*/
display: block;
margin: 10px;
padding: 10px 10px 10px 45px;
}
/* @end */
/* @group quote */
span.quote {
display: block;
font-style: italic;
}
div.author {
text-align: right;
font-weight: bold;
}
/* @end */
/* @group blockquote */
blockquote {
/* background: see style css */
margin: 10px;
padding: 10px 10px 5px 45px;
}
blockquote p {
/* background: see style css */
padding-right: 35px;
}
/* @end */
/* @group code */
pre {
margin: 10px;
padding: 10px 10px 10px 40px;
font-family: "courier new",helvetica,"times new roman",serif;
font-size: 1.1em;
}
/* @end */
/* @group content area */
.left_image {
float: left;
margin-right: 10px;
}
.right_image {
float: right;
margin-left: 10px;
}
/* @end */
/* @group styles */
img.album.left {
margin-right: 5px;
}
img.alubm.right {
margin-right: 5px;
}
div.style {
float: left;
margin-left: 10px;
width: 175px;
text-align: center;
margin-top: 20px;
}
.style .album {
border: 0;
}
/* @end */
#rocket {
display: block;
border: 0;
width: 146px;
margin: 0 auto;
height: 49px;
}
.vert_spacing {
margin: 15px 0;
}
.hide {
display: none;
}
form {
border: 0;
margin: 0;
padding: 0;
}
table.blog span.article_seperator {
display: block;
height: 20px;
}
table.pollstableborder td {
text-align: left;
padding: 2px 0;
}
input#mod_search_searchword {
width: 120px;
}
a:link.nounder,
a:visited.nounder,
a:hover.nounder {
text-decoration: none;
border: 0;
}
/* @end */
/* @end */
/* @group Joomla Core */
/* @group content */
.contentheading {
padding: 10px 0;
margin-top: 10px;
margin-bottom: 10px;
line-height:100%;
}
#showcase .contentheading {
padding-top: 0;
}
td.buttonheading {
vertical-align: middle;
}
td.buttonheading img {
margin-right: 5px;
}
table.contentpaneopen, table.contentpane {
border-collapse: collapse;
padding: 0;
margin: 0;
width: 100%;
}
div.contentpane, div.contentpaneopen {
width: 100%;
}
.clr {
clear: both;
}
div.mosimage {
margin: 5px;
}
a.readon {
display: block;
float: left;
padding-left: 25px;
padding-top: 2px;
margin-top: 10px;
line-height: 14px;
height: 16px;
/* background: see style css */
}
.modifydate {
height: 20px;
vertical-align: bottom;
}
.createdate {
height: 20px;
vertical-align: top;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;
}
table.contenttoc {
margin: 5px;
padding: 5px;
}
table.contenttoc td {
padding: 0 5px;
}
/* @end */
/* @group pathway */
span.pathway {
display: block;
height: 16px;
line-height: 16px;
vertical-align: middle;
margin-top: 5px;
margin-bottom: 15px;
}
span.pathway a {
}
span.pathway img {
border: 0;
width: 10px;
margin: 0 7px 0 9px;
/* background: see style css */
}
div#pathway {
margin-bottom: 10px;
padding-left: 8px;
}
/* @end */
/* @group sections */
/* @end */
/* @group mainmenu */
a.mainlevel:link,
a.mainlevel:visited {
display: block;
padding: 0px 0 0px 0px;
margin-bottom: 5px;
/* background: see style css */
}
a.mainlevel:hover {
background-position: 100% -40px;
text-decoration: none;
}
a.mainlevel#active_menu,
a.sublevel#active_menu {
background-position: 100% -20px;
}
a.sublevel:link,
a.sublevel:visited {
text-decoration: none;
}
a.sublevel:hover {
text-decoration: none;
}
/* @end */
/* @group modules */
/* @end */
/* @group misc */
table.adminform textarea {
width: auto;
}
.sectiontableheader {
font-weight: bold;
padding: 4px;
}
.sectiontableentry1,
.sectiontableentry2 {
padding: 4px;
}
.pollstableborder .sectiontableentry1,
.pollstableborder .sectiontableentry2 {
border: 0;
background: none;
}
/* @end */
/* @end */
/* My Comment */
Y el código de html:
<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_styleswitcher.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php
if ( $my->id ) :
initEditor();
endif;
mosShowHead();
// *************************************************
// Change this variable blow to switch color-schemes
//
// If you have any issues, check out the forum at
// http://www.rockettheme.com
//
// *************************************************
$default_style = "style1"; // style1 | style2 | style3
$topmenu_name = "topmenu"; // topmenu by default, can be any Joomla menu name
$menu_name = "mainmenu"; // mainmenu by default, can be any Joomla menu name
$menu_type = "splitmenu2"; // splitmenu2 | splitmenu | suckerfish | module
$default_font = "default"; // smaller | default | larger
$show_pathway = "true"; // true | false
$search_text = "keywords..."; // text to use in search box
// *************************************************
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_styleloader.php");
// menu initialization code
$topnav = false;
$cssmenu = false;
$tabmenu = false;
if ($menu_type=="splitmenu2") :
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu2.php");
if (isset($topmenu_name)) $tabmenu = rtShowHorizMenu($topmenu_name);
$topnav = rtShowHorizMenu($menu_name);
$subnav = rtSubMenu($menu_name, 1);
$sidenav = rtSubMenu($menu_name, 2);
$cssmenu = "splitmenu";
elseif ($menu_type=="splitmenu") :
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu.php");
if (isset($topmenu_name)) $tabmenu = rtShowHorizMenu($topmenu_name);
$subnav = rtShowHorizMenu($menu_name);
$sidenav = rtShowSubMenu($menu_name);
$cssmenu = "splitmenu";
elseif ($menu_type=="suckerfish") :
if (isset($topmenu_name)) {
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_splitmenu2.php");
$tabmenu = rtShowHorizMenu($topmenu_name);
}
require($mosConfig_absolute_path."/templates/" . $mainframe->getTemplate() . "/rt_suckerfish.php");
$cssmenu = "suckerfish";
$sidenav = false;
endif;
// make sure sidenav is empty
if (strlen($sidenav) < 10) $sidenav = false;
//Are we in edit mode
$editmode = false;
if ( !empty( $_REQUEST['task']) && $_REQUEST['task'] == 'edit' ) :
$editmode = true;
endif;
// *************************************************
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php if($cssmenu) :?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $cssmenu; ?>.css" rel="stylesheet" type="text/css" />
<?php endif; ?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/litebox/lightbox.css" rel="stylesheet" type="text/css" media="screen" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/<?php echo $tstyle; ?>.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie7.css" rel="stylesheet" type="text/css" />
<!-->
<!--[if lte IE 6]>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie6.css" rel="stylesheet" type="text/css" />
<!-->
<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/prototype.lite.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/moo.fx.js"></script>
<script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/js/litebox-1.0.js"></script>
</head>
<body id="page-bg" class="<?php echo $fontstyle; ?> <?php echo $tstyle; ?> <?php echo $cssmenu; ?>">
<div id="wrapper">
<div id="mainbody">
<div class="shad-1">
<div class="shad-2">
<div class="shad-3">
<div id="header">
<div id="search">
<span class="searchtitle"><?php echo _SEARCH_TITLE; ?></span>
<form action="index.php?option=com_search&Itemid=5" method="get">
<div class="search">
<input name="searchword" id="mod_search_searchword" maxlength="20" alt="search" class="inputbox" size="20" value="<?php echo $search_text; ?>" onblur="if(this.value=='') this.value='<?php echo $search_text; ?>';" onfocus="if(this.value=='<?php echo $search_text; ?>') this.value='';" type="text" />
</div>
<input name="option" value="com_search" type="hidden" />
<input name="Itemid" value="5" type="hidden" />
</form>
</div>
<div id="access">
<div id="buttons">
<span class="button"></span>
<span class="button"></span>
<span class="button"></span>
</div>
</div>
<div id="tabmenu">
<?php echo $tabmenu; ?>
</div>
[contenido no disponible]
<?php if($menu_type=="splitmenu2" and isset($topnav)) : ?>
<div id="nav-main" class="splitmenu2">
<?php echo $topnav; ?>
</div>
<?php else: ?>
<div id="nav-main">
<?php mosLoadModules('banner', -1); ?>
</div>
<?php endif; ?>
<div id="nav-sub">
<?php if($menu_type == "splitmenu" or $menu_type=="splitmenu2") : ?>
<?php echo $subnav; ?>
<?php elseif($menu_type == "suckerfish") : ?>
<?php mosShowListMenu($menu_name); ?>
<?php else: ?>
<?php mosLoadModules('toolbar',-1); ?>
<?php endif; ?>
</div>
</div>
</div>
<div id="content-bg">
<div class="border-pad border-bottom">
<div id="showcase">
<div class="clr"></div>
<?php if (mosCountModules('user1') or mosCountModules('user2') or mosCountModules('user3')) : ?>
<?php $width = (99 / ((mosCountModules('user1')?1:0) + (mosCountModules('user2')?1:0) + (mosCountModules('user3')?1:0))); ?>
<?php if(mosCountModules('user1')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user1', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user2')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user2', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user3')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user3', -2); ?>
</div>
<?php endif; ?>
<?php endif; ?>
<div class="clr"></div>
</div>
</div>
<div id="middlecolumn" class="border-pad">
<?php $showcolumn = (mosCountModules('left') or $sidenav) ? 1 : 0; ?>
<div id="fakecolumn1" class="sc_<?php echo $showcolumn; ?>">
<div id="fakecolumn2">
<?php if(mosCountModules('left') or $sidenav) : ?>
<div id="leftcolumn">
<div id="vert-menu">
<?php echo $sidenav; ?>
</div>
<?php mosLoadModules('left', -2); ?>
</div>
<?php endif; ?>
<div id="align-padding">
<?php if(mosCountModules('inset')) : ?>
<div id="inset">
<?php mosLoadModules('inset', -2); ?>
</div>
<?php endif; ?>
<?php $showcolumn = $editmode ? 0 : mosCountModules('right'); ?>
<?php if(!$editmode and mosCountModules('right')) : ?>
<div id="rightcolumn">
<?php mosLoadModules('right', -3); ?>
</div>
<?php endif; ?>
<div id="componentcolumn" class="sc_<?php echo $showcolumn; ?>">
<div class="padding">
<?php if ($show_pathway == "true") : ?>
<?php mosPathway(); ?>
<?php endif; ?>
<?php mosMainbody(); ?>
</div>
<?php if (mosCountModules('user4') or mosCountModules('user5')) : ?>
<?php $width =(99 / ((mosCountModules('user4')?1:0) + (mosCountModules('user5')?1:0))); ?>
<?php if(mosCountModules('user4')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user4', -3); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user5')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user5', -3); ?>
</div>
<?php endif; ?>
<?php endif; ?>
</div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="clr"></div>
<?php if (mosCountModules('user6') or mosCountModules('footer') or mosCountModules('user8')) : ?>
<div id="footer">
<?php $width = (99 / ((mosCountModules('user6')?1:0) + (mosCountModules('user7')?1:0) + (mosCountModules('user8')?1:0))); ?>
<?php if(mosCountModules('user6')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user6', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('footer')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('footer', -2); ?>
</div>
<?php endif; ?>
<?php if(mosCountModules('user8')) : ?>
<div class="usermodule" style="width:<?php echo $width; ?>%">
<?php mosLoadModules('user8', -2); ?>
</div>
<?php endif; ?>
<div class="clr"></div>
</div>
<?php endif; ?>
</div>
<div class="clr"></div>
</div>
</div>
</div>
</div>
<div id="bottom">
<div class="shad-1">
<div class="shad-2">
</div>
</div>
</div>
</div>
<?php mosLoadModules( 'debug', -1 );?>
</body>
</html>
Gracias por todo.