[css] float: right zmienia kolejność wyświetlania div'a Opcje

[projektGraf]

Witam

Na stronie potrzebuje aby menu było pozycjonowane do prawej krawędzi.
Napisałem taki kod:

[HTML] pobierz, plaintext 
<ul style="font: bold 14px Arial; color: #FFFFFF; list-style: none;">
<li style="float: right;">gdae 1</li>
<li style="float: right;">gdae 2</li>
<li style="float: right;">gdae 3</li>
</ul>
 
[HTML] pobierz, plaintext 

W rezultacie mam menu po prawej stronie z tym że zmieniła się kolejność menu.

Teraz jest: gdae 3 gdae 2 gdae 1 a powinno być: gdae 1 gdae 2 gdae 3

Jak odwrócić kolejność wyświetlania float: right;

Pozdrawiam

[Lion_87]

hmmm moze odwrotnie zapisz?...

[projektGraf]

No właśnie problem w tym że nie mogę zapisać odwrotnie.

[Lion_87]

bo?

[pedro84]

Witam

Na stronie potrzebuje aby menu było pozycjonowane do prawej krawędzi.
Napisałem taki kod:

[HTML] pobierz, plaintext 
<ul style="font: bold 14px Arial; color: #FFFFFF; list-style: none;">
<li style="float: right;">gdae 1</li>
<li style="float: right;">gdae 2</li>
<li style="float: right;">gdae 3</li>
</ul>
 
[HTML] pobierz, plaintext 

W rezultacie mam menu po prawej stronie z tym że zmieniła się kolejność menu.

Teraz jest: gdae 3 gdae 2 gdae 1 a powinno być: gdae 1 gdae 2 gdae 3

Jak odwrócić kolejność wyświetlania float: right;

Pozdrawiam

Skoro potrzebujes ustalić pozycję dla menu to dlaczego nie widzę, żebyś gdziekolwiek to robił? To co robisz to prowizorka. Dla <li> daj display:inline; lub float:left;, jak tam potrzebujesz. A pozycjonuj <ul> za pomocą, np. float:right, czy jak tam potrzebujesz.

[Ravik]

O_O co to w ogóle jest ?

Lepiej będzie zrobić to na divie

[HTML] pobierz, plaintext 
<div align="right">
<ul>
<li>twoj tekst</li>
<li>twoj tekst</li>
<li>twoj tekst</li>
</ul>
</div>
[HTML] pobierz, plaintext 

Poza tym nie masz zielonego pojęcia o stylach css, poczytaj o tym

i jak już to:

[HTML] pobierz, plaintext 
<ul style="font-size:14px; font-weight:bold; font-family: Arial; color: #FFFFFF; list-style-type: none;">
[HTML] pobierz, plaintext 

A tekst zmienia kolejność dlatego, że ustawiłeś dla niego atrybut float, czyli tak jakby początek z którego ma się zaczynać, gdybyś ustawił float:right; tylko dla <ul>, powinno być ok, ale lepszym rozwiązaniem jest div obejmujący całe wypunktowanie.

Wpisz w google: "kurs css".

[pedro84]

@Ravik, ano nie ma pojęcia Ale powiedz mi, po kiego ten div? Przecież może zrobić dokładnie to samo nie wciskając wszędzie, gdzie się da diva, a kod ma czystszy, czytelniejszy.

Ten post edytował pedro84 22.02.2010, 13:48:17

[projektGraf]

Ravik a czytałeś czasem że dla wyszukiwarek (googlebot) menu powinno być zawsze ul li. Proponuje zapoznaj się z SEO.

[Ravik]

@Ravik, ano nie ma pojęcia Ale powiedz mi, po kiego ten div? Przecież może zrobić dokładnie to samo nie wciskając wszędzie, gdzie się da diva, a kod ma czystszy, czytelniejszy.

Podałem jedno z rozwiązań, a to czy użyje float:right dla ul czy też diva to jego sprawa, a jeden div więcej to jeszcze nic strasznego

Ravik a czytałeś czasem że dla wyszukiwarek (googlebot) menu powinno być zawsze ul li. Proponuje zapoznaj się z SEO.

Nie rozumiem Cię, mimo że zajmuję się pozycjonowaniem od 2 lat nie potrafię zrozumieć tej sentencji.

Przykład który ci podałem jest najbardziej czystym przykładem zastosowania ul li, więc nie wiem o co Ci chodzi.

Pozdrawiam

[pedro84]

Ravik a czytałeś czasem że dla wyszukiwarek (googlebot) menu powinno być zawsze ul li. Proponuje zapoznaj się z SEO.

A na czym On pokazał rozwiązanie? Na tabelach?

Podałem jedno z rozwiązań, a to czy użyje float:right dla ul czy też diva to jego sprawa, a jeden div więcej to jeszcze nic strasznego

No tak, oczywiście, ale ten div jest naprawdę zbędny. Rozwiązanie, które podałeś, działa, a pewnie. Ale powinno się ograniczać ilość znaczników (pomijam, że i CSS wtedy przyjemniejszy).

Nie rozumiem Cię, mimo że zajmuję się pozycjonowaniem od 2 lat nie potrafię zrozumieć tej sentencji.
Przykład który ci podałem jest najbardziej czystym przykładem zastosowania ul li, więc nie wiem o co Ci chodzi.

Ktoś chyba chciał błysnąć

[krzysztof_kf]

taki problem to nie problem czemu nie zrobisz tego za pomocą jednej komendy display: block; i float: right dla wszystkich elmentów

poczytaj sobie to http://www.kurshtml.boo.pl/css/wstep,menu.html

łap kod

Kod

<style type="text/css">
ul {
        float: right;
        }

ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

</style>
<ul>
<li><a href="index.php">Podstrona 1</a></li>
<li><a href="index.php">Podstrona 2</a></li>
<li><a href="index.php">Podstrona 3</a></li>
</ul>

</body>
</html>