Joomla!NL - Css niet werkend

Css niet werkend

02 apr 2017 11:26

#1

Een hele goede dag,
Ik zit met een probleem.
De website die ik heb gemaakt is voor een klusbedrijf. Dit bedrijf is sinds kort aangesloten op www.5sterrenspecialist.nl .
Nu moet ik namens die website een bestand plaatsen op de website met een css erin toegevoegd.
Nu krijg ik de html code daarvan wel opgeslagen op de website. Zie afbeelding maar de css krijg ik maar niet werkend wat ik ook probeer.

Plaatje 1 is wat ik krijg op de website plaatje 2 onderin is wat het moet worden.
Is er iemand die mij hiermee kan helpen?

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 11:27

#2

Onderaan is het ook te zien op de website www.wafixtech.nl

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 11:43 - 02 apr 2017 17:35

#3

Misschien handig voor de leden om even aan te geven hoe je de desbetreffende html-code op je site hebt geplaatst (custom-html module?)
en waar heb je de css geplaatst.
heb je de volledige css code ook van het externe bedrijf/site gekregen? Misschien handig om die codes ook hier even te plaatsen (tussen code-tags) zodat beter beoordeeld kan worden welke stappen je moet ondernemen.

Groeten, Romke

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Romke
Algemeen Moderator
Berichten: 3647

Css niet werkend

02 apr 2017 11:52

#4

Sorry ik ga mijn best doen om het zo goed mogelijk uit te leggen aangezien dit soort dingen vrij nieuw voor mij zijn moet ik nog dingen ontdekken.
Op dit moment heb ik de html code in een modules gezet.
De css heb ik in een Custom CSS gezet in module.

Dit is de html

Code:

<div class="snippet-5sterrenspecialist">
	<div class="rating-box">
		<div class="rating"></div>
	</div>
	<div class="schema-5sterrenspecialist" itemscope="itemscope" itemtype="http://schema.org/WebPage">
		<div itemprop="aggregateRating" itemscope="itemscope" itemtype="http://schema.org/AggregateRating">
			<meta itemprop="bestRating" content="10">
			<p>
				Beoordeling <span itemprop="ratingValue">[__veld_ratingValue_uit_koppeling__]</span>
				gebaseerd op <span itemprop="ratingCount">[__veld_ratingCount_uit_koppeling__]</span>
				individuele klant beoordelingen op
				<a href="[__veld_url_uit_koppeling__]" target="_blank">5-sterrenspecialist</a>
			</p>
		</div>
	</div>
</div>

Dit de Css:

Code:

.snippet-5sterrenspecialist {
    display: block;
    padding: 5px;
    line-height: 26px;
}

.snippet-5sterrenspecialist .rating-box,
.snippet-5sterrenspecialist .rating {
    background-repeat: repeat-x;
    background-size: 24px;
}

.snippet-5sterrenspecialist .rating-box {
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUxpcbmXY7qYZLqYY7mXY7qXY7yZZb6daCBnnJMAAAAIdFJOUwD9UIzZtjEZ8m+HHwAAASZJREFUOMutkjFzwyAMhalxzFo5OF1x7rrb1z9gZWjXeOh1de7a3Rny/2tBsIGIqdUEJxAf7z0h/lLVlGnILtMoh0zjcsg0+n2mgZCB0mh4qH175qEO1xceatjVPFRXNDyUETBzUECXWCghWk6UsiYwDurZ3VpHH+9F8yvwu0kohHsZK5crveBJaD5t0f1XuxrB0rU6sVShU6DCRIn1pIToXxK+Ho7YQePGHA37hsCu3TasgI/4vZlPRIWDfznx3dv94JV3QqURwild+EylV/1vabSkdxMTKThqbBbmpzhbtG0BanckpB1Iu9siX8LbdxVSSrRJeNH0pPCi7BzxKrg5GSWcIt5Cw8mLjufItGZVF0LectM0TsDlPc7wWm8h4U+wnsU/1C9A8ShDTGLROwAAAABJRU5ErkJggg==);
}

.snippet-5sterrenspecialist .rating {
    height: 24px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGFBMVEVMaXG6mGO/m2i5l2O5l2O7mWW6l2O5mGQs4MZ1AAAACHRSTlMAaRff/0C5lNBFSKEAAAC0SURBVHja7ZNBDgQhCAQFGvz/j/e0YVxn7en71M1EQ9HgeGlsaHioBZBDolCaEQDXjADTjIASjQDXjADTjIAQjYDUjIApGElODjAnqwV8ibqSizUl1nIZ7L7/ihcOdGBc6zD0DKr/TKuczJjoEy26UBMrNQhbBbpHopKJPY892HjYQr/0Y6o9W4teC9rC9Mvci7YQtj5noZb3uUiwuSnbOdi5b7LXKdi4/1j+t4W8F83xIvIBSsMIqQMYDAwAAAAASUVORK5CYII=);
}

.snippet-5sterrenspecialist .schema-5sterrenspecialist {
    display: inline-block;
    vertical-align: top;
}

.snippet-5sterrenspecialist p {
    margin: 0;
}

.snippet-5sterrenspecialist p span {
    font-weight: bold;
    color: #b99763;
}

.snippet-5sterrenspecialist a {
    color: #b99763;
}
.snippet-5sterrenspecialist a:focus,
.snippet-5sterrenspecialist a:hover {
    text-decoration: none;
}

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 12:05

#5

Als ik die html-code lees (met mijn beperkte kennis) wordt er gevraagd om bepaalde velden uit een koppeling te halen. Echter die koppeling ontbreekt.
Ik denk toch dat je even nader moet informeren bij 5sterren hoe je e.e.a. moet koppelen en plaatsen.
Heb je (nadere) instructies van hen gekregen?

Groeten, Romke

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Romke
Algemeen Moderator
Berichten: 3647

Css niet werkend

02 apr 2017 12:08

#6

Op de desbetreffende website staat wel deze informatie. Zie foto
is dit wat je bedoelt?

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 12:35

#7

Dat lijkt er inderdaad meer op.

Groeten, Romke

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Romke
Algemeen Moderator
Berichten: 3647

Css niet werkend

02 apr 2017 12:52

#8

Ik heb dit volgens mij nu wel toegepast maar op 1 of andere reden doet hij het nog steeds niet

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 13:01

#9

Met welke editor werk je?
Kijk bij de instellingen van je editor of de php-scripting wel is toegestaan. kan namelijk zijn dat deze wordt verwijderd.
Het beste kun je werken met JCE.

Groeten, Romke

Voordat je een vraag post, gebruik eerst de zoekfunctie van ons forum eens.
Vragen uitsluitend via dit Forum

Is je vraag opgelost? Dan kan je hem zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.

Romke
Algemeen Moderator
Berichten: 3647

Css niet werkend

02 apr 2017 17:40

#10

Je moet in ieder geval die vierkante haken verwijderen.

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.

Astrid
Moderator + Technisch team
Berichten: 37556

Css niet werkend

02 apr 2017 21:17

#11

Helaas ook dan nog steeds hetzelfde probleem

FroukeD
Heeft onderwerp gestart
Nieuw op Joomla!NL
Berichten: 16

Css niet werkend

02 apr 2017 21:21

#12

Gebruik je wel het php script #3?

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.

Astrid
Moderator + Technisch team
Berichten: 37556

Laatste nieuws

Welkom bij Joomla!NL

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Css niet werkend

Laatste forumberichten

Wil je Joomla!NL steunen?