ďťż

[HTML/CSS] Jak ograniczyć rozmiar pola select

       

Podstrony


telcocafe

J.W. Aby rozmiar pola był niezależny od długości tekstu znajdującego się w tym polu??




J.W. Aby rozmiar pola był niezależny od długości tekstu znajdującego się w tym polu??
width

i size.


i size.
nie w css




width

no właśnie nie działa, szerokość pola dostosowuje się do szerokości teksu :/ a chcem to zablokować


no właśnie nie działa, szerokość pola dostosowuje się do szerokości teksu :/ a chcem to zablokować
Działa, widocznie źle wpisujesz. Pokaż kod.

select { width: 50; }


select { width: 50; }
select { width: 50px; }
...działa na 100%

<select name="dzial" > <option value="1">dzial fikcyjny nr 1</option><option value="2">mechanizacja</option><option value="3">internet</option><option value="4">grafika</option><option value="5">loooooooz</option><option value="6">fffffffff</option><option value="7">kody</option><option value="8"></option><option value="9">lolp</option><option value="10">aaaaaaaaaaaaaaaaaaaaaaaaaa</option> </select>

jakoś nie działa, pole select dostosowuje długość do najdłuższego łańcucha znaków (w tym przypadku do "aaaaaaaaaaaaaaaaaaaaaaaaaa")


<select name="dzial" > <option value="1">dzial fikcyjny nr 1</option><option value="2">mechanizacja</option><option value="3">internet</option><option value="4">grafika</option><option value="5">loooooooz</option><option value="6">fffffffff</option><option value="7">kody</option><option value="8"></option><option value="9">lolp</option><option value="10">aaaaaaaaaaaaaaaaaaaaaaaaaa</option> </select>

jakoś nie działa, pole select dostosowuje długość do najdłuższego łańcucha znaków (w tym przypadku do "aaaaaaaaaaaaaaaaaaaaaaaaaa")

Jakos nie widać tu nigdzie deklaracji stylu!!!
<style> select { width: 50px; } </style> <select name="dzial" > <option value="1">dzial fikcyjny nr 1</option><option value="2">mechanizacja</option><option value="3">internet</option><option value="4">grafika</option><option value="5">loooooooz</option><option value="6">fffffffff</option><option value="7">kody</option><option value="8"></option><option value="9">lolp</option><option value="10">aaaaaaaaaaaaaaaaaaaaaaaaaa</option> </select>
Użytkownik .:dR@kE:. edytował ten post 18 sierpień 2006, 20:54
deklaracja jest w pliku ze stylami :P
a potem we właściwym dokumencie jest
<link href="styleadmin.css" rel="stylesheet" type="text/css" />

inne rzeczy zdeklarowane w stylach działąją
Użytkownik DarkCez edytował ten post 18 sierpień 2006, 20:55

deklaracja jest w pliku ze stylami :P
a potem we właściwym dokumencie jest
<link href="styleadmin.css" rel="stylesheet" type="text/css" />

inne rzeczy zdeklarowane w stylach działąją

Cos namieszałeś albo nie podpiąłeś stylu. To co naisałem dziala w 100%.

p.s. przegladarki tez lubia wrzucac do cache arkusz styli. moze zwyczajnie nie odswiezyles :D
Użytkownik .:dR@kE:. edytował ten post 18 sierpień 2006, 20:59
restartowalem przeglądarke i nic :/

Cos namieszałeś albo nie podpiąłeś stylu

co rozumiesz przez "nie podpięcie stylu"??
Użytkownik DarkCez edytował ten post 18 sierpień 2006, 21:03

restartowalem przeglądarke i nic :/
co rozumiesz przez "nie podpięcie stylu"??

Przypisanie go do dokumentu a niby co?
Sprawdz co pomerdales albo pokaz kod, anie, ze piszesz, ze nie dziala i jest beznadziejne!!!

co do przegladarki to wcisnij [ctrl]+[r] (chyba ze uzywasz ie zamiast przegladarki, to nie wiem czy tez zadziala)
Użytkownik .:dR@kE:. edytował ten post 18 sierpień 2006, 21:07

Przypisanie go do dokumentu a niby co?
Sprawdz co pomerdales albo pokaz kod, anie, ze piszesz, ze nie dziala i jest beznadziejne!!!


jaki jeszcze kod mam Ci pokazać, wszystko już napisalem wyżej
1)Deklaracje stylu
2)Struktura mojego Select
3)POdpięcie pliku ze stylem do dokumenty
Co jeszcze??


jaki jeszcze kod mam Ci pokazać, wszystko już napisalem wyżej
1)Deklaracje stylu
2)Struktura mojego Select
3)POdpięcie pliku ze stylem do dokumenty
Co jeszcze??

Tylko, ze nigdzie nie widac, zeby to bylo razem!!! dlatego masz pokazac kod, bo cos partaczysz!

Document html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> <meta http-equiv="reply-to" content="Adres_e-mail" /> <meta name="generator" content="WebSite PRO 4.3" /> <meta name="author" content="DarkCez" /> <meta name="description" content="Opis" /> <title>Bez Tytułu</title> <link href="styleadmin.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="s_k.js"></script> </head> <body> <table valign="top"> <tr><td height="30"> <form name="formularz1" action="edytujArt.php" method="post" > <select name="dzial" > <option value="1">dzial fikcyjny nr 1</option><option value="2">mechanizacja</option><option value="3">internet</option><option value="4">grafika</option><option value="5">loooooooz</option><option value="6">fffffffff</option><option value="7">kody</option><option value="8"></option><option value="9">lolp</option><option value="10">aaaaaaaaaaaaaaaaaaaaaaaaaa</option></select><input type="submit" name="wyslij" value="Wybierz"/> </form> </td> <td rowspan=2><table width=450 > <script type="text/javascript"> sortForm1(""); </script> <!--Tabela wewnetrzna z wlasciwa edycja artu !--> <form name="formularz2" action="ArtScript.php" method="post" onsubmit="return sprawdz()"> <tr><td width="250"><b>Tytuł:</b></td><td ><b>Dział:</b></td></tr> <tr><td> <input type="text" value=" " name="tytul" id="tytulart" size=40 maxlenght=80/><br /></td><td><select name="dzial"><option value="dzial fikcyjny nr 1">dzial fikcyjny nr 1</option><option value="mechanizacja">mechanizacja</option><option value="internet">internet</option><option value="grafika">grafika</option><option value="loooooooz">loooooooz</option><option value="fffffffff">fffffffff</option><option value="kody">kody</option><option value=""></option><option value="lolp">lolp</option><option value="aaaaaaaaaaaaaaaaaaaaaaaaaa">aaaaaaaaaaaaaaaaaaaaaaaaaa</option><script type="text/javascript" > sortForm2 (""); </script> </select><input type="button" value="Dodaj..." onclick="kat()"/> </td></tr> <tr><td colspan=2><b>Tresc:</b></td></tr> <tr><td colspan=2> <textarea name="tresc" cols=54 rows=15 > </textarea><br /> </td></tr> <tr><td colspan=2> <INPUT TYPE="radio" value=0 NAME="rodzaj"checked/>Edytuj <INPUT TYPE="radio" value=1 NAME="rodzaj"/>Dodaj <INPUT TYPE="radio" value=2 NAME="rodzaj" />Usuń <input type="hidden" value="" name="id_dzial"/> <input type="hidden" value="" name="id_art"/> <input type="submit" name="wyslij" value="Wykonaj"/> </td> </tr> </table> </form></td></tr> <tr><td id="lol" valign="top"> <!-- lista artykulow w dziale !--> </td></tr> </table> </body> </html>
Plik ze stylami
select { width: 50; font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #D7E5F2; color: #102132; border: 1px solid #284279; }

ile razy mam pisac to samo?
width: 50px;
Użytkownik .:dR@kE:. edytował ten post 18 sierpień 2006, 21:18
dobra jestem ślepy, Wielkie dzięki za pomoc

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.