[css] Jak się pozbyć wgniecenia po zastosowaniu obramowania. Opcje

[gigzorr]

Witam.
Mam np:

[HTML] pobierz, plaintext 
    <div class="textarea"><textarea cols="30" rows="5" name="tresc" class="border">Informacje o blędzie.</textarea></div>
[HTML] pobierz, plaintext 

i jest klasa nadana border i teraz chce zrobic obramowanie czyli:

[HTML] pobierz, plaintext 
.border:hover {border-style: solid;
               border-width: 1px;
               border-color: blue;
}
[HTML] pobierz, plaintext 

obramowanie się robi , ale jest taki dziwny efekt wgniecenia po najechaniu , zamiast samego obramowania?jak to usunac?;p

Ten post edytował gigzorr 19.08.2010, 13:19:49

[Blame]

Teoretycznie

[CSS] pobierz, plaintext 
border: 1px solid blue;
[CSS] pobierz, plaintext 

nie powinno powodować tego efektu, właśnie dzięki solid. Jesteś pewny, że dobrze odwołujesz się do tego elementu?

[gigzorr]

Oczywiscie , ze dobrze;p
z tym oraz z transparent jest to samo.

[wookieb]

Podaj link do strony, bo tak to możemy sobie strzelać.

[gigzorr]

http://graczepolscy.pl/index.php na dole sa obrazki przykladowe , najedz na jakiegos.
probowalem jeszcze bawic sie marginesami w style ale to nic nie dalo.

Ten post edytował gigzorr 19.08.2010, 14:38:45

[toel]

"wgniecenie" jest spowodowane tym, że normalnie obramowanie ma 1px a po najechaniu 0.5 px , więc całkowite pole się zmniejsza i powstaje to wgniatanie

[gigzorr]

to nie od tego,wróciłem do 1px bo sie bawilem wczoraj wieczorem i zapomnialem zmienic na 1px z powrotem.

Ten post edytował gigzorr 19.08.2010, 14:48:09

[gigzorr]

Nie wiem jak u Ciebie, ale ty lepiej zobacz co wyprawiasz z border Bo u mnie ewidentnie pokazuje, że jego "grubość" się zmienia w zależności od tego czy zostawiamy go w spokoju czy mamy zdarzenie hover. Swoją drogą od kiedy border można nadawać wartość ułamkową typu 0.5px

hm z tym 0.5 ano przegiecie , ale teraz juz bede wiedzial , ze nie mozna bo i tak taki sam efekt jest jak 1px.
a z tym drugim to miales na mysli cos takiego , ze ustawilem w style border: 1px solid transparent; a pozniej w hover dac efekt? wlasnie tak zrobilem na pierwszym obrazku , ale w ogóle teraz brak efektu ;p

/edit probowalem jeszcze z margin: 1px; przed a na hover 0px;

Ten post edytował gigzorr 19.08.2010, 15:05:32

[everth]

Popatrz na to a później na to i spróbuj dodać do hover margin:-szerokośćborder;

[gigzorr]

udalo mi sie , do style dalem border 1px transparent; a w stylach outline uzylem i dziala