Forum PHP.pl

Witam, mam problem ze stylami do powyższego pola.

Chce zrobic cos takiego jak tutaj: http://sklep.intercars.com.pl/#katalog , chodzi o ten trzeci option, a dokładniej o jego formatowanie. Może mnie ktoś naprowadzić jak się za to zabrać?

Jak dobrze rozumiem chodzi o te pionowe kreski oddzielające poszczególne opcje. Czy zajrzałeś może w źródło strony? To nie jest w żaden specjalny sposób ostylowane. Po prostu została użyta czcionka, w której każdy znak ma identyczną szerokość i w odpowiednich miejscach zostały wstawione pionowe kreski "|".

Ten post edytował freemp3 1.08.2013, 09:21:12

Sorry, ale nie umiem się w tym źródle połapać :/ Czy bardzo nie na miejscu byłaby prośba o jakiś przykład jak to zrobić ?

Samymi stylami tego nie zrobisz. Koniecze jest ustawienie pionowych kresek w odpowiednich miejscach. Do tego musisz użyć JS albo PHP, które policzy jaki długi jest ciąg znaków, który chcesz umieścić w każdej z kolumn i dopełnić pozostałe wolne miejsce spacjami lub jeśli tekst jest za długi to go odpowiednio uciąć.

W pliku CSS

[CSS] pobierz, plaintext 
.monospace{
    font-family:Consolas, 'Lucida Console', 'DejaVu Sans Mono', monospace;
}
[CSS] pobierz, plaintext 

w pliku z formularzem

[HTML] pobierz, plaintext 
<select class="monospace">
	<option value="value0">Wybierz	                                             </option>
	<option value="value1">1600-2               | 1573  | 86  | 1967.12 - 1971.10</option>
	<option value="value2">2002                 | 1990  | 100 | 1971.05 - 1975.07</option>
</select>
[HTML] pobierz, plaintext 

jako spacji musisz uzyć twardej sapacji, jako że option nie obsługuje white-space:pre ani tym bardziej pre



bez spacji po & oczywiście wystarczy tylko w miejscach gdzie masz kilka spacji obok siebie, pojedyncze zostaw normalne


co do ilości spacji to:
albo musisz sobie liczyć białe znaki
albo rozsądniej użyć php aby to zrobiło za Ciebie

Ten post edytował WiruSSS 17.08.2013, 03:35:08