Logo podchodzi pod lewy container

wersja skryptu MyBB:1.6.8
adres forum:vkm.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): mam theme Blue Warez 2. Gdy miałem mniejsze logo, ten sposób działał: https://webboard.pl/thread-17178.html?hi...ane%2blogo
Ale gdy teraz mam większe, nie działa i lewy bok loga przyciąga mi do lewego containera. Co mam zrobić, aby tak się nie działo??

Sposób podany w tamtym temacie jest kompletnie błędny. Wgraj w szablon normalny kod, jak na początku.

Wejdź w ACP > Style > Blue Warez > global.css > Edycja zaawansowana
Znajdź klasę .logo i dodaj do niej atrybuty:

text-align: center;
margin: 0 auto;

Sposób podany w tamtym temacie jest kompletnie błędny. Wgraj w szablon normalny kod, jak na początku.

Wejdź w ACP > Style > Blue Warez > global.css > Edycja zaawansowana
Znajdź klasę .logo i dodaj do niej atrybuty:

text-align: center;
margin: 0 auto;

W global.css nie ma klasy logo. Jest ona w blue_warez_2.css. Znalazłem, dodałem, niestety bezskutecznie Zrobiłem też jak poradziłeś, by przywrócić domyślny nagłówek, nadal jest to samo. A nawet się pogorszyło

Jaką masz rozdzielczość ekranu i przeglądarkę?
U mnie jest wyśrodkowane zarówno na Ironie, Firefoxie, a nawet Operze.

Mam Chrome. Rozdzielczość to 1024x1280

Aha, widzę problem.
Ogólnie jest tak, że logo znajduje się wewnątrz klasy container. Logo ma stałą szerokość, container nie, więc jeśli masz za małą rozdzielczość ekranu, container się do niej dopasowuje, ale szerokość loga pozostaje ta sama i po prostu sam container jest od niego węższy, dlatego logo wywala na zewnątrz.

Dostępne rozwiązania:
1. Zmniejsz logo
2. Ustaw logo automatyczną szerokość:
http://stackoverflow.com/questions/75190...l-browsers
http://stackoverflow.com/questions/34636...-own-width
3. Przekoduj styl tak, aby nagłówek nie był zależny od szerokości forum

Wybierz sobie rozwiązanie, a postaramy się pomóc w miarę chęci możliwości.

Nie znam angielskiego, a tłumacz wiadomo jak tłumaczy Jest takie coś po polsku??

http://lmgtfy.com/?q=automatyczna+szerok...87+obrazka

http://lmgtfy.com/?q=automatyczna+szerok...87+obrazka

Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS?? Jak nie masz sensownej odpowiedzi - po prostu się nie odzywaj. Oczekuję odpowiedzi, a nie przekierowania do bezsensownych wyników.... Google też umiem używać, i zanim napiszę na forum korzystam z jego pomocy.
Dziękuję.

Czegoś Pan wymaga od 14 latka?? Znajomości HTML??

A czemu nie? Tak prosty język znaczników może ogarnąć i dziesięciolatek.
Skoro jesteś webmasterem, to twoim obowiązkiem jest znać przynajmniej HTML.

Strona http://vkm.cba.pl/ nie działa, więc nie jestem w stanie Ci stworzyć gotowca do wklejenia, jako, że nie mam dostępu do szablonu twojej strony.

Obrazkowi twojego loga nadajesz atrybut

onload="resize_image(this);"

i wstawiasz go w diva, który ma ustawioną automatyczną szerokość (atrybut width:auto dla klasy wycinka loga w global.css).

Potem do szablonu headerinclude dodaj taki kod:

<script type="text/javascript">var max_width = 300; // definiujemy maksymalną szerokość obrazka
// tworzymy nową funkcje
function resize_image(img) {
    // jeśli szerokość obrazka jest większa niż dopuszczalna maksymalna szerokość
    if(img.width > max_width) {
        // obliczamy proporcje szerokość do wysokość
        factor = img.width / img.height;
        // obliczamy proporcjonalną wysokość, zaokrąglamy ją używając Math.floor();
        height = Math.floor(max_width / factor);
        // nadajemy obrazkowi nowe wymiary
        img.width = max_width;
        img.height = height;
    }
} </script>

Zamiast 300 dla max_width ustawiasz maksymalną szerokość w pikselach, do jakiej obraz ma być skalowany.

Obrazkowi twojego loga nadajesz atrybut

onload="resize_image(this);"

i wstawiasz go w diva, który ma ustawioną automatyczną szerokość (atrybut width:auto dla klasy wycinka loga w global.css).

Czekaj czekaj, mało z tego zrozumiałem. Zrozumiałem tylko tyle, żeby ten tekst w kodzie dodać do klasy "logo" w global.css. Dobrze?? Szkoda tylko, że tam tego nie ma (klasy).....

Nie, masz to dodać do tagu <img> z obrazkiem loga w szablonie nagłówek > header

Czyli zamiast

<a href="{$mybb->settings['bburl']}/index.php"><img src="{$mybb->settings['bburl']}images/logo.jpg" alt="VKM  - Twoja komunikacja" title="VKM  - Twoja komunikacja" /></a>

Ma być:

<a href="{$mybb->settings['bburl']}/index.php"><img src="{$mybb->settings['bburl']}images/logo.jpg" alt="VKM  - Twoja komunikacja" title="VKM  - Twoja komunikacja" onload="resize_image(this);" /></a>

Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS??

W wieku 14 lat uczyłem się już PHP, potrafiłem posługiwać się konsolą Linuxa na poziomie podstawowym, a HTML/CSS znałem na poziomie b.dobrym, więc kiepski argument...


@down
Wie Pan, że język CSS to podstawowy angielski + idiotycznie prosta składnia? Znam osoby, które już znały CSS po... 1 dniu nauki.

@down2
W 2 klasie gimnazjum miałem uwaga... 11 jedynek z angielskiego, a mimo to nie miałem problemu z CSS.

Czegoś Pan wymaga od 14 latka?? Znajomości HTML?? Czy CSS??

W wieku 14 lat uczyłem się już PHP, potrafiłem posługiwać się konsolą Linuxa na poziomie podstawowym, a HTML/CSS znałem na poziomie b.dobrym, więc kiepski argument...

mybb zacząłem się interesować w sierpniu tego roku. I po 4 miesiącach wymagasz języka css? Weź se jaj ze mnie nie rób.

@up
Mam 2 angola, czego wymagasz....

Nieważne... Działa Ci to, co podałem, czy trzeba szukać czegoś innego?