pytanie do CSS/JS mastah

ta, : zamiast = w stylu !
ooo, rozumiem ze "backdround" zamiast "background" Ci wyświetla tlo

nie no.. pisalem z pamieci i sie machnalem. oczywiscie w oryginale nie ma tych bledow.

Powiem tak. ze komorka tabeli rysuje sie na poprawna wysokosc i szerokosc. ale bitmapa w backgroundzie pokrywa tylko wysokosc komorki na jaka zajmuje txt (komorka jest duzo wyzsza niz txt, a takze moze byc wypelniona pojedynczym nbsp)

no to dziwne,
ja sprawdzałem to w Operze, IE i FF i działa poprawnie, moze jeszcze masz gdzies wczesniej jakis styl dodefiniowany z "background-repeat:no-repeat;" i ci blokuje....

zobacz sam, ten twoj kod wlozony do tabeli
http://www.piotr.wow.net.pl/a.php

dziala dziala i musi byc z dwukropkiem wlasnie, aha Maxym, ale zamiast znow drukowac to 500 razy w kodzie pliz zdefiniuj sobie styl raz w css i uzywaj potem juz tylko <td class=jakis>

Kurde. to musze sie przyznac do jakiegos bledu. pewnie zrobilem te literowke i w kodzie jak to probowalem ostatnim razem. teraz zrobilem to jeszcze raz i dziala. sorry za zajmowanie czasu.

BTW: richie. jakbym CI 3 lata temu nie pisal ze tak wygodniej, jak CSSy sa w pliku CSS to pewnie do dzis bys sie upieral dowpisywania styli inline

Ale jestem jeszcze dluzny jedno rozwiazanie. Kiedys pytalem jak zrobic zeby formularz (szczegolnie jak sklada sie z wielu pol) wygladal tak samo w FF i IE. bo niestety formy IE sa troche inne (inna wysokosc). Rozwiazanie jakie znalazlem jest blache. wlozyc formy do TD a tym ostatnim ustawic wysokosc tak aby form w obu przypadkach zajmowal tyle samo miejsca.

Inny blad jaki znalazlem w FF: jesli combo-boxowi (drop-list) nadamy szerokosc a kontent bedzie wiekszy, to po rozwinieciu listy podswietlenie lini nie bedzie zajmowalo calego wiersza a tylko te czesc jaka wypelnia wskazany wiersz na liscie. utrudnia to wybieranie bo trzeba wskazywac na napisy a nie wystarczy wskazac wiersz.

Maxym jestes zagrozeniem dla moich zajadów, prosze Cie nie rob tego wiecej mam stronke klanu BOF w archiwum na moich CDkach z czasow Q2 czyli nie wiem 5 lat temu pewnie i tam mam wszelkie JS itp wyrzucone do zew. plikow

co do formów to pewnie chodzi ci o pojedyncze pola formularza, a nie cale formularze czyli formy? nie trzeba nic zamykac w TDki, wystarczy czysty CSS i odpowiednie definicje inputów forma w nim, z zaznaczeniem !important, z ustawieniem paddingów na 4 strony świata wszystkich 4-ch i z podaniem wysokosci im nie jak inputom tylko jakbys dawal tradycyjnym np. fontom, bedzie grało bo jakis czas temu to juz przerabialem

z elementami formularza chodzilo mi o to ze jak zrobilem

Kod:

<INPUT type="text" ...> <BR> <INPUT type="text" ...>

to w IE jest miedzy nimi odstep (jakies 2 px) a w FF nie ma. I tego odstepu mi sie nie udalo zlikwidowac. Dlatego wlozylem je w TD o wysokosci takiej zeby odstepy byly takie same.

widocznie FF i IE maja inne domyslne ustawienia dla margin albo padding

maja i tylko o to chodzi wlasnie, rozwiazanie juz podalem bez zadnych TDkow tylko zwykly CSS, trzeba ustawic styl polom formularza z paddingami 4ma, w CSS idzie to tak: lewy, gorny, prawy, dolny, dac important i tyle, a potem tylko <input type=text class=bla>, to wszystko.

chyba raczej górny, prawy, dolny, lewy ??

a mozna dac padding-left... padding:right etc?

Poza tym padding:0 ma ustawic wszystkie 4 paddingi na zero. tak probowalem. nie uzywalem tylko tego important bo sie nie spotkalem nigdy z czym i nie wiem jak zastosowac.

masz racje Presley, jesli chce sie w jednej definicji nie pisac padding-left, padding-top itd w dowolnej kolejnosci to mozna od razu machnac

td.ble {padding: 5px 3px 2px 1px}

i to bedzie oznaczalo gora 5, prawy 3, dol 2, lewy 1

Maxym to !important juz ci pokazywalem kiedys i nawet dziekowales, ze zadzialalo, wiec sorry... jak dasz przy czyms !important to bedzie obowiazywalo w obrebie tego CSS jako nadrzedna deklaracja, wbrew podstawowej, defaultowej nadrzednosci/podrzednosci przyjetej w specyfikacji

co do formow nie pamietam, czy trzeba bylo zdefiniowac bordery, marginy, czy paddingi, ale ktores z tych osobno lub lacznie wyrownuje idealnie wyglad i rozmiar inputow w IE, FF i Operze

http://www.w3schools.com/css/pr_padding.asp i wszystko jasne jesli chodzi o te kombinacje i kolejnosci

no a nawet mozna ladnie ostylowac w CSS a'la graficznie inputy:

http://www.picment.com/articles/css/funwithforms/

a tu prosze przykladowy css do formów, ktore wygladaja tak samo w IE i FF, wez sobie troche z tego Maxym i na pewno ci wystarczy

Kod:

/* form.css */ * {   margin: 0px;   padding: 0px; } form {   margin: 0px;   padding: 0px;   font-size: 100%;   min-width: 560px;   max-width: 620px;   width: 590px; } form fieldset {   clear: both;   font-size: 100%;   border-color: #000000;   border-width: 1px 0px 0px 0px;   border-style: solid none none none;   padding: 10px;   margin: 0px 0px 0px 0px; } form fieldset legend {   font-size: 150%;   font-weight: normal;   color: #000000;   margin: 0px 0px 0px 0px;   padding: 0px 5px; } label {   font-size: 100%; } label u {   font-style: normal;   text-decoration: underline; } input, select, textarea {   font-family: Tahoma, Arial, sans-serif;   font-size: 100%;   color: #000000; } textarea {   overflow: auto; } form div {   clear: left;   display: block;   width: 354px;   height: expression('1%');   margin: 5px 0px 0px 0px;   padding: 1px 3px; } form fieldset div.notes {   float: right;   width: 158px;   height: auto;   margin: 0px 0px 10px 10px;   padding: 5px;   border: 1px solid #666666;   background-color: #ffffe1;   color: #666666;   font-size: 88%; } form fieldset div.notes h4 {   background-image: url(/images/icon_info.gif);   background-repeat: no-repeat;   background-position: top left;   padding: 3px 0px 3px 27px;   border-width: 0px 0px 1px 0px;   border-style: solid;   border-color: #666666;   color: #666666;   font-size: 110%; } form fieldset div.notes p {   margin: 0em 0em 1.2em 0em;   color: #666666; } form fieldset div.notes p.last {   margin: 0em; } form div fieldset {   clear: none;   border-width: 1px;   border-style: solid;   border-color: #666666;   margin: 0px 0px 0px 142px;   padding: 0px 5px 5px 5px;   width: 197px; } form div fieldset legend {   font-size: 100%;   padding: 0px 3px 0px 9px; } form div.required fieldset legend {   font-weight: bold; } form div label {   display: block;   float: left;   width: 130px;   padding: 3px 5px;   margin: 0px 0px 5px 0px;   text-align: right; } form div.optional label, label.optional {   font-weight: normal; } form div.required label, label.required {   font-weight: bold; } form div label.labelCheckbox, form div label.labelRadio {   float: none;   display: block;   width: 200px;   height: expression('1%');   padding: 0px;   margin: 0px 0px 5px 142px;   text-align: left; } form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {   margin: 0px 0px 5px 0px;   width: 170px; } form div img {   border: 1px solid #000000; } p.error {   background-color: #ff0000;   background-image: url(/images/icon_error.gif);   background-repeat: no-repeat;   background-position: 3px 3px;   color: #ffffff;   padding: 3px 3px 5px 27px;   border: 1px solid #000000;   margin: auto 100px; } form div.error {   background-color: #ffffe1;   background-image: url(/images/required_bg.gif);   background-repeat: no-repeat;   background-position: top left;   color: #666666;   border: 1px solid #ff0000; } form div.error p.error {   background-image: url(/images/icon_error.gif);   background-position: top left;   background-color: transparent;   border-style: none;   font-size: 88%;   font-weight: bold;   margin: 0px 0px 0px 118px;   width: 200px;   color: #ff0000; } form div input, form div select, form div textarea {   width: 200px;   padding: 1px 3px;   margin: 0px 0px 0px 0px; } form div input.inputFile {   width: 211px; } form div select.selectOne, form div select.selectMultiple {   width: 211px;   padding: 1px 3px; } form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {   display: inline;   height: 14px;   width: 14px;   background-color: transparent;   border-width: 0px;   padding: 0px;   margin: 0px 0px 0px 140px; } form div.submit {   width: 214px;   padding: 0px 0px 0px 140px; } form div.submit div {   display: inline;   float: left;   text-align: left;   width: auto;   padding: 0px;   margin: 0px; } form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {   background-color: #cccccc;   color: #000000;   width: auto;   padding: 0px 6px;   margin: 0px; } form div.submit div input.inputSubmit, form div.submit div input.inputButton {   float: right;   margin: 0px 0px 0px 5px; } form div small {   display: block;   margin: 0px 0px 5px 142px;   padding: 1px 3px;   font-size: 88%;   height: expression('1%'); } /* form.import.css */ label img {   behavior: url(/behaviors/label_img.htc); } form fieldset legend {   line-height: 150%; } form input, form select, form textarea {   background-color: #ffffff; } form textarea.expanding {   overflow: auto;   overflow-x: auto;   overflow-y: visible; } div.optional label:before {   content: ''; } div.required label:before {   content: ''; }   form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {   display: block;   width: 190px;   height: expression('1%');   padding: 4px 0px 0px 18px;   text-indent: -18px;   line-height: 120%; } form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {   margin: 0px 0px 0px 0px; } form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {   width: 160px;   margin: 0px 0px 0px 18px;   margin: expression('0px 0px 0px -124px'); } form div label.compact {   display: inline;   width: auto;   padding: 4px 10px 0px 0px;   text-indent: 0px;   margin: 0px 0px 0px 0px; } form div.wide label {   float: none;   display: block; } form div label.wide {   width: 348px; } form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {   width: 344px;   margin: 0px; } form div.notes p, form div small {   line-height: 125%; } form div.wide small {   margin: 0px 0px 5px 0px; }

a w ogole to wpisalem w Google "css input form" i mam 10 artykulow o mykach z css i formami...

Sorry richie ale ten twoj CSS nie tworzy identycznych formow pod FF i IE. patrz screenshot.
Tlumacze od poczatku ze explorerowy element formularza ma dodana obwodke ktorej sie nie da usunac. A przynajmnej mi sie nie udalo ustawiajac marginy i paddingi na zero.

form.gif
Opis:
Rozmiar:	9.9 KB
Odsłon:	786 raz(y)