Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Tussenliggende lijnen van dropdown menu dunner maken.

Tussenliggende lijnen van dropdown menu dunner maken.

08 sep 2014 13:32
#1
Ik ben een site aan het maken en bij het dropdown menu wil ik graag de tussen liggende lijnen iets dunner hebben. Nu weet ik dat zo'n lijn is opgebouwd uit de onderste lijn van de bovenliggende box en de bovenste lijn van de onderliggende box. Nu kan ik 1 van beide weg laten, maar dat heeft tot gevolg dat dan of bovenaan of onderaan de dropdown ook geen lijn zit. en daar moet dus wel een lijn komen. Is er een andere manier om deze lijnen dunner te maken.

Ik dank voor de moeite
Discussie gesloten.
  • Lunast
  • Lunast's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Tussenliggende lijnen van dropdown menu dunner maken.

08 sep 2014 15:01
#2
Geef in het vervolg even een link naar je site, is zo lastig als we die steeds op moeten zoeken.
Je hebt aparte definities voor li first en li last, dus daar moet je even mee experimenteren. En ik zou de border niet aan de a definitie koppelen maar aan de li.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37142

Tussenliggende lijnen van dropdown menu dunner maken.

08 sep 2014 15:03
#3
Excuses, ik dacht dat ik die aan het woord site gekoppeld had. Is dus niet goed gegaan. Ik ga hier mee proberen, je hoort of het gelukt is.

Ik dank je weer
Discussie gesloten.
  • Lunast
  • Lunast's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Tussenliggende lijnen van dropdown menu dunner maken.

12 sep 2014 09:47
#4
Ik heb bij deze site gepoogd de tussen liggende lijnen in het dropdown menu te versmallen door in:
Code:
div.jsn-modulecontainer ul.menu-mainmenu ul li a { border-top: 0px solid #E7E6E5; border-bottom: 1px solid #E7E6E5; border-left: 1px solid #E7E6E5; border-right: 1px solid #E7E6E5; color: #213B48; }
border top op nul te zetten. Hierdoor worden de tussenliggende lijnen inderdaad dunner alleen verdwijnt dus bij de bovenste knop de bovenste lijn helemaal. dit heb ik proberen te corrigeren door:
Code:
<li class="first"> p { border-top-style: solid #E7E6E5; }
in te voegen, zodat alleen bij de bovenste knop wel een lijn komt te staan, maar dat werkt. Waar ga ik hier fout?

Dank en groeten
Discussie gesloten.
  • Lunast
  • Lunast's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Tussenliggende lijnen van dropdown menu dunner maken.

12 sep 2014 09:55
#5
In een css definitie moet je wel de juiste naam gebruiken en als je een lijn wilt zien dan moet je wel een dikte aangeven.
Dit zou moeten werken:
Code:
li.first{ border-top:1px solid #E7E6E5; }
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37142

Tussenliggende lijnen van dropdown menu dunner maken.

12 sep 2014 10:16
#6
Ik dank je voor je reactie, deze werkte in eerste instantie niet, heb er toen van gemaakt:
Code:
li.first{ border-top:1px solid #E7E6E5 !important; }
Nu werkt het dus wel. Ik begrijp dat ik de lijn dikte had moeten invullen, maar ik heb
Code:
<li class="first"> p
met firebug opgezocht en gekopieerd, hoe weet je nu dat het inplaats daar van li.first moet zijn.

Dank weer voor de moeite
Discussie gesloten.
  • Lunast
  • Lunast's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155

Tussenliggende lijnen van dropdown menu dunner maken.

12 sep 2014 10:20
#7
Ten eerste heeft een definitie nooit haakjes en quotes in de naam, ten tweede is dit ervaring en vaak kan je het ook zien in de balk net onder het firebug menu.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Discussie gesloten.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37142

Tussenliggende lijnen van dropdown menu dunner maken.

12 sep 2014 10:24
#8
O.k. duidelijk, dank weer voor de moeite.

Groeten Peter
Discussie gesloten.
  • Lunast
  • Lunast's berichtenfoto Heeft onderwerp gestart
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 155
Moderators: PeterJuliank92JelleRomke
Tijd voor maken pagina: 0.949 seconden

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie