opgelost Uitlijning van een zin

Hallo,

Ik ben al een gehele tijd op zoek achter een manier om een zin uit te lijnen op de gewenste plaats. (Zie afbeelding)
Deze zin heb ik in een custom HTML module geplaatst en bijkomend CSS code aan deze module gekoppeld.. (via een module class achtervoegsel)

Link naar de website: hier

Dit is de huidige code, maar daar is volgens mij niets goed aan..

Kan iemand me helpen zodat de zin steeds op dezelfde positie staat zoals aangegeven en niet verschilt van een klein scherm tot groot scherm..

Alvast bedankt

In welk bestane/waar heb je deze css geplaatst?
Heb je bij de module-class achtervoegsel ook een (voorafgaande) spatie gebruikt?

Tip: maak gebruik van de Firebug-addon voor Firefox (links naar deze tool hier te vinden). Met deze tool kan je o.a. van ieder onderdeel van de site de css definities achterhalen en waar in welk bestand ze staan. Tevens kan je met deze tool in de betreffende pagina van je site veranderingen aanbrengen in de css definities en meteen zien wat het effect is (later evt. wel zelf de aanpassingen aanbrengen in css bestanden).

Edit Romke: Ik zelf keek ook even niet goed, dacht aanvankelijk dat je css niet werd geladen.


Gebruik firebug nu om je juiste positie te bepalen. Speel even met de waarden float en margin.

Ja ik gebruik FireBug.. Ik heb deze code in de de file template.css geplaatst van mijn template.

Ik heb inderdaad eerst een spatie gezet voor mijn module-class achtervoegsel..

Mocht je een andere oplossing hebben die hetzelfde resulataat geeft.. Ook goed voor mij!

Alvast bedankt!

Heb je al eens een andere positie geprobeerd?

Ik zie dat je de site met artisteer hebt gemaakt, helaas ben ik verder niet bekend hiermee.

Je hebt deze module op een modulepositie gezet boven de content-area.
Volgens mij wordt het dan heel lastig om die regel op de positie te zetten zoals jij graag wilt.

Als ik deze code gebruik: Wordt de regel volgens mij alleszins acceptabel uitgelijnd.

Ja.. de positie "Top 3" zou wel iets kunnen zijn maar ook daar klopt er vanalles niet... Lijkt mij het makkelijkst om aan de hand van CSS de zin uit te lijnen...

Lijkt me niet handig. Zodra je met vaste negatieve marges gaat werken, moet je ook weer mediaqueries maken voor je responsive weergave. Zo te zien heb je voldoende geschikte moduleposities.

Beste Romke, met jouw code kom ik iets helemaal anders uit..

Astrid, Als ik bijvoorbeeld module "Top3" neem, dan verdwijnt de zin zelf helemaal.

ik heb nu volgende code gebruikt.. :
Hoe ziet dat er bij jullie uit? Bij mij zo: zie afbeelding


Nu heb ik nog het probleem dat bij een groter scherm, de marge Links mee vergroot en de zin dus niet vast blijft "staan" op zijn plaats.. Iemand enig idee welke css regel ik moet toevoegen daarvoor? Of door welke regel ik die margin-left kan vervangen waardoor ik dat probleem niet heb..

Alvast bedankt!

Zoals Astrid eigenlijk ook al zei in haar reactie zul je mediaqueries moeten opnemen.

Voor mij staat het nu goed denk ik..

Het staat zoals Astrid aangaf in een andere Modulepositie die ik vervolgens van volgende CSS heb voorzien:

Voor zover ik weet hoef ik dan nu toch geen gebruik te maken van mediaquerries he?

Dat zul je dus moeten controleren op een i-Phone/tablet etc.

Is dit al opgelost?
Zo ja, koppel de oplossing even terug.
Daarna kan je de topic zelf sluiten door op de groene knop "Dit is de oplossing" te klikken.