Redakčný systém Etomite

[Marek Adamec]

potreboval by som vyriesit jeden problem a to s medzerami v hornej casti kde je logo + obrazok:

Takto to mam zapisane v Template:
...
...
...
{{baner reklama 759x90}}
<img border="0" src="http://www.navrchol.sk/menulogo/logonavrchol270x120.PNG" alt="nechaj sa inšpirova&#357; " width="270" height="120"> LOGO
<img border="0" src="http://www.navrchol.sk/menulogo/starelogo.png" alt="nechaj sa inšpirova&#357;" width="485" height="120"> OBRAZOK PODSTRANKY
{{menuhore}}
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
[[ListMenu?LM_node=0]]
....
....

vysledok potom vyzerat tak ako vyzera vid: http://www.navrchol.sk , chyba je vtom ze mi to hadze medzeru hore aj dole zopar pixelov, potreboval by som sa tych medzier zbavit, napada ma to spravit cez css ale neviem ako to potom spravim ked poutivam viac templatov z jednej css.

[Marek Adamec]

spodnu hranicu som uz vyriesil tym ze som to spravil takto:

Kód: Vybrať všetko

<div id="logo">
<img border="0" src="http://www.navrchol.sk/menulogo/logonavrchol270x120.PNG" alt="nechaj sa inšpirova&#357; " width="270" height="120">
<img border="0" src="http://www.navrchol.sk/menulogo/zdravie.PNG" alt="V zdravom tele zdravý duch" width="485" height="120">
</div>

len este mi ostava horny okraj, nemoze to robit <div id="wrap"> , ze nieje ukonceny pred <div id="logo">???

Kód: Vybrať všetko

<div id="wrap">
{{googlereklama}}


<p align="center">
{{baner reklama 759x90}}
<div id="logo">
<img border="0" src="http://www.navrchol.sk/menulogo/logonavrchol270x120.PNG" alt="nechaj sa inšpirova&#357; " width="270" height="120">
<img border="0" src="http://www.navrchol.sk/menulogo/zdravie.PNG" alt="V zdravom tele zdravý duch" width="485" height="120">
</div>
{{menuhore}}
<div id="avmenu">
<h2 class="hide">Menu:</h2>
<ul>
[[ListMenu?LM_node=0]]


{{oficialny partneri}}
{{pocasie}}




</ul>
</div>

<div id="content">
<h2>[*longtitle*]</h2>
[*content*]

</div>

<div id="footer">

{{indexdole}}

</div>

[R - stick]

Přes IE7 se mi to zobrazuje naprosto vpořádku, takže bych šel po CSS - bohužel pokud tam máš něco nestandardně, tak ti to každý prohlížeč zobrazí jinak. Zkus si napřed zkontrolovat, jestli máš výšky prvků správně určené (někde třeba můžeš mít špatně nadefinovanou výšku a pak ti to dělá různé mezery - a navíc každý prohlížeč se chová úplně jinak). To, že máš CSS pro několik templat by nemělo vadit.

[_rasel^]

Neviem presne o akých medzerách píšeš (lepšie nakresliť)... ale keď som to správne pochopil, tak úplne hornú medzeru ti vytvára prázdny tág <p align="center"> </p>, ktorý môžeš zmazať - nachádza sa konkrétne za ukončovacím divom reklamy od Google:

Kód: Vybrať všetko

<div id="googlereklama">
...
</div>
<p align="center"> </p>

... ale potom hore nebudeš mať žiadnu medzeru a pridať (upraviť) si ju môžeš napríklad: #logo { padding-top: 5px; }.