InLine style omzetten naar style sectie werkt niet
Dit werkt dus, echter als ik dit naar mijn styles overzet werkt het niet. Het staat zo in mijn HTML
Code (php)
1
2
3
4
2
3
4
nav {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
Code (php)
1
2
3
4
2
3
4
.nav {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
edit, verkeerd gelezen..
Probeer dit eens:
Code (php)
1
2
3
4
2
3
4
#nav {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
En dan in je html code:
Code (php)
1
<nav id="nav" .... >
Gewijzigd op 16/08/2017 21:01:21 door Bart V B
Ik zou dan ook één van de 2 onderstaande declaraties verwachten in je stylesheet:
Code (php)
1
2
3
4
2
3
4
.navbar {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
of
Code (php)
1
2
3
4
2
3
4
.navbar-inverse {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
Toevoeging op 16/08/2017 22:16:58:
Je geeft het element 2 verschillende classes mee, navbar & navbar-inverse.
Ik zou dan ook één van de 2 onderstaande declaraties verwachten in je stylesheet:
Code (php)
1
2
3
4
2
3
4
.navbar {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
of
Code (php)
1
2
3
4
2
3
4
.navbar-inverse {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
Daarmee kan je per HTML-element zien welke CSS er gebruikt wordt en welke overerving er eventueel gebruikt of genegeerd wordt.
Dan ligt het waarschijnlijk aan de opbouw van je script, uitgaande dat je html pagina er ongeveer zo uitziet:
Code (php)
1
2
3
4
5
2
3
4
5
<html>
--> jouw eigen custom.css (waarin je dus je eigen code toevoegd )
--> Bootstrap.css
--> body
</html>
--> jouw eigen custom.css (waarin je dus je eigen code toevoegd )
--> Bootstrap.css
--> body
</html>
Kan het zo zijn; dat je de css bestanden moet omdraaien?
Dus eerst boostrap.css inladen en daarna je eigen css bestanden.
Ik heb het sterke vermoeden dat "boostrap" jou css overruled.
Je zou het wellicht kunnen oplossen door het zo toe te passen (niet de meest elegante manier):
Code (php)
1
2
3
4
2
3
4
.navbar {
border-radius: 25px 0px 0px 25px !important;
border: 2px solid #006400 !important;
}
border-radius: 25px 0px 0px 25px !important;
border: 2px solid #006400 !important;
}
Code (php)
1
2
3
4
2
3
4
/*.navbar {
border-radius: 0px 0px 0px 0px;
border: 2px solid #006400;
} */
border-radius: 0px 0px 0px 0px;
border: 2px solid #006400;
} */
Wijzig dit eens in:
Code (php)
1
2
3
4
2
3
4
.eigenclass {
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
border-radius: 25px 0px 0px 25px;
border: 2px solid #006400;
}
en dan dit:
Code (php)
1
<nav class="navbar navbar-inverse" style="border-radius: 25px 0px 0px 25px; border: 2px solid #006400;">
in:
Code (php)
1
<nav class="navbar navbar-inverse eigenclass">
Zal je ongetwijfeld de juiste richting op helpen :)
Gewijzigd op 17/08/2017 12:21:45 door E vH
Code (php)
1
style="border-radius: 25px 0px 0px 25px; border: 2px solid #006400;"
Dit zorgt vaak voor verwarring en bijzondere effecten met de overerving van CSS.
Gebruik dus bij sterke voorkeur een .css stijlblad.