Podstrony
- telcocafe
- [HTML] Logowanie do ftp poprzez pole tekstowe Jak zrobić logowanie do ftp poprzez pole
- [HTML] Zła pozycja obrazka tła w tabeli Zła pozycja obrazka tła w komórce tabeli
- Darmowe statystyki odslon banera dla strony .html Czy istnieja statystyki odslona banera n
- [html] Newsy i suwak - jak to zrobić? Jak zrobić suwak?
- [html Css] Obramowanie Czcionki jak obramowac czcionke??
- [HTML] Miejsce pod formularzem Jak usunąć miejsce pod formularzem?
- [HTML] '*' == ?
- Usuwanie zbednych linijek kodu Program do usuwania linijek html
- [HTML] Formularz liczący punkty Coś w rodzaju testu liczącego punkty ;)
- [html] Polskie znaki Po wsadzeniu banera, zniknęły polskie znaki
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- haft.htw.pl
telcocafe
Chciałbym dać obrazek jako tło w polu input. Chodzi mi o to, żeby dany obrazek był rozciągany i miał zaokrąglone brzegi.input { background-image: url(tlo.gif); background-repeat: repeat; }
Chodzi mi o to, że np. ten obrazek: http://www.serwismix.info/input.jpg miałby być jako tło, ale jak input będzie szerszy niż ten obrazek, to ten obrazek się rozszerzy, a nie powieli.
Użytkownik draqo edytował ten post 04 marzec 2006, 15:19
No to do tego już będzie potrzebne chyba PHP
Chodzi mi o to, że np. ten obrazek: http://www.serwismix.info/input.jpg miałby być jako tło, ale jak input będzie szerszy niż ten obrazek, to ten obrazek się rozszerzy, a nie powieli.
Chyba nie wyjdzie. A jakie style muszę zastosować aby pole input wyglądało jakby wyło "wyryte", zapadniętne?
Chyba nie wyjdzie. A jakie style muszę zastosować aby pole input wyglądało jakby wyło "wyryte", zapadniętne?
Ja bym zrobił inaczej:
1 Po lewej obrazek
2 potem inout bez obramowania po prawej i po lewej, ale z ramką gorna i dolna
3 znowu po prawej obrazek.
( + [input] + )
Ja bym zrobił inaczej:
1 Po lewej obrazek
2 potem inout bez obramowania po prawej i po lewej, ale z ramką gorna i dolna
3 znowu po prawej obrazek.
( + [input] + )
(...) czy jest takie coś w stylach css? (...)
Można tak zrobić aby w tle były różne obrazki dla pola input type="text" i input type="button"???
tak, musisz określić konkretną klasę pod konkretny input, jest też sposób bardziej proff, ale nIE działa wszędzie :)
Można też inaczej. Pobaw sie tym:
<style type="text/css">\ div { padding: 0px; margin: 0px; } div:before { content: url(left.gif); } input { height: 15px; border-top: 1px solid black; border-bottom: 1px solid black; border-left-width: 0px; border-right-width: 0px; margin: 0px; padding: 0px;} div:after { content: url(right.gif); } </style> <div><input type="text"></div>
//edit
Lub wersja bez obrazków:
<style type="text/css">\ div { padding: 0px; margin: 0px; } div:before { content: "(" } input { height: 15px; border-top: 1px solid black; border-bottom: 1px solid black; border-left-width: 0px; border-right-width: 0px; margin: 0px; padding: 0px;} div:after { content: ")"; } </style> <div><input type="text"></div>
Użytkownik .:dR@kE:. edytował ten post 04 marzec 2006, 17:56
oj chyba :before i :after nIE działa
Użytkownik Bełdzio edytował ten post 04 marzec 2006, 17:59
oj chyba :before i :after nIE działa
szczerze to nie sprawdzalem, ale staram sie unikac IE i kazdemu radze zrobic tak samo.
mozna tez dac w kodzie "if IE" style { border: 1px solid black; }, wiec od ie bedzie zwykle pole
nom, masz rację też zawsze olewam 70% userów czyli 70% potencjalnych klientów
Jak dokładnie zrobić to if ie style?
<!--[if IE]> <style type="text/css"> ............. </style> <![endif]-->
Mam plik style.css i mogę zrobić tak?:
np mam tak
.srodek
Color: #FFFFFF
background: tlo.gif
<!--[if IE]>
.srodek
color: #000000
background: tlo2.gif
<![endif]-->
Mam plik style.css i mogę zrobić tak?:
np mam tak
.srodek
Color: #FFFFFF
background: tlo.gif
<!--[if IE]>
.srodek
color: #000000
background: tlo2.gif
<![endif]-->
Co oznacza ten element nadrzędny??
element który jest rodzicem elementu, który ma klase .srodek czyli np mamy kod :
<div id="kontener"> <div class="srodek"> jakis txt </div> </div>
to zapisujesz #kontenet>.srodek :)