Goedenavond ik ben bezig met het maken van een website alleen dan heb ik een afbeelding met hover die een link word. Maar daarin moet er een woord links en rechts staan dus mijn vraag is: Is er iemand die daar een manier voor heeft mijn code voor de link ziet er als volgt uit:

Code:

<div class="partners">
                                    <div class="partners_button">
                                        <a class="partners_button_link" href="#" title="cleq"><p class="partners_left">cleq.nl</p><p class="partners_right">Automatisering</p></a>
                                    </div>
                                </div>

Met Vriendelijke Groet,

Mike Koopman

Als je de float: right; gebruikt voor de float: left; (left heb je niet nodig eigenlijk omdat tekst automatisch links uitgelijnd wordt) zal de tekst met de float: right, rechts van de tekst komen te staan.

Ik zie helemaal geen foto staan? Probeer het voor jezelf ook zo overzichtelijk mogelijk te houden:

PHP Code:

<div class="partners">
        <div class="partners_button">
             <a class="partners_button_link" href="#" title="cleq">
                  <p class="partners_left">cleq.nl</p>
                  <p class="partners_right">Automatisering</p>
             </a>
        </div>
</div> 


Wat je nu moet doen:

PHP Code:

.partner_button {float: left; width: 400px;}
p.partner_left {display: block; float: left;}
p.partner_right {display: block; float: right;} 


Dit zou een oplossing voor je kunnen zijn.

Mocht bovenstaande niet werken dan kun je altijd nog even kijken naar een nieuwe CSS3 Pseudo classe genaamd: nthchild, hou er wel rekening mee dat het CSS3 is en dus niet door alle browsers ondersteunt wordt. Je kan dit natuurlijk wel verhelpen met selectivizr, dit is helaas wel een extra .js die je moet inladen.