Błąd Tabliczki informacyjne - przesunięcie tekstu do góry

wersja skryptu MyBB:1.6.10[php]
adres forum:www.cs-portico.pl
[b]na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
Witam mam problem z taliczkami informacyjnymi, a dokładniej z tekstem zawartych w nich. Otóż pojawia się zbyt nisko, przy próbach podwyższenia kończy się to niepowodzeniem.


Poniżej daje css tych tabliczek:

.noticeui111 { background: url(images/carbon/noticebg.png) repeat-x scroll 0px 0px transparent; color: rgb(255, 255, 255); width: 70%; font-weight: normal; padding: 13px 15px 0px; margin-bottom: 2.5em; border-radius: 6px 6px 6px 6px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position: relative; left: 34px; }
.noticeui111 p { margin-bottom: 1.5em; }
.noticeui111 p:last-child { margin-bottom: 0px; }
.noticeui111 h5 { font-size: 14px; font-weight: bold; margin-bottom: 0.65em; }
.noticeui111 span { background: url(images/carbon/noticetabs.png) no-repeat scroll 100% 0px transparent; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui111-warn { background-color: rgb(255, 234, 151); color: rgb(121, 97, 0); border: 1px solid rgb(225, 181, 0); height: 70%; }
.noticeui111-warn span { background-position: 100% -800px; }
.noticeui111-error { background-color: rgb(239, 206, 201); color: rgb(147, 54, 40); border: 1px solid rgb(174, 63, 47); height: 70%; }
.noticeui111-error span { background-position: 100% -400px; }
.noticeui111-info { background-color: rgb(198, 216, 240); color: rgb(40, 87, 151); border: 1px solid rgb(67, 129, 205); height: 70%; }
.noticeui111-info span { background-position: 100% -1200px; }
.noticeui111-success { background-color: rgb(238, 244, 212); color: rgb(89, 108, 38); border: 1px solid rgb(143, 173, 61); height: 70%; }
.noticeui111-success span { background-position: 100% 0px; }

A to jest kod jaki dałem w mycode:

<div class="noticeui111 noticeui111-error"><h5>Ten Temat został ZAMKNIĘTY.</h5><p></p> <span></span>  </div>

Wspomne też, że wszystko wykonałem według intrukcjii autora Szulca, więc powinno działać dobrze, a coś niechece . Czyżby wina samego stylu ?

Matslom napisał 11.11.2013, 19:03:
Poprawiam tytuł i przenoszę do odpowiedniego działu

Można prosić o link do poradnika, z którego korzystałeś? :-)

Link do poradnika -> http://www.cs-swiat.pl/watek-Tabliczki-Al-A-ipb-Mybb

Podmień te css'y co podałeś na to:

.noticeui111 { background: url(images/carbon/noticebg.png) repeat-x scroll 0px 0px transparent; color: rgb(255, 255, 255); width: 70%; font-weight: normal; padding: 0px 0px 6px 12px;  margin-bottom: 2.5em; border-radius: 6px 6px 6px 6px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position: relative; left: 34px; }
.noticeui111 p { margin-bottom: 1.5em; }
.noticeui111 p:last-child { margin-bottom: 0px; }
.noticeui111 h5 { font-size: 14px; font-weight: bold; margin-bottom: 0.65em; margin-top: 14px;}
.noticeui111 span { background: url(images/carbon/noticetabs.png) no-repeat scroll 100% 0px transparent; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui111-warn { background-color: rgb(255, 234, 151); color: rgb(121, 97, 0); border: 1px solid rgb(225, 181, 0); height: 70%; }
.noticeui111-warn span { background-position: 100% -800px; }

Nie naprawiło to problemu.

Proszę spojrzeć.

http://cs-portico.pl/showthread.php?tid=1445

sorry, nie skopiowałem wtedy wszystkiego, to powinno ci pomóc ; )

.noticeui111 { background: url(images/carbon/noticebg.png) repeat-x scroll 0px 0px transparent; color: rgb(255, 255, 255); width: 70%; font-weight: normal; padding: 0px 0px 4px 14px;  margin-bottom: 2.5em; border-radius: 6px 6px 6px 6px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); position: relative; left: 34px;}
.noticeui111 p { margin-bottom: 1.5em; }
.noticeui111 p:last-child { margin-bottom: 0px; }
.noticeui111 h5 { font-size: 14.5px; font-weight: bold; margin-bottom: 0.65em; margin-top: 14px;}
.noticeui111 span { background: url(images/carbon/noticetabs.png) no-repeat scroll 100% 0px transparent; width: 33px; height: 40px; position: absolute; left: -34px; top: 9px; }
.noticeui111-warn { background-color: rgb(255, 234, 151); color: rgb(121, 97, 0); border: 1px solid rgb(225, 181, 0); height: 70%; }
.noticeui111-warn span { background-position: 100% -800px; }
.noticeui111-error { background-color: rgb(239, 206, 201); color: rgb(147, 54, 40); border: 1px solid rgb(174, 63, 47); height: 70%; }
.noticeui111-error span { background-position: 100% -400px; }
.noticeui111-info { background-color: rgb(198, 216, 240); color: rgb(40, 87, 151); border: 1px solid rgb(67, 129, 205); height: 70%; }
.noticeui111-info span { background-position: 100% -1200px; }
.noticeui111-success { background-color: rgb(238, 244, 212); color: rgb(89, 108, 38); border: 1px solid rgb(143, 173, 61); height: 70%; }
.noticeui111-success span { background-position: 100% 0px; }