2 pytania o border + bonus

Question

Witam, chciałbym dodać border w hoverze tak, aby nie rujnował struktury strony. Załóżmy że mamy diva menu na całą szerokość i parę buttonów, które razem zajmują powiedzmy 50%. Jeśli dodam np. border-bottom lub border top w kolorze tła (w celu uniknięcia efektu przesuwania elementów poniżej) to border będzie tylko na tym 50% fragmencie diva a nie na całym divie. Więc poszukuję sposobu na rozwiązanie kwestii borderów inną metodą.

Druga sprawa jest podobna. Załóżmy że mamy buttony w menu z atrybutami border-right. Jeśli chciałbym zrobić hover w postaci background:#kolor to te bordery zostają, co czasem wygląda nieestetycznie. Jeśli natomiast spróbuję w hoverze zamienić również border-right na ten sam kolor, co background, zmieni się tylko border przycisku na który najechaliśmy myszą (border right przycisku po jego lewej stronie zostanie taki sam i wciąż psuje estetykę). W jaki sposób programiści webowi radzą sobie z takimi problemami?

I ostatnie pytanie mianowicie w jaki sposób uzyskać aktywny hover w przycisku będącym odnośnikiem do strony przy przejściu właśnie na tę stronę?

Nie chciałem robić bez sensu kilku tematów, więc zawarłem wszystko w jednym.

Z góry dziękuję, pozdrawiam.

Answer 1

*, *:before, *:after {
-moz-box-sizing: border-box; 
-webkit-box-sizing: border-box; 
box-sizing: border-box;
 }

A co do przycisku to spróbuj :focus zamiast :hover albo razem z :hover.

Comments

Wystarczy samo 

box-sizing: border-box;

 

---

W sumie powinno, ja zawsze dodaje vendory ale to chyba kwestia nawyku.

---

Już nie ma takiego przymusu.