Emma Novice
15. december 2020 - 13:35 Der er 1 løsning

Menuknap i flere menuer uden indrykning og bullet

Hej
Jeg ønsker en menuknap med undermenuer. Jeg har fundet en menuknap som jeg er meget tilfreds med. Der har hidtil ikke været noget problem med menuer i et niveau,
Nu har jeg fået et at på en enkelt knap skal gå ned i andet niveau.
Jeg har oprettet det og det virker også nogenlunde, men der er et lille problem.
Jeg vil have fjernet indrykningen og bullet tegnet. Jeg har fundet kode til denne løsning, men det virker bare ikke. Her er så koden for knappen. Efterfølgende kommer de løsninger jeg har brugt:
Kode:
<html>
<html>
<head><meta charset="utf-8">
    <title></title>
    <!-- CSS property to place div
            side by side -->
<style type="text/css">

.myButton {
    box-shadow:inset 0px -3px 7px 0px #29bbff;
    background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
    background-color:#2dabf9;
    border-radius:20px;
    border:3px solid #0b0e07;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:16px;
    padding:10px 20px;
    text-decoration:none;
    text-shadow:0px 1px 0px #263666;
    &:hover {
    background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
    background-color:#0688fa;
}
&:active {
    position:relative;
    top:1px;
}


    list-style-type: none;
    margin: 0;
    padding: 0;

</Style>
</Head>
<body>
<ul>
    <li><a href="Lejlighed.php" class="myButton">Lejlighed</a></li>
    <ul>
      <li><a href="EjerLejlighed.php" class="myButton">EjerLejlighed</a></li>
      <li><a href="AndelLejlighed.php" class="myButton">Andellejlighed</a></li>
      <li><a href="LejerLejlighed.php" class="myButton">LejerLejlighed</a></li>
    </ul>
</ul>
</body>
</HTML>

Følgende tags skulle fjerne indrykningen og bullet tegnet, men det virker ikke for mig. Muligvis gør jeg noget forkert.
Mvh Emma
Slater Ekspert
15. december 2020 - 13:48 #1
Dette har ikke rigtig noget med C# at gøre, som er den kategori du har valgt, men...

Det er korrekt, list-style-type: none fjerner bullet og padding: 0 fjerner indrykning, men du har ikke fortalt hvad den skal gøre det på. Det er din <ul>.

Enten skal du skrive de tre linjer CSS så det gælder alle ul-tags, hvilket kan være lidt farligt, eller også skal du give din ul en klasse, og kun gøre det for den. Jeg vil anbefale det sidste.

F.eks.

<ul class="menu-list">

og i CSS:

.menu-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links

Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester



IT-JOB

Siemens Gamesa Renewable Energy A/S

LabVIEW Developer

Siemens Gamesa Renewable Energy A/S

System Architect

IT & Co ApS

IT-konsulent

Sol og Strand Feriehusudlejning A/S

Systemudvikler - backend søges
Se flere it-job hos


Premium
Coloplasts it-direktør: GDPR har givet de it-kriminelle et nyt værktøj til at angribe os
Interview: Det er ikke kun på plads og kapacitet, at sundhedssektoren lige nu er udfordret. De sikkerhedsansvarlige har også fået en del mere at se til gennem et kaotisk 2020. "Cyberkriminelle har opdaget, at der er en hel masse værdi i denne her datatype. Enten som afpresningsmulighed eller som viden, de kan udnytte til noget," siger CIO i Coloplast, René Rasmussen.


Læs første artikel i serien om perspektiver fra sektoren, der er de it-kriminelles nye guldkalv
Computerworld
Intel taber retssag og skal betale to milliarder dollar: "Det er skandaløst"
Chipgiganten Intel har tabt en retsag i USA, og er blevet idømt en bøde på hele 2,1 milliarder dollar. Det er en af de største bøder for en patentsag i USA's historie.
CIO
Har du rost din mellemleder i dag? Snart er de uddøde - og det er et tab
Computerworld mener: Mellemledere lever livet farligt: Topledelsen får konstant ideer med skiftende hold i virkeligheden, og moden går mod flade agile organisationer. Men mellemlederen er en overset hverdagens helt med et kæmpe ansvar. Her er min hyldest til den ofte latterliggjorte mellemleder.
Job & Karriere
IBM Danmark trækker tilbud om frivillige fratrædelser tilbage for stort antal ansatte: "IBM har taget røven på sine ansatte"
Som led i IBM Danmarks store fyringsrunde fik 130 ansatte grønt lys til at forlade selskabet på en frivillig fratrædelsesordning. Men nu har IBM Danmark trukket det oprindelige tilbud tilbage for størstedelen af de ansatte.
White paper
Digital transformation tvinger organisationer til at nå deres digitale mål på nye måder
Allerede for to år siden hævdede nordiske virksomheder, at virksomhedernes konkurrenceevne og sågar overlevelse var afhængig af en vellykket digitalisering. De var klar, fulde af håb og på vej mod det digitale paradis. Hvordan gik det så? Hvor er de nu? For at finde ud af det, interviewede DigiPlex og Norstat 377 forretningsledere og IT-beslutningstagere fra organisationer fordelt over hele Danmark, Sverige og Norge om deres digitaliseringsfremskridt, om hvordan de har håndteret pandemien, og om hvordan IT understøtter eller står i vejen for indfrielsen af deres bæredygtighedsmål. DigiPlex kan nu dele en rapport med resultaterne fra undersøgelsen samt tanker om, hvordan man håndterer dem. De deler også nogle nyttige tips til, hvordan man skaber en pålidelig infrastruktur, der kan tilskynde til og understøtte ambitioner i den digitale økonomi. Læs mere i rapporten Nordic Data Center Trends 2020: Riding out the Storm.