 [HTML][CSS]CSS Problem z wyśrodkowaniem w pionie |
  |
| [HTML][CSS]CSS Problem z wyśrodkowaniem w pionie |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 12.03.2009 Ostrzeżenie: (0%) 
 |
Witam,
Od kilku już dni męczę się z wyśrodkowaniem odsyłaczy do podstron w pionie. Lnik do strony: www.blackhorse.nets.pl Próbowałam za pomocą polecenia margin: auto; wpisywane w div#Slice-06_ {} ale nie działa natomiast jeśli umieszczę tam text-align: center; to środkuje w poziomie W kodzie wgląda to tak: Kod #Slice-06_ { position:absolute; left:299px; top:15px; width:125px; height:34px; background-image : url('images/Slice_06.jpg'); } div#Slice-06_ { text-align: center } a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: rgb(245,211,165); text-decoration: none; }
Ten post edytował keruzami 13.03.2009, 16:58:14 |
 |
 
|
|
Post
#2
|
|
|
Grupa: Moderatorzy Postów: 4 069 Pomógł: 497 Dołączył: 11.05.2007 Skąd: Warszawa |
daj dla <a> margin-top: 3px ;
a dla strony margin:0auto ; bo nie jest wycentrowana (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) dodatkowo popraw kodowanie . |
|
|
|
|
Post
#3
|
|
|
Grupa: Zarejestrowani Postów: 850 Pomógł: 120 Dołączył: 15.02.2007 Skąd: Łódź Ostrzeżenie: (10%) 
|
Może to w css daj:
Kod line-height:34px;
Ten post edytował Lion_87 13.03.2009, 18:01:18 |
|
|
|
|
Post
#4
|
|
|
Grupa: Moderatorzy Postów: 4 069 Pomógł: 497 Dołączył: 11.05.2007 Skąd: Warszawa |
albo zobacz z text-valign: middle lub bottom
|
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 12.03.2009 Ostrzeżenie: (0%)
|
Dziękuję za odpowiedzi, ale niestety,
sprawdziłam wszystkie rady i nadal nie mogę wyśrodkować w pionie... wcześniej sprawdzałam już text-valign: middle i nie da rady w css, margin: 0 auto; też niestety nie daje zamierzonego efektu. Właściwie gdzie powinnam przypisywać margin: 0 auto; tak jak poniżej jest prawidłowo? Kod div#Slice-06_ { text-align: center; margin: 0 auto; } Bo po dodaniu tekst przesuwa się do lewej na górę.. ktoś wie dlaczego? domyślam się że coś musiałam źle zrobić eh Próbowałam też dla a{} ale tu w ogóle nie daje efektu Poza tym coś dziwnego dzieje się z tekstem w podstronie w mozilli po najechaniu myszką cały zaczyna być aktywny... w IE jest ok.. chyba coś skopałam tylko nie mogę dojść co (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) http://www.blackhorse.nets.pl/index.php?str=konie znalazłam coś takiego: Cytat <h2 id="vert-text">Pionowe centrowanie tekstu</h2> Jeśli mamy trochę tekstu, bądź mały obrazek, to w celu wyświetlenia go na środku możemy użyć właściwości line-height. Powiększy ona wysokość linijki tekstu, a wszystko co się w niej znajduje zostanie pokazane w połowie wysokości. Dobrym miejscem na użycie tej metody są zakładki w nawigacji na stronie - aby nie były za niskie, lecz nadal dobrze zaprojektowane. ze strony: http://perfectionorvanity.com/2006/04/19/w...trowaniu-w-css/ gdzie dokładnie użyć tego line-height i jaką mu nadać wartość? (wys bloku w którym jest tekst?) Ten post edytował keruzami 13.03.2009, 21:33:17 |
|
|
|
|
Post
#6
|
|
|
Grupa: Zarejestrowani Postów: 850 Pomógł: 120 Dołączył: 15.02.2007 Skąd: Łódź Ostrzeżenie: (10%)
|
Cytat gdzie dokładnie użyć tego line-height i jaką mu nadać wartość? (wys bloku w którym jest tekst?) użyj go w DIV w którym chcesz wyśrodkować w pionie tekst. A wartość równa się wysokości DIVa. Cytat Poza tym coś dziwnego dzieje się z tekstem w podstronie w mozilli po najechaniu myszką cały zaczyna być aktywny... w IE jest ok.. chyba coś skopałam tylko nie mogę dojść co biggrin.gif Tak się dzieje przez tą linijke CSSa Kod #Slice-30_ :hover { text-align : left; } A w IE jest ok bo IE nie interpretuje dobrze tego kodu. Ten post edytował Lion_87 13.03.2009, 21:43:41 |
|
|
|
|
Post
#7
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 12.03.2009 Ostrzeżenie: (0%)
|
Dzięki!
Wreszcie mi się udało;D co prawda teraz tylko pierwszy przycisk jest ok (ale jest! po paru dniach szukania wyjścia z problemu ), a reszta przesunęła się do lewej.. aha i miałeś racje;) teraz tekst jest ok!! Ogromne dzięki! Ten post edytował keruzami 13.03.2009, 21:56:07 |
|
|
|
|
Post
#8
|
|
|
Grupa: Zarejestrowani Postów: 850 Pomógł: 120 Dołączył: 15.02.2007 Skąd: Łódź Ostrzeżenie: (10%)
|
bo musisz tak dla każdego DIVa.
Cytat Właściwie gdzie powinnam przypisywać margin: 0 auto; tak jak poniżej jest prawidłowo? Może nie przypisuj #table?#@ pozycji absolute? tylko zostaw margin: 0px auto; |
|
|
|
|
Post
#9
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 12.03.2009 Ostrzeżenie: (0%)
|
zrobiłam tak, tzn dla każdego div'a
Kod div#Slice-06_ { text-align: center; line-height: 34px } div#Slice-10_ { text-align: center line-height: 34px } div#Slice-14_ { text-align: center line-height: 34px } div#Slice-18_ { text-align: center line-height: 34px } div#Slice-22_ { text-align: center line-height: 34px } div#Slice-27_ { text-align: center line-height: 34px } div#Slice-34_ { text-align: center line-height: 34px } div#Slice-38_ { text-align: center line-height: 34px } div#Slice-42_ { text-align: center line-height: 34px } div#Slice-46_ { text-align: center line-height: 34px } div#Slice-50_ { text-align: center line-height: 34px } div#Slice-54_ { text-align: center line-height: 34px } ale właśnie tylko pierwszy przycisk się wyśrodkował a reszta ustawiła się do lewej... dlaczego? |
|
|
|
|
Post
#10
|
|
|
Grupa: Zarejestrowani Postów: 850 Pomógł: 120 Dołączył: 15.02.2007 Skąd: Łódź Ostrzeżenie: (10%)
|
No brakuje tu width, height a tak pozatym to zacznij to robić normalnie a nie z ImageReady czy co tam bo jak dojdzie tekst do tych DIVow (a jest ich MASA) to sie nie odnajdziesz tam.
|
|
|
|
|
Post
#11
|
|
|
Grupa: Zarejestrowani Postów: 5 Pomógł: 0 Dołączył: 12.03.2009 Ostrzeżenie: (0%)
|
Zrobiłam grafikę i pocięłam w PS ( z tąd taki nagłówek w dokumencie- image ready)
resztę robię w notatniku... Jak powinnam to inaczej robić? |
|
|
|
|
|
Aktualny czas: 16.10.2025 - 14:16 |
