Witamy na forum PC Format Zapraszamy do REJESTRACJI


Użytkownicy przeglądający ten wątek: 1 gości

CSS. Pomoc w zrozumieniu stosowania kilku styli.

#1
CSS. Pomoc w zrozumieniu stosowania kilku styli.
Witam. Chciałbym prosić o wyjaśnienie pewnego dziwnego dla mnie zjawiska hateemelowsiego (jak dla mnie Wesoły):

1) Otóż zrobiłem pewną listę zawierającą linki i chciałem, żeby się wyświetlały obok siebie, dlatego dla elementu li ustawiłem styl float: left. Chciałem również aby ta lista była wycentrowana względem wyższego diva (nadałem mu text-align: center). Niestety tekst zachowuje się jakby miał styl text-align: left. Co mam zrobić, żeby lista była wyśrodkowana?

Kod PHP:
<div id="topRight">
        <
div id="topMenu">
            <
ul>
            <
li><a href="#">Link</a></li>
            <
li><a href="#">Inny Link</a></li>
            </
ul>
        </
div>
        </
div

Kod PHP:
#topRight{
    
margin:36px 0px;
    
width:600px;
    
height:89px;
    
float:right;
    
text-align:center;
    
font-size:2.5em;
}
#topRight ul{
    
display:block;
    list-
style:none;
}
#topRight ul li{
    
float:left;
    
margin:0px 15px;


2) Kiedy należy stosować styl clear: both po float. Wiem, że gdy go czasami nie zastosuję strona się rozłazi. Tylko nie jestem zbytnio obeznany i nie zbyt zrozumiałem to, co było napisane w kursie html.

3) Czy da się jakoś wyrównać element w pionie bez dobierania odpowiedniego marginesu?

Co do punktu pierwszego może łatwiej będzie sprawdzić co jest nie tak we własnej przeglądarce więc podaje link http://kpalka.tk/temp/.
 System operacyjny: windows_seven Przeglądarka: chrome
#2
RE: CSS. Pomoc w zrozumieniu stosowania kilku styli.
2) http://kurs.browsehappy.pl/CSS/Float

3) Margines górny na 50%, po czym podnosisz element o połowę wysokości do góry.
 System operacyjny: windows_vista Przeglądarka: firefox
#3
RE: CSS. Pomoc w zrozumieniu stosowania kilku styli.
1) Do #topRight dodaj "margin: 36px auto;" i "width: 400px;" (przykładowo), a do #topRight ul li - "display: inline;".
[Obrazek: musicbar.php?username=hatesz&color=red&u...unicode=no]
 System operacyjny: windows_seven Przeglądarka: opera
#4
RE: CSS. Pomoc w zrozumieniu stosowania kilku styli.
Athatesz, Atcinq dzięki wam Wesoły Przydatna stronka, może uchroni mnie na przyszłość od błędów, których bym nie umiał wykryć (a już kilka razy tak miałem, że ponad godzinę kombinowałem co zrobić, żeby się dobrze wyświetliło a jak się udało, to nie wiedziałem dlaczego tak się stało Wesoły). Odpowiedzi na 3 nie zbyt rozumiem :\. Mógłbyś podać przykład kodu jak to zrobić? I Jeszcze co daje #topRight ul li {display: inline;}? Jak naradzie działa bez tego Wesoły.
 System operacyjny: windows_seven Przeglądarka: chrome
#5
RE: CSS. Pomoc w zrozumieniu stosowania kilku styli.
(03.12.2010, 21:48)cinq napisał(a): 3) Margines górny na 50%, po czym podnosisz element o połowę wysokości do góry.

Źle : )

Powinno być tak:
Kod:
div {
        width: 300px;
        height: 500px;
        position: absolute;
        margin: -250px 0 0 0; /* połowa wysokości do góry */
        top: 50%;      
}
 System operacyjny: windows_vista Przeglądarka: firefox
#6
RE: CSS. Pomoc w zrozumieniu stosowania kilku styli.
Danke schön Wesoły
 System operacyjny: windows_seven Przeglądarka: chrome
Programy: Polecane / Nowe / Inne




Podobne wątki (CSS. Pomoc w zrozumieniu stosowania kilku styli.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
Ściana HTML5, CSS, Jak ustawić logo strony ze zdjecia jootiii 1 1571 10.06.2018, 14:40
Ostatni post: raxer
  Pytanie - 12 lat html,css ivall 1 5595 21.10.2017, 22:40
Ostatni post: Ajgor
  CSS nie wczytuje się prawidłowo Ahmi 4 6512 20.06.2017, 17:45
Ostatni post: insanebear

Skocz do:


Wybrane wątki (CSS. Pomoc w zrozumieniu stosowania kilku styli.)
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak stworzyć dobry sklep internetowy? LeoW 2 10485 02.02.2018 13:04
Ostatni post: wlooqo
  Złe zapytanie sql php bartek164 1 9674 18.01.2018 09:38
Ostatni post: koneton
  Stream na stronie WordPress Artur3333 0 8984 17.01.2018 13:57
Ostatni post: Artur3333
  Złe działanie skyrptu php/formularze bartek164 0 8903 16.01.2018 17:14
Ostatni post: bartek164
  Poszukuję kodu do strony na wybór wejścia Ganjax15 4 9627 15.01.2018 12:21
Ostatni post: Ganjax15
  Dziwna zmienna dodawana w nazwie postów? stasiowin 2 8852 12.01.2018 09:50
Ostatni post: raxer
  Jaki kod pod taką stronę? aktywny27 11 19712 10.01.2018 19:36
Ostatni post: Ajgor
  Prośba o stworzenie strony internetowej. Matiexis 0 8161 08.01.2018 19:59
Ostatni post: Matiexis
  Zmiana wyglądu ''index of'' w XAMPP'ie domeczegg 3 7857 06.01.2018 13:14
Ostatni post: domeczegg
  Skąd za darmo podbrać wtyczki flash na stronę html5 ? aktywny27 0 7765 28.12.2017 10:01
Ostatni post: aktywny27
  Wybór pomiędzy dwoma hostingami-te same oczekiwania ale inne paramerty i cena raxer 4 7893 26.12.2017 10:31
Ostatni post: raxer
  Przetwarzanie arkusza stylów się nie powiodło bartek164 0 7275 22.12.2017 20:03
Ostatni post: bartek164
  Problem ze spamem - recaptcha Tazz 5 11426 22.12.2017 17:37
Ostatni post: Ajgor
  Problem z kodem po zmianie nazwy linku. yansowy 8 7601 12.12.2017 12:26
Ostatni post: yansowy
  Jak zrobić stronę do sprzedaży plików modeli 3d Kristoffer 3 7366 08.12.2017 16:10
Ostatni post: Kristoffer