Problem z artykułem- wyrównanie

[adrian_ostw]

Witajcie Panowie,
Piszę z myślą że pomożecie mi z tego wybrnąc, przeszukałem już całe forum co prawda są juz takie tematy ale nikt nie udzielił wystarczającej odpowiedzi. Chodzi mi mianowicie o to że w artykule nie mogę przenieśc/wyrówniac tekstu na środek.Proszę o pomoc.
Poniżej załączam kod i zdjęcie (w kodzie próbowałem juz wszystkiego, moze trzeba pozmieniac gdzies w css ? ale nie wiem gdzie.)

<p> </p>
<div align="center">
<p class="center"> </p>
<p class="center"><strong>Rezerwacje stanowisk:</strong></p>
</div>
<div align="center">
<p>Przykładowy tekst.</p>
<p>Przykładowy tekst.</p>
</div>
<div align="center">
<p>Przykładowy tekst.</p>
<p>Przykładowy tekst.</p>
</div>
<div align="center">
<p>Przykładowy tekst.</p>
<p>Przykładowy tekst.</p>
</div>http://www.fotosik.pl/pokaz_obrazek/bea9c8c19ed6c7b9.html
Zdjęcie :


http://images29.fotosik.pl/304/bea9c8c19ed6c7b9m.jpg (http://www.fotosik.pl/showFullSize.php?id=bea9c8c19ed6c7b9)

[zwiastun]

Maciek - w prawo. Nie Maciek - w lewo. Nie Maciek - pośrodku! Ależ nie!
Maciek: Mam już świra.
Może po prostu:
1. Nie trzeba nakazywać wyrównywania do lewej tam gdzie nie trzeba, bo to standardowy sposób wyrównania
2. Stworzyć w arkuszu CSS klasę np. .center i używać jej do wyrównania do środka

[abarczewski]

Witam Pana:

W miejsce
align="center"

wpisz:


style="text-align: center;"

[adrian_ostw]

Witam:
Niestety nadal tak jest tzn. w edytorze pokazuje mi ze jest wysrodkowane lecz na stronie nie. Mam joomle 1.5.8 przegladarke Firefox.

Tak wpisałem i nadal źle:

<div style="text-align: center;">Zapraszamy</div>

[abarczewski]

To w takim razie spróbuj 2 sposobu zwiastuna na bank pomoże.

[adrian_ostw]

Tylko nie wiem czy sobie poradzę ponieważ nie używam edytora JCE (nie chciał mi działac) tylko edytora Xstandart lite for joomla. Jeśli ktoś mógłby mi pomoc ?? Byłbym wdzięczny.

[zwiastun]

powodów złego wyrównania poszukaj w arkuszu CSS szablonu, tak jak napisałem - a nie w edytorze.

[adrian_ostw]

W pliku css templatki szukałem już całe dwa dni niestety nie umiem sobie poradzic, zmian w templatce troche sobie zrobiłem tak żeby mi odpowiadało wszystko lecz z tym wyrównaniem nie umiem sobie poradzic.
Poniżej css:
Może ktoś będzie tak miły i mi coś więcej podpowie.


body

{

margin:3px;

font-family:Arial;

font-size:12px;

background:#243515;

}



#main

{ width:1000px;

margin-left: auto ;

margin-right: auto ;

}



.header

{ height:200px;

background:url(../images/dreamin1.jpg) no-repeat;



}
a.readon:link, a.readon:visited {
color : #FF0000;
font-family : Tahoma, Geneva, Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : normal;

padding : 2px 4px 2px 20px;
white-space : normal;
float : left;
line-height : 10px;
text-decoration : none;
}







.title

{

padding-left:20px;

}



.navbar

{

background:url(../images/navline.jpg) no-repeat;

height:25px;

}

.nav

{

margin: 0px;

padding-left:10px;

padding-top:10px;



}

.nav ul

{

list-style:none;

margin: 0px;

padding: 0px;

}

.nav li

{

margin: 0px;

padding: 0px;

display: inline;

float:left;

background:none !important;

position:relative;

top: -10px !important;



}

.nav a, .nav a:visited

{

display:block;

font-size:12px;

font-weight: bold;

color:#000;

text-decoration:none;

padding-right:10px;

padding-left:10px;

padding-bottom:10px;

padding-top:5px;

z-index:1;

}



.navbar a:hover

{

color:#f4392e;

text-align:left;

padding-right:25px;

padding-left:25px;

padding-bottom:18px;

padding-top:5px;



}



.mainColumn

{

margin:4px;

padding-top:5px;

padding-left:0px;

padding-right:0px;

}



#leftColumn

{

float:left;

width:209px !important;

overflow:hidden;

}

.column div

{

background:url(../images/left_column_bg.jpg) repeat-y left;

padding: 0px;

height: 1%;

}



.column h3

{

color:#243515;

margin: 0px;

text-align:left;

width:209px;

position:relative;

padding:8px;

padding-left: 35px;

padding-top: 12px;

font-size: 1.2em;

font-weight:bold;

}

.inner_content

{

padding-top:15px;

padding-right:5px;

padding-left:8px;

padding-bottom:5px;

}

.column div div

{

background:url(../images/left_column_header.jpg) no-repeat left top;

}

.column div div div

{

background: none;

background:url(../images/left_column_bottom.jpg) no-repeat left bottom;

}

.column div div div div

{

background: none;

padding-bottom:20px;

}

.column div div div div h3

{

color:#243515;

}

.column ul

{

margin: 0px;

padding: 0px;

list-style:none;

border-top: solid 1px #aeaeae;

margin-left: 8px;

margin-right: 11px;



}

.column li

{

margin: 0px;

padding: 0px;

}

.column li a, .column li a:visited

{

display:block;

margin: 0px;

padding: 2px;

border-bottom: solid 1px #aeaeae;

color: #000000;

width:93%;

font-weight:bold;

padding-left: 10px;

text-decoration:none;

}

.module_menu li a:hover

{

background: url(../images/left_nav_bg.jpg) repeat-x;

color: #000000;



}



.contentColumn

{

margin-left:220px;

}

#rightColumn

{

float:right;

width:209px !important;

overflow:hidden;

}

#inner_contentColumn

{

margin-right:0px;

background: url(../images/contbg.jpg) no-repeat #000000;

}



#inner_contentColumn_full

{

background: #fefefe;

}

.column div div div div div

{

padding: 5px;

padding-left: 20px;

padding-right: 20px;

}

.column div div div div div div

{

padding: 0px;

}

a, a:visited

{

color: #000000;

}

.column div div div div div div a

{

text-decoration:none;

}

.module div div form

{

padding-top: 10px;

margin-left: 5px;

margin-right: 10px;

}

.column div div div div div div a:hover

{

color: #fefefe;

}

.column fieldset

{

width: 160px;

margin: auto;

border:none;

}





.contentheading

{

font-size: 1.5em;

}

.article_column

{

padding: 15px;

}

.column_separator

{

border-left: solid 1px;

}

.sectiontableentry1

{

text-align: left;

padding: 3px;

border-top: solid 1px #eeeeee;



}

.sectiontableentry1 td, .sectiontableentry2 td

{

padding: 3px;

}

.sectiontableentry2

{

text-align: left;

padding:3px;

border-top: solid 1px #eeeeee;

}

.componentheading

{

padding-left:10px;

border-bottom: solid 1px #aeaeae;

width:98%;

color: #245815;

font-size: 1.8em;

}

.contentheading

{

background: #efefef;

padding-bottom: 20px;

background:url(../images/folia.jpg) bottom left no-repeat;

}



.contentpaneopen

{

margin-left: 10px;


padding: 5px;

}

.nopad

{

width: 99%;

}





#footer a

{

color: #ffffff;

}

#footer

{ width:1000px;

background:url(../images/footer.jpg) no-repeat;

height:125px;

margin-left: auto ;

margin-right: auto ;


}



.module div div div

{

padding:5px;

padding-left:05px;



}

.module div div div h3

{

color:#303030;

margin:0px;

font-size:1.2em;

padding-top:5px;

}

.module div div div ul

{

margin:0px;

padding:0px;



}

.module div div div li

{

margin:0px;

list-style:none;

padding:3px;



}



.mc ul

{

margin: 0px;

padding: 0px;

list-style:none;

}

.mc li

{

margin: 0px;

padding: 0px;

background: url(../images/bullet2.jpg) no-repeat left;

padding-left: 25px !important;

}



.module div div div li a

{

color:#000;

}

.module div div div li a:hover

{

color:#000099;

}

.module_menu div div div li

{

list-style:none !important;

}

.module_menu div div div li li

{

list-style:none;

}



.pagenavbar a, .pagenavbar a:visited

{

width: 120px;

background: #7E2927;

border: solid 0px #000000;

color: #000000;

display:inline-table;

padding: 5px;

padding-left: 20px;

padding-right: 20px;

}

.pagenavbar a:hover

{

background:#333333;

}

.small

{

font-size: 0.8em;

}

.contenttoc

{

background:#efefef;

color: #1a1a1a;

padding: 5px;

}

.createdate

{

border-bottom: solid 0px #aeaeae;

}





.modifydate

{

font-size:0.8em;

}

.contentpaneopen td, tr, p, div,p a, .contentpaneopen td, tr, p, div, p a:visited

{

color:#000000;


}

Pozdrawiam

[zwiastun]

dopisz sobie na końcu
.center {
text-align: center;}
i używaj tej klasy do wyśrodkowania.
Jeśli to jedyny stosowany przez Ciebie w szablonie arkusz CSS, to problem jest "dziwny" - nie ma tu bowiem (poza dwoma mało istotnymi) deklaracji wyrównania tekstu. Może jakiś link do strony?

[adrian_ostw]

Dopisałem lecz nie rozwiązuje to jeszcze problemu.
Adres strony to www.goslawice.pl (http://www.goslawice.pl) - chwilową ją włączę lecz później muszę wyłączyc bo do publikacji w sieci jeszcze troche czasu.
Pozdrawiam

Sprawa dotyczy zakładki KONTAKT , bo na tej próbowałem.

[james.bien]

Miałem problem z formatowaniem. Kombinowałem w css-ie i przynajmniej w mojej templatce to zadziałało. Zobacz #7 http://forum.joomla.pl/showthread.php?t=23150

[zwiastun]

Przestaję rozumieć, na czym polega Twój problem.
1. Wyrównanie do lewej jest wyrównaniem standardowym i działa, jak powinno.
2. Gdy próbuję zmienić klasę stylu np. dla p na p class="center", po tym jak dopisałeś regułę w arkuszu stylów, przeglądarka reaguje natychmiast! (badane przy pomocy Firebuga)

[adrian_ostw]

Dziękuje za wszystkie wypowiedzi. Problem rozwiązałem po wypowiedzi kolegi james.bien w innym temacie. Powiem co zrobiłem:

Post wcześniej pisałem, że edytując css znalazłem rozwiązanie, a chwilę później, że to nie to. Dalej "grzebałem" w css-ie i zrobiłem taką modyfikację, która działa. Na razie testuję, ale wszystko wygląda dobrze. Nie trzeba "oszukiwać" wstawianiem znacznika <hr>.


Stara wersja:
/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;

Nowa wersja:


/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: 99%;
text-align: auto; Na razie zostanę przy tym rozwiązaniu. Oby się sprawdziło.

Pozdrawiam
JB

[zwiastun]

to jest co najmniej dziwadło: nie ma w CSS wartości auto dla text-align.

[james.bien]

O tym, że nie ma w CSS wartości auto dla text-align pisałeś Zwiastun post pod moim. Przyznałem, że jest to błąd, który wynikł z okoliczności szukania rozwiązania problemu. Ale nie o to chyba chodzi tym momencie. Myślę, że kolega adrian_ostw jest na tyle inteligentny, że przeczytał cały wątek, zna CSS i sobie poradził (tym bardziej, że pisze o tym, iż jak na razie wszystko działa).

Pozdrawiam
JB

[zwiastun]

Nie oceniam tutaj niczyjej inteligencji, patrzę i widzę, co wpisał.
Przypuszczam, że rozwiązanie problemu to raczej owe 99% szerokości. Mniejsza o to. W wiadomości jest, co jest

[eggforever]

mi dodanie lini

width: 100%;

do kodu:

/* content styles */
.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
}daje tylko to, że ikonki pdf, drukuj, email rozchodzą się na całą szerokość kolumny, tak samo się dzieje pod FF i IE
Adresu strony nie mogę wkleić gdyż stronka obecnie znajduje się na moim dysku. Templatka to siteground-j15-37 do pobrania z http://autotim.info/siteground-j15-37.zip

nie umiem sobie z tym poradzić więc proszę o pomoc.