Ogólna pomoc dotycząca stylów - [Problem] Problem z wyśrodkowaniem stylu, elementami.
Szaleniec - 29-09-2013, 12:24 Temat postu: [Problem] Problem z wyśrodkowaniem stylu, elementami. Hej.
Podjąłem się przerobienia stylu na własne potrzeby(wgląd na moim forum), niestety wybrałem chyba zbyt nowoczesny, miał dużo kodu jQuery i się zwyczajnie pogubiłem. Moim celem jest wyśrodkowanie tabel z forami, ponieważ z obu stron chcę poprowadzić tło, które nie będzie przewijało się razem ze stroną. Prawdopodobnie pójdzie ono z loga, które już jest trochę pod to przygotowane, ale jeszcze rozważam nad całkowitym oddzieleniem loga z tabelami od tła.
Forum udało mi się wyśrodkować na początku, gdy w pliku CSS określiłem:
Kod: | #fora {width:88%; height:auto; padding:0; margin:0 auto; } |
Styl posiadał jedną rzecz, którą chciałem usunąć, a mianowicie Panel Kontrolny. Był to dodatkowy panel z prawej strony, który miał tam różne informacje i dzięki niemu szerokość forum można było zmniejszyć/zwiększyć. Wywaliłem ten panel, lecz nie wiem czy tak całkowicie. Od tamtego czasu forum przesunęło mi się w lewo maksymalnie. Próbowałem zmieniać szerokość w pliku overall_header.tpl, jednak to nic nie dawało. Porównałem sobie te pliki z innym stylem - Pimp my Style. Jest taka różnica, że wszystko robione jest w klasach i się niestety w tym pogubiłem. W ogóle nie ma kodu z nazwą "BEGIN ADVERT". Załączam pliki z forum, może Wy coś wykombinujecie.
Jak tak patrzę, to chyba najlepiej byłoby belce pod logiem zmniejszyć szerokość, tak samo dla loga. I zawrzeć logo z tabelami w jednym elemencie blokowym. Tło szłoby po bokach.
Może powinienem zacząć od jakiegoś prostszego stylu bez jQ.
Nydylier - 01-10-2013, 15:26
Badając twoją stronę przez Google Chrome znalazłem linijkę:
Kod: | <div class="forums" style="float: left; width: 78%; display: block;"> |
Aby było tak jak chcesz, musi ona wyglądać tak:
Kod: | <div class="forums" style="float: center; width: 100%; display: block;"> |
Znajdziesz to w index_body.tpl lub index_box.tpl
Pozdrawiam!
Szaleniec - 02-10-2013, 15:50
Tego przylegania faktycznie nie zauważyłem, dzięki. Ale to i tak nie rozwiązuje problemu, bo dalej nie potrafię osiągnąć takiego efektu, by zmniejszyć szerokość tabel forum po obu stronach, tak by było widoczne tło po prawej i lewej stronie w takich samych rozmiarach.
Tommekk80 - 02-10-2013, 18:57
Cytat: | <table class="tborder" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td valign="top">
<!-- END advert -->
<!-- BEGIN forum_thin -->
<table class="tborder" width="100" height="1000"> |
Czerwony - to prawdopodobnie szerokość całego forum. Zmniejsz wg uznania.
Zielony - to jakaś pomyłka, powinno być 100% prawdopodobnie.
Niebieski - to wywal w ogóle.
I pisz czy to dało jakiś efekt
Szaleniec - 03-10-2013, 16:34
Hmm, sam nie wiem, czy to dało jakiś efekt. Chyba jest tak samo jak wcześniej.
Próbowałem dać 88% dla
Cytat: | <table class="tborder" width="100%" cellspacing="0" cellpadding="0" border="0" align="center">
|
Nadałem także tyle dla tej linijki:
Cytat: | <table class="tborder" width="100" height="1000">
|
A tak dla testu, by zobaczyć co się stanie, dałem tylko 20%. I też nic.
Tommekk80 - 03-10-2013, 17:05
Szaleniec, napisz na pw swój nr gg, odezwę się.
Tommekk80 - 03-10-2013, 18:06
Spróbuj jeszcze w klasie #branding zmienić szerokość z 1300px na 100%
|
|
|