Question

我试图将图像置于我建造的joomla网站上。它是放置在标题中的徽标。以下是网站http://www.gothamtattoos.com/mmp_upgrade/index.php的链接（顶部的logo.png是我正在谈论的内容）。我尝试了一些不同的东西，但我的尝试要么没有做任何事情，要么他们与顶级菜单的显示混乱。我在这里读到关于设置自动保证金和相对位置等的保证金，但它没有用，或者我可能把它添加到错误的地方。

以下是与徽标相关的index.php文件部分。我根本不是一个编码器，只是稍微知道我在做什么，所以非常感谢描述性的回复。在此先感谢您的帮助。

＆＃13;

$logopath = $this->baseurl . '/templates/' . $this->template . '/images/logo.png';
$logo = $this->params->get('logo', $logopath);
$logoimage = $this->params->get('logoimage');

$sitetitle = $this->params->get('sitetitle');
$sitedescription = $this->params->get('sitedescription');




?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
	<jdoc:include type="head" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
	<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
	<link href='//fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css' />
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/sfhover.js"></script>

  
  

</head>
<body>

<div id="wrapper">

	<!-- TopNav -->
	<?php if($this->countModules('position-13')): ?>
	<div id="topnav_wrap">
		<div id="topnav">
			<jdoc:include type="modules" name="position-13" style="xhtml" />
		</div>
	</div>
	<?php endif; ?>
	

	<div id="header_wrap">
		<div id="header">

			<!-- Logo -->
			<div id="logo">

			<?php if ($logo && $logoimage == 1): ?>
				<a href="<?php echo $this->baseurl ?>"><img src="<?php echo htmlspecialchars($logo); ?>"  alt="<?php echo $sitename; ?>" /></a>
			<?php endif; ?>
			<?php if (!$logo || $logoimage == 0): ?>

				<?php if ($sitetitle): ?>
					<a href="<?php echo $this->baseurl ?>"><?php echo htmlspecialchars($sitetitle); ?></a><br/>
				<?php endif; ?>

				<?php if ($sitedescription): ?>
					<div class="sitedescription"><?php echo htmlspecialchars($sitedescription); ?></div>
				<?php endif; ?>

			<?php endif; ?>

	  		</div>

			<!-- Topmenu -->
			<div id="topmenu">
				<jdoc:include type="modules" name="position-1" />
			</div>
		</div>
	</div>

＆＃13;

这是css http://www.gothamtattoos.com/mmp_upgrade/templates/jaxstorm-black/css/template.css

Answer 1

您将徽标设置为背景，尝试将其设置为img

powerList

Answer 2

要使图像居中，您只需要调整一些CSS。

#logo {
    float:none;
}
#logo img {
    display:block;
    margin:0 auto;
}

以joomla

2 个答案: