Problem z wyśrodkowaniem loga
: 24 lipca 2010, 10:42
Witam,
Na moim forum postanowiłem umieścić własne logo i menu na górze strony.
W tym celu zrobiłem tak:
W kodzie overallheader.html w środku diva headerbar umieściłem kod logo i kod mojego menu. Menu ma osobny plik css, ale on napewno nie wprowadza zamięszania.
Kod logo i menu:
W kodzie motywu dodałem:
Moim problemem jest oczywiście wyśrodkowanie logo i menu. Nie pomaga margin: auto; text-align: center; i już nie mam pomysłu jak to wyśrodkować. Proszę o pomoc kogoś kto się zna na tym forum, być może w motywach forum jest jakiś styl który kłuci się z moim zapisem.
Na moim forum postanowiłem umieścić własne logo i menu na górze strony.
W tym celu zrobiłem tak:
W kodzie overallheader.html w środku diva headerbar umieściłem kod logo i kod mojego menu. Menu ma osobny plik css, ale on napewno nie wprowadza zamięszania.
Kod logo i menu:
Kod: Zaznacz cały
<div id="tresc">
<div id="logo">
<img src="http://www.itssimple.pl/grafa/logo.jpg" alt="logo"/>
</div>
</div>
<div id="menu">
<ul id="menug">
<li id="strona_glowna"><a href="index.html">Strona glowna</a></li>
<li id="gramatyka"><a href="#">Gramatyka</a>
<ul>
<li><a href="podstrona.html">Imprezy</a></li>
<li><a href="podstrona.html">Koncerty</a></li>
<li><a href="podstrona.html">Wydarzenia</a></li>
<li><a href="podstrona.html">Muzyka</a></li>
<li><a href="podstrona.html">Juwenalia</a></li>
</ul>
</li>
<li id="sport"><a href="#">Sport</a>
<ul><li><a href="podstrona.html">Widzew</a></li>
<li><a href="podstrona.html">Łks</a></li>
<li><a href="podstrona.html">Budowlani</a></li>
<li><a href="podstrona.html">SMS</a></li></ul>
</li>
<li id="edukacja"><a href="#">Edukacja</a>
<ul>
<li><a href="podstrona.html">Wykaz szkół</a></li>
<li><a href="podstrona.html">Biblioteki</a></li>
<li><a href="podstrona.html">Uniwersytet</a></li>
<li><a href="podstrona.html">Politechnika</a></li>
</ul>
</li>
<li id="kultura"><a href="#">Kultura</a>
<ul>
<li><a href="podstrona.html">Nie mam pojęcia</a></li>
<li><a href="podstrona.html">Wymysl cos sam</a></li>
</ul>
</li>
<li id="turystyka"><a href="#">Turystyka</a>
<ul>
<li><a href="podstrona.html">Piotrkowska</a></li>
<li><a href="podstrona.html">Dla przyjezdnych</a></li>
</ul>
</li>
<li id="forum"><a href="#">Forum</a></li>
</ul>
</div>
<div id="kreska">
</div>
<div id="kreska1">
</div>
W kodzie motywu dodałem:
Kod: Zaznacz cały
#tresc{
padding: 0;
margin-right: auto;
margin-left: auto;
overflow:hidden;
}
#menu{
width: 1000px;
margin-right: auto !important;
margin-left: auto !important;
display: block;
}
#logo img{
margin-right: auto !important;
margin-left: auto !important;
display: block;
}
#kreska{
width: 100%px;
height: 5px;
background-color: #b81f3b;
clear: both;
border: 0;
overflow:hidden;
}
#kreska1{
width: 100%px;
height: 5px;
background-color: #ffffff;
clear: both;
overflow:hidden;
}