Geen bullit in menu bij eeste item

Status
Niet open voor verdere reacties.
S

spraak

Gebruiker
Lid geworden
24 feb 2015
Berichten
13
Wie ziet er waarom er bij de list die ik gebruik bij menu's op mijn website geen bullit komt bij het eerste item.

Ik maak gebruik van wat CSS-code die ik op Internet heb gevonden om de opmaak van mijn site te verbeteren maar blijkbaar is er ergens een stukje code dat er voor zorgt dat het eeste item in een menu geen bullit toont.

Zie onderaan de pagina's waar alle menu's ook staan.

site:
www.spraakherkenning.nl

groetjes
dennis
 
Ten eerste moet je:
<lijst class="minimenu"></div> vervangen met <div class="minimenu"></div>

Ik heb een extra css class toegevoegd:
Code: 
.minimenu {
float: left;
}

en minimenu ul ziet er nu zo uit

Code: 
.minimenu ul {
width: 100%;
padding: 0px;
margin: 0px 0px 10px 0px;
}
 
Het werkt! en nu nog de extra witruimte in het minimenu

Hoi Total70!

Het werkt.

Dank je wel voor je hulp. Zo simpel kan het zijn... Als je het maar weet :rolleyes:

Mag ik nog een vraag stellen? Is wel niet dit topic meer maar gaat wel om CSS denk ik.

Tussen de titel en het eerste item in het mini-menu zit een grote witruimte. Die krijg ik niet kleiner. Weet jij waar um dat in zit?

effies.jpg

groetjes
dennis
 
Dan moet je de ul class aanpassen naar dit

Code: 
.minimenu ul {
width: 100%;
padding: 0px;
margin: -20px 0px 10px 0px;
}

heb nu bij de margin-top een -20px meegegeven zodat de ul 20px omhoog gaat.
 
Wow wat fijn dat je me geholpen hebt.

Super!!
Dank je wel!

Heb je ook een idee hoe ik on de overige kleine kaders ook de tekst wat omhoog kan krijgen?

effies2.jpg

groetjes
dennis
 
float:left
margin-top: -20px

mee geven aan de tabellen of de div na de h3.
 
Toch nog een vraag... Alvast bedankt voor je tijd!

Bij de nieuwe slider die ik gebruik op de home-pagina werken de knopjes niet voor "verder" en "terug". Heb je een idee waar dat door komt?

In het originele script werkt het goed maar zodra ik het in mijn site plak werkt het niet meer.
 
Hi,

Dit komt door de javascript in de index.js bestand. Verander de onderste twee eventhandlers naar
Code: 
$('a.control_prev').click(function (e) {
e.preventDefault();
        moveLeft();
 });

Code: 
$('a.control_next').click(function (e) {
e.preventDefault();
        moveRight();
});

preventDefault() zorgt ervoor dat de standaard gedrag wordt ontbonden
Klik om te vergroten...
 
Top! heel erg bedankt voor het helpen.

Dat werkt idd.
Wederom bedankt!

Zou het veel werk zijn om de slider ook aan te passen zodat je op een tablet met je vinger de slider heen en weer zou kunnen schuiven?

Als je het vervelend vind dat ik blijf vragen moet je het maar aangeven.

Ik zie overigens dat we een extra stipje hebben gekregen in het menu. Je weet vast hier ook wel een antwoord op :)
stipje.jpg

Groetjes
Dennis
 
Om met je vinger te kunnen sliden moet je een andere slider gebruiken ik zelf gebruik altijd flexslider http://www.woothemes.com/flexslider/.

voor dat extra stipje moet je even wat wijzigen in de css voeg dit toe aan je css.
Code: 
.minimenu li {
list-style: none;
float: left
}
 
Dank je wederom voor je antwoord.
Weet je of de slider die jij gebruikt ook een doorklikbare hyperlink ondersteunt. Ik wil graag dat men kan klikken op de slider voor de acties die er in de "banners" staan. Die combinatie kom ik niet vaak tegen. Ik had de WOW-slider die dat deed maar dat werkte niet in Chrome verder wel goed in IE
 
je laatste suggestie voor het verwijderen van het extra puntje in de menu's geeft niet het gewenste resultaat. Puntje is wel weg maar de onderdelen komen nu naast elkaar...
effies.jpg
 
je kan gewoon een hyperlink om het plaatje zetten die in de slider staat.
Om de bullets onder elkaar te krijgen moet je "width:100%" toevoegen aan de klassen .minimenu li.
 
stel dat je dit zou doen
Code: 
#submenu {
    border: 1px solid #e0e8f1;
    border-radius: 10px 2px 2px 10px;
    box-shadow: 0 0 3px #e0e8f1, 0 10px 15px #fff3af inset;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    right: -15px;
    top: 0;
    transition: padding 0.25s ease 0s;
    width: 15px;
    z-index: 20;
}
#submenu:hover {
    border: 1px solid #e0e8f1;
    border-radius: 10px 2px 2px 10px;
    box-shadow: 0 0 3px #e0e8f1, 0 10px 15px #fff3af inset;
    height: 150%;
    margin-left: 10px;
    min-height: 45%;
    padding: 20px;
    position: absolute;
    right: -15px;
    top: 0;
    transition: padding 0.25s ease 0s;
    width: 150px;
    z-index: 20;
}
 
De 100% was de ontbrekende factor in de oplossing voor de extra stipjes

De 100% was de ontbrekende factor in de oplossing voor de extra stipjes.

Dank je wel.

Ook kenikavanbis bedankt voor de input.
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan