gpt4 book ai didi

javascript - joomla 中图像居中

转载 作者:行者123 更新时间:2023-11-28 05:33:13 25 4
gpt4 key购买 nike

我正在尝试将图像放在我正在构建的 joomla 网站上。这是一个放置在标题中的 Logo 。这是网站的链接 http://www.gothamtattoos.com/mmp_upgrade/index.php (我正在谈论的是顶部的 logo.png)。我尝试了一些不同的事情,但我的尝试要么没有做任何事情,要么扰乱了顶部菜单的显示。我在这里阅读了有关将边距设置为自动并将位置设置为相对等的内容,但它不起作用,或者可能我将其添加到了错误的位置。

这是index.php 文件中与 Logo 相关的部分。我根本不是一个编码员,只是稍微知道我在做什么,所以描述性的回复将不胜感激。预先感谢您的帮助。

$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>

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

最佳答案

要使图像居中,您只需要调整一些CSS即可。

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

关于javascript - joomla 中图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39542484/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com