Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]CSS Problem z wyśrodkowaniem w pionie
keruzami
post
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;
   }


  1. <div id="Slice-06_"><a href="index.php?str=nowosci">nowości</a>
  2.  
  3. </div>


Ten post edytował keruzami 13.03.2009, 16:58:14
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
keruzami
post
Post #2





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
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 8.10.2025 - 23:06