Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]Strona wielojęzyczna - flagi
Szunaj85
post
Post #1





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Mam stronę wielojęzyczną na div-ach.
Chciałbym się zapytać w jakich znacznikach najlepiej umieścić poziomo obrazki flag w jednym z div-ów?
Oczywiście tak, aby obrazki nie przylegały do siebie. (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
abort
post
Post #2





Grupa: Zarejestrowani
Postów: 590
Pomógł: 107
Dołączył: 25.10.2011

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


A to już jak Ci wygodniej.
Ja bym rozważył zwykły "ul" i "li", z list-style-type: none i display: inline
Go to the top of the page
+Quote Post
timon27
post
Post #3





Grupa: Zarejestrowani
Postów: 578
Pomógł: 69
Dołączył: 15.04.2007
Skąd: Wrocław

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


A po co w ogóle jakieś dodatkowe znaczniki? Jeśłi pomiędzy obrazkami będzie chociażby spacja - będzie odstęp.
Go to the top of the page
+Quote Post
Szunaj85
post
Post #4





Grupa: Zarejestrowani
Postów: 392
Pomógł: 7
Dołączył: 11.05.2008

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


Cytat
A po co w ogóle jakieś dodatkowe znaczniki? Jeśłi pomiędzy obrazkami będzie chociażby spacja - będzie odstęp.
Mi te znaczniki "ul" i "li" sprawiają spore problemy.
Ja na razie zrobiłem tak, że w stylach ustawiłem margines dla obrazków z jednej strony i to wydaje się wystarczać.
Zastanawiam się jednak czy jest to poprawne działanie. (IMG:style_emoticons/default/co_jest.gif)
Go to the top of the page
+Quote Post
proton
post
Post #5





Grupa: Zarejestrowani
Postów: 88
Pomógł: 4
Dołączył: 16.08.2006

Ostrzeżenie: (20%)
X----


A dlaczego nie? To są tylko zwykłe flagi, zwykłe obrazki. Po co przeginać i tworzyć wiele niepotrzebnego kodu (a tak by trzeba było w przypadku ul).
Go to the top of the page
+Quote Post
lobopol
post
Post #6





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


W gruncie rzeczy jeżeli chcesz mieć mniej kodu html to zrób linki z klasą/id i je ostyluj
np:
  1. .pl,.en{
  2. display:inline-block;
  3. margin-right:5px;
  4. width:20px;
  5. height:20px;
  6. background-image:url('spritemapy.png');
  7. text-intend:-9999px;
  8. }
  9. .pl{background-position:-20px 0}
  10.  
  11. <a href="" class="pl">polski język</a>
  12. <a href="" class="en">angielski język</a>
Go to the top of the page
+Quote Post

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: 22.08.2025 - 18:05