Skip to main content

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 Logo ::after ieder H1 header

Logo ::after ieder H1 header

02 dec 2017 22:44
#1
Website: www.deijsmannetjes.de

Ik wil een logo (iesmenke-ultrasmall.png) inline achter iedere h1 header plaatsten, met de onderkant van het logo op de baseline van de header.

Ik probeer dit met:
Code:
h1::after { content: url('images/warptheme/iesmenke-ultrasmall.png'); }

Er verschijn echter niets. Het lijkt niet aan de selector te liggen. Als ik neem
Code:
h1::after { content: "----"; }
dan verschijnen er echt 3 streepjes na ieder h1.

Wat doe ik fout?

Hubert
Discussie gesloten.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 229

Logo ::after ieder H1 header

03 dec 2017 09:38
#2
Klopt het pad naar je afbeelding wel?
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: 37745

Logo ::after ieder H1 header

03 dec 2017 11:24
#3
Als ik hetzelfde pad in een artikel gebruik, krijg ik de goede afbeelding.
Discussie gesloten.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 229

Logo ::after ieder H1 header

03 dec 2017 11:27 - 03 dec 2017 16:14
#4
Misschien moet je er in dat pad nog een / of een ../ voor zetten.
Edit Astrid: Ik heb de reactie van rovel verwijderd. Hubert zit vast niet te wachten op een slordige oplossing.
Met vriendelijke groet,
Wouter Compactweb.nl
Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum.
Wil je Joomla!NL steunen? Dat kan met een donatie.
Laatst bewerkt 03 dec 2017 16:14 door Astrid.
Discussie gesloten.
  • WoodyF4u
  • WoodyF4u's Profielfoto
  • Moderator + Nieuwsteam
  • Moderator + Nieuwsteam
  • Berichten: 11371

Logo ::after ieder H1 header

03 dec 2017 15:28
#5
Ik ben inmiddels iets verder:

Als ik een inspect do op de ::after van een header (b.v. op deze pagina ) dan blijkt dat de CSS inderdaad goed werkt. Maar het lijkt er op dat de ruimte die wordt gereserveerd voor het plaatje maar 0x36 pixels is. Terwijl het plaatje 24x43 pixels is.
Discussie gesloten.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 229

Logo ::after ieder H1 header

03 dec 2017 15:45
#6
Misschien handiger om iets te doen met de tips die gegeven worden? Een / ervoor en het werkt gewoon:
Deze afbeelding is verborgen voor gasten.
Login of registreer om deze te zien.
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: 37745

Logo ::after ieder H1 header

03 dec 2017 16:12
#7
OopS!

Inderdaad soms wat te eigenzinnig.

Dank.,

Hubert
Discussie gesloten.
  • Hubert
  • Hubert's berichtenfoto Heeft onderwerp gestart
  • Regelmatige bezoeker van Joomla!NL
  • Regelmatige bezoeker van Joomla!NL
  • Berichten: 229

Logo ::after ieder H1 header

03 dec 2017 16:14
#8
Je had je topic afgesloten met de knop "Dit is de oplossing". Maar omdat de door jou geselecteerde post geen oplossing bevat, heb ik dit gecorrigeerd, zodat wel duidelijk is wat de oplossing is. Deze knop is namelijk alleen bedoeld om te gebruiken op een bericht waarin de oplossing staat beschreven.
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: 37745
Moderators: JelleRomke
Tijd voor maken pagina: 0.736 seconden
Gemaakt door Kunena

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