Support » CSS / opmaak vragen » Plaatje header links uitlijnen

  • Opgelost Sasseke

    (@sasseke)


    Op de site http://www.db7663.web54.ixl.nu/ staan in de header in het midden een grote M en links daarvan een plaatje (90 graden gedraaide tekst). Ik wil dit plaatje helemaal links uitlijnen (met een padding:left) maar dit lukt me tot nu toe niet.

    Dit is de code in de editor:

    .btx-slider-content-wrapper .btx-center-align
    {
     padding-left:20px;
     width:100%;
     align:left;
    }
    
    .btx-slider-media
    {
     align: left;
     padding-left: 20px;
    }
    
    .btx-slider-body .btx-s-text-color
    {
    align:center;
    color:white;
    }

    Ik heb de classes gevonden middels Firebug.
    Kan iemand mij helpen?
    Groet
    Sasseke

    • Dit onderwerp is gewijzigd 3 jaren, 5 maanden geleden door Sasseke.
3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Ik heb de code wat opgeschoond.
    De nieuwe code is:

    .btx-slider-content-wrapper
    {
     width:100%;
    }
    
    .btx-slider-media
    {
     align: left;
     padding-left: 20px;
    }
    
    .btx-slider-body
    {
    align:center;
    color:white;
    }

    De eerste is de M en het plaatje samen, de tweede is het plaatje (Monteflore gedraaid) en de derde is de M.
    Ik denk dat er nog een parent van de eerste is en dat ik die (eerst) width:100% moet maken voordat de child ook 100% breed kan worden, en ik dan de M in het midden kan zetten en ‘Monteflore’ links (met een padding-left). Iemand suggesties?

    Zo te zien staat hij al op de juiste plaats maar mag ik opmerken dat het niet zo erg opvalt. Maar dat is misschien ook wel juist de bedoeling.

    Hoi Arjan
    ja dat is juist de bedoeling.. dat het niet zo opvalt.
    Ik heb het probleem opgelost middels de code float:left; i.p.v. align:left;

    Ik zal de topic nu op ‘opgelost’ zetten.

    Dank voor je reactie.
    Groet
    Sasseke

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Plaatje header links uitlijnen’ is gesloten voor nieuwe reacties.