Ondersteuning » Thema en CSS/opmaak » Plaatje header links uitlijnen

Plaatje header links uitlijnen

  • Opgelost Sasseke

    (@sasseke)


    7 jaren, 1 maand geleden

    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 7 jaren, 1 maand geleden door Sasseke.
3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Thread starter Sasseke

    (@sasseke)

    7 jaren, 1 maand geleden

    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?

    Arjan Roosemalen

    (@ajroosemalen)

    7 jaren, 1 maand geleden

    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.

    Thread starter Sasseke

    (@sasseke)

    7 jaren, 1 maand geleden

    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.

Onderwerptags

Weergaven