Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [css] jak to wysrodkować?
termin
post 26.11.2008, 22:07:54
Post #1





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 13.05.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


Witam, chce wyśrodkować nazwy w menu względem wysokości
lub po prostu odsunąć je od górnej krawędzi menu o 15px?
Gdy dam margin-top lub padding-top to się wszystko rozwala.
zobacz tutaj
plik css

Ten post edytował termin 26.11.2008, 22:09:55
Go to the top of the page
+Quote Post
sowiq
post 26.11.2008, 22:17:38
Post #2





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Wyświetlana wysokość = height + padding-top + padding-bottom.

Czyli jeśli dajesz padding-top: 15px;, to musisz odjąć te 15px od wysokości, żeby pozostała ona taka sama.

Ten post edytował sowiq 26.11.2008, 22:18:09
Go to the top of the page
+Quote Post
korek_a
post 26.11.2008, 22:23:56
Post #3





Grupa: Zarejestrowani
Postów: 115
Pomógł: 9
Dołączył: 26.09.2008
Skąd: krzesło

Ostrzeżenie: (0%)
-----


<li>
<a href="#"> <span class="menu">o nas</a></span>
</li>

i jak już pisał @sowiq
Go to the top of the page
+Quote Post
termin
post 26.11.2008, 23:04:23
Post #4





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 13.05.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


zrobiłem i tak i tak i sami zobaczcie na efekt
Go to the top of the page
+Quote Post
sowiq
post 26.11.2008, 23:19:10
Post #5





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Bo nie słuchasz jak Ci radzą tongue.gif

Zamiast:
Kod
ul#menu a:link, ul a:visited {
    width:105px;
    height:38px;
[...]
}

daj:
Kod
ul#menu a:link, ul a:visited {
    width:105px;
    height:23px;
    padding-top: 15px;
[...]      
}


w HTML zostaje jak na początku:
Kod
<li><a href="#">standardy</a></li>


Ten post edytował sowiq 26.11.2008, 23:21:35
Go to the top of the page
+Quote Post
termin
post 27.11.2008, 06:33:23
Post #6





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 13.05.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


zrobiłem, co prawda napis jest na środku względem całego menu tylko tło też się obniżyło wstydnis.gif
Go to the top of the page
+Quote Post
korek_a
post 27.11.2008, 08:27:42
Post #7





Grupa: Zarejestrowani
Postów: 115
Pomógł: 9
Dołączył: 26.09.2008
Skąd: krzesło

Ostrzeżenie: (0%)
-----


przecież napisałem żeby wstawi <span></span> tło dałeś dla <a> wiec ruszając w css odnośnikiem ruszasz tle musisz wyodrębnić sam napis i dopiero go przemieszczać w css
Go to the top of the page
+Quote Post
termin
post 27.11.2008, 09:21:37
Post #8





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 13.05.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


to ja już nie kumam, korek dajesz sprzeczne informacje niż sowig, poczytaj wyzej co pisał sowig
Go to the top of the page
+Quote Post
korek_a
post 27.11.2008, 10:16:29
Post #9





Grupa: Zarejestrowani
Postów: 115
Pomógł: 9
Dołączył: 26.09.2008
Skąd: krzesło

Ostrzeżenie: (0%)
-----


styles.css (linia 81)

Kod
ul#menu a:link, ul a:visited
{color:#0B3144;
display:block;
font-weight:bold;
height:29px;
padding:9px 0 0;
text-align:center;
text-decoration:none;
width:97px;}
Go to the top of the page
+Quote Post
termin
post 27.11.2008, 11:19:18
Post #10





Grupa: Zarejestrowani
Postów: 113
Pomógł: 1
Dołączył: 13.05.2003
Skąd: Wrocław

Ostrzeżenie: (0%)
-----


ok dzięki korek, teraz działa, mam pytanko, pod IE6 po najechaniu na przycisk nie znika tło, pewnie to jak zwykle pier$$%^ IE6 - można temu jakoś zaradzić?

Ten post edytował termin 27.11.2008, 11:22:42
Go to the top of the page
+Quote Post
korek_a
post 27.11.2008, 12:35:34
Post #11





Grupa: Zarejestrowani
Postów: 115
Pomógł: 9
Dołączył: 26.09.2008
Skąd: krzesło

Ostrzeżenie: (0%)
-----


http://vivee.info/2007/12/18/hover-kompletny-poradnik/

ja preferuje metodę Sliding doors
Go to the top of the page
+Quote Post
sowiq
post 27.11.2008, 13:08:01
Post #12





Grupa: Zarejestrowani
Postów: 1 890
Pomógł: 339
Dołączył: 14.12.2006
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Cytat(korek_a @ 27.11.2008, 08:27:42 ) *
[...]ruszając w css odnośnikiem ruszasz tle musisz wyodrębnić sam napis i dopiero go przemieszczać w css

A od kiedy padding przemieszcza tło? Polecam sprawdzić poniższy przykład:

  1. <div style="width: 200px; height: 200px; padding: 50px; background-color: #f00; border: 1px solid #000; background-image: url('http://forum.php.pl/style_images/1/tile_cat.gif')">
  2. To jest test
  3. </div>
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 19.07.2025 - 16:14