Ik krijg het volgende niet gefixed:
Het moet het volgende kunnen, voorbeeld diverse websites waaronder derpforum hebben een navbar waarbij als je erop klikt die ene plek een vaste kleur behoud...
Zoals ik het doet werkt het niet, weet iemand wat ik verkeerd doe?
Foto van code:
[gesloten] probleem met navbar css/html
DutchWing
ongeveer 10 jaar geleden
Apex Legends MSI GTX1080 gaming X
AdolfHipster
ongeveer 10 jaar geleden
Is het niet <div id="">Text</div>
En dan bij je text: <ul><a href="#">link</a></ul>
DutchWing
ongeveer 10 jaar geleden
Kan proberen, verder werkt navbar wel...
EDIT:
Dit zorgt ervoor dat er puntjes komen in de navbar...
Maar heb nog niet zoveel verstand ervan, dus begin bij navbar en werk zo mijn weg naar beneden!
Quote: AdolfHipster
Is het niet <div id="">Text</div>
En dan bij je text: <ul><a href="#">link</a></ul>
Kan proberen, verder werkt navbar wel...
EDIT:
Dit zorgt ervoor dat er puntjes komen in de navbar...
Maar heb nog niet zoveel verstand ervan, dus begin bij navbar en werk zo mijn weg naar beneden!
Apex Legends MSI GTX1080 gaming X
CyanDavid
ongeveer 10 jaar geleden
adfadf
Geef je code gewoon. En geen plaatje. Ik kan dit niet lezen.
adfadf
DutchWing
ongeveer 10 jaar geleden
Hoe kan ik dat geven?
Sommige gebruiken zo'n mooi programma ervoor?
Tijdelijk zo:
<!DOCTYPE html>
<html>
<head>
<style>
a:link,a:visited {
margin: 0 0 3em 0;
padding: 0;
list-style: none; }
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }
a:hover,a:active {
color: #c00;
background-color: #100; }
</style>
</head>
<body>
<div>
<ul id="nav">
<li><a href="#home">Home</a></li>
<li><a href="#news">Ranks</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</body>
</html>
Quote: CyanDavid
Geef je code gewoon. En geen plaatje. Ik kan dit niet lezen.
Hoe kan ik dat geven?
Sommige gebruiken zo'n mooi programma ervoor?
Tijdelijk zo:
<!DOCTYPE html>
<html>
<head>
<style>
a:link,a:visited {
margin: 0 0 3em 0;
padding: 0;
list-style: none; }
#nav {
width: 100%;
float: left;
margin: 0 0 3em 0;
padding: 0;
list-style: none;
background-color: #f2f2f2
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc; }
#nav li {
float: left; }
#nav li a {
display: block;
padding: 8px 15px;
text-decoration: none;
font-weight: bold;
color: #069;
border-right: 1px solid #ccc; }
a:hover,a:active {
color: #c00;
background-color: #100; }
</style>
</head>
<body>
<div>
<ul id="nav">
<li><a href="#home">Home</a></li>
<li><a href="#news">Ranks</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</body>
</html>
Apex Legends MSI GTX1080 gaming X
Draity
ongeveer 10 jaar geleden
die puntjes haal je weg door in je css dit te zetten:
list-style: none;
dan gaan de puntjes weg
als je code plaatst op derp zie je onder de icoontjes bij derp zo'n plaatje met <> en een papiertje er achter, ook wel: code
plaats het daar tussen en het komt mooi te staan
Quote: DutchWing
[...]
Kan proberen, verder werkt navbar wel...
EDIT:
Dit zorgt ervoor dat er puntjes komen in de navbar...
Maar heb nog niet zoveel verstand ervan, dus begin bij navbar en werk zo mijn weg naar beneden!
die puntjes haal je weg door in je css dit te zetten:
list-style: none;
dan gaan de puntjes weg
als je code plaatst op derp zie je onder de icoontjes bij derp zo'n plaatje met <> en een papiertje er achter, ook wel: code
plaats het daar tussen en het komt mooi te staan
DutchWing
ongeveer 10 jaar geleden
Ik wil als het waren dat wanneer je klikt op bijvoorbeeld rank, of home, pagina gevoelig, dat hij die pagina in de navtabblad aangevinkt maakt doormiddel van een iets donkere kleur bijvoorbeeld.
Apex Legends MSI GTX1080 gaming X
nickkk
ongeveer 10 jaar geleden
dus.. je wilt een navbar, en dat je erop klik, (dat je dus op die pagina bent, dat het actiief is) dat hij dan een donkere kleur geeft?
DutchWing
ongeveer 10 jaar geleden
Jep precies!
Quote: nickkk
dus.. je wilt een navbar, en dat je erop klik, (dat je dus op die pagina bent, dat het actiief is) dat hij dan een donkere kleur geeft?
Jep precies!
Apex Legends MSI GTX1080 gaming X
Zegwollah
ongeveer 10 jaar geleden
dan moet je geloof ik in de css op die pagina dat donker maken en dat handmatig voor elke pagina doen
Quote: DutchWing
[...]
Jep precies!
dan moet je geloof ik in de css op die pagina dat donker maken en dat handmatig voor elke pagina doen
AQUATIT
ongeveer 10 jaar geleden
@hierboven,
Dit is een goede begin optie, maar hierdoor heb je wel veel extra bestanden die je later kan voorkomen. Maar dit leert hij allemaal nog wel
Ik wil je graag een tip geven, stop je css in een aparte file en link die.
<link rel="stylesheet" type="text/css" href="FILE_LOCATION.css">
@hierboven,
Dit is een goede begin optie, maar hierdoor heb je wel veel extra bestanden die je later kan voorkomen. Maar dit leert hij allemaal nog wel
null
rakkertjuhh1
ongeveer 10 jaar geleden
moet dan natuurlijk wel een link zijn zoals <a></a>
je menu balk waar het naar toe linkt anders gaat het niet werken
maar die links heb je al dus dit zou moeten werken dan
Quote: DutchWing
[...]
Jep precies!
#nav a:active { background-color: yellow; color: red; }
moet dan natuurlijk wel een link zijn zoals <a></a>
je menu balk waar het naar toe linkt anders gaat het niet werken
maar die links heb je al dus dit zou moeten werken dan
Je moet inloggen om te kunnen reageren.