Vinnaren i pepparkakshustävlingen!
  1. Dator och IT
  2. Systemutveckling
  3. Webbutveckling och javascript

CSS visas inte i vissa läsare

Svara
2010-11-18, 23:39
  #1
Timtimtim1
Medlem
Hej har denna koden till några knappar men den visas inte alltid i alla webläsare, var är felet?

Citera
2010-11-19, 01:33
  #2
caras
Medlem
carass avatar
Citat:
Ursprungligen postat av Timtimtim1
Hej har denna koden till några knappar men den visas inte alltid i alla webläsare, var är felet?

.btnn {
border-bottom:1px solid #fff;
margin:0;
padding:0 5px;
cursor: pointer;
text-align: center;

color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;

-moz-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
text-shadow: 0 -1px 1px rgba(0,0,5,0.25);
border-bottom: 1px solid rgba(0,5,0,0.25);
}

.btnn står för vad? div, a, input?

line-height: 1; är inkorrekt, rätta till line-height: 1em;

Pröva skippa texten:
-moz-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
text-shadow: 0 -1px 1px rgba(0,0,5,0.25);
border-bottom: 1px solid rgba(0,5,0,0.25);
för att kolla om blir skillnad..

Pröva lägga till display:block; i .btnn
Citera
2010-11-24, 23:54
  #3
Timtimtim1
Medlem
Citat:
Ursprungligen postat av caras
.btnn står för vad? div, a, input?

line-height: 1; är inkorrekt, rätta till line-height: 1em;

Pröva skippa texten:
-moz-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,5,0.5);
text-shadow: 0 -1px 1px rgba(0,0,5,0.25);
border-bottom: 1px solid rgba(0,5,0,0.25);
för att kolla om blir skillnad..

Pröva lägga till display:block; i .btnn


Fick det att fungera, vet inte vad jag gjorde riktigt

ett annat problem, min form på inloggningssidan vill inte riktig hamna centreat på sidan, här e koden

Citera
Svara

Stöd Flashback

Flashback finansieras genom donationer från våra medlemmar och besökare. Det är med hjälp av dig vi kan fortsätta erbjuda en fri samhällsdebatt. Tack för ditt stöd!

Stöd Flashback