Forum PHP.pl > Wyswietlanie wynikow z bazy danych a <li> i display inline

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Wyswietlanie wynikow z bazy danych a <li> i display inline

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

kondorekk

6.07.2007, 09:56:39

Witam wszystkich i prosze o jakies wskazowki

Otoz mam do wywietlenia z bazy danych liste krajow (horyzontalnie), bedzie ich wiecej lub mniej do wyswietlenia, wszystkow w zaleznosci od wyboru uzytkownika.

Pozostajac w zgodzie ze standardami:) wyswietlam te wyniki za pomoca elementu <ul> i <li>, gdzie li jest wyswietlany :inline. Wszystko w divie o szerokosci mniej wiecej 500px;

I kurczaki wszystko dziala, do momentu, kiedy nie wybierze sie kilkudziesieciu krajow. Wtedy zaczynaja sie problemy polegajace na tym, ze kraje, wychodza mi poza diva i to dosyc "bardzo", przelamanie do drugiej lini nastepuje tylko przy krajach zawierajacych w nazwie spacje np kraj Sierra Leone dzieli sie na Sierra, a Leone znajduje sie juz w drugiej lini.Dodawianie   w kodzie

[PHP] pobierz, plaintext 
<?php
echo '<li>' . $country->name . '&nbsp;</li>'
?>
[PHP] pobierz, plaintext

za danym krajem tez nie pomaga.

Alternatywa pozostaje mi floatowanie tych elementow, wtedy na sile dziala,chociaz wolalbym stosowanie list

Bylbym wdzieczny za jakies podpowiedzi

Dzieki
Kondor

abc667

6.07.2007, 10:28:15

[PHP] pobierz, plaintext 
<?php
echo '<li>' . $country->name . ' </li>'
?>
[PHP] pobierz, plaintext

tak spróbuj

kondorekk

6.07.2007, 12:53:18

Tak mialem na samym poczatku i tez "skucha"

narazie mam te kraje na float:left; ale w IE6 cos czasem zgrzyta z krajami dwu. trzy wyrazowymi

Niestety

babejsza

18.07.2007, 14:47:34

Spróbuj tak:

[PHP] pobierz, plaintext 
<?php
echo '<li>' . $country->name . '</li> ';
?>
[PHP] pobierz, plaintext

redman2

19.07.2007, 14:05:10

Zawsze bedzie Ci wychodzil, bo widzisz, <ul> wymusza lewy margines, i z tego powodu wychodzi za div'a. Sprobuj wykorzystac ponizszy przyklad z CSS ustawionym na <ul> i bez:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style type="text/css">
<!--
 
div {
    width:80px;
    border: 2px solid #000000;
}
 
ul {
    margin-left:-40px;
}
 
li {
    display: inline;
}
-->
</style>
</head>
<body>
<div>
  <ul>
    <li>Her Majesty’s Stationery Office. </li>
    <li>Her Majesty’s Stationery Office.</li>
    <li>General Medical Council.  </li>
    <li>CORNELIUS v. Dr TARANTO  [2002] EMLR </li>
    <li>Her Majesty’s Stationery Office. </li>
    <li>Her Majesty’s Stationery Office. </li>
  </ul>
</div>
</body>
</html>
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.