Ondersteuning » Thema en CSS/opmaak » Dit CSS probleem zit me al tijden dwars

Dit CSS probleem zit me al tijden dwars

  • Jaja..

    (@jaja-1)


    12 jaren, 2 maanden geleden

    Oke,

    Voor de duidelijkheid.
    Alles wat je ziet is standaard TwentyTen niets van de PHP code is aangepast ik heb alleen een Transform:rotate; & border-shadow toe gepast aan de gallery-thumb.

    Dus een Gallery Post Format gebruikt en even voor het zichtbare de shadow ROOD gemaakt zodat duidelijk is waar het om gaat.

    De margin onderaan de Thumb dit ‘irriteert’ mij echt al meer dan een jaar en ik kan niet vinden wat het is.
    Als je in de broncode gaat kijken dan kun je ook niets vinden wat dit veroorzaakt het lijkt wel alsof het iets met een LINK te maken heeft die aan de afb. zit maar omdat er geen tekst is krijg je toch een hoogte.

    plaatje

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Reanimatie

    (@reanimatie)

    12 jaren, 2 maanden geleden

    Heb je dit ook ergens online staan zodat we in de code kunnen wroeten?

    Thread starter Jaja..

    (@jaja-1)

    12 jaren, 2 maanden geleden

    Nope ben lokaal aan het werken..

    Maar ik heb het redelijk opgelost nog niet helemaal.
    Iedereen kan het testen want iedereen zal er ook last van hebben alleen zie je het vaak niet omdat je afbeeldingen standaard geen achtergrond kleur of schaduw hebben.

    *Het lijkt een probleem te zijn dat voorkomt als je GEEN Caption toevoegt aan je afbeeldingen. Dus geen tekst onder de afbeelding.

    Nu heb ik het probleem redelijk opgelost (verkleint) door de standaard WP witte border van 12px om de afb. heen zodat het een soort van Polaroid lijkt om te zetten naar een 10px Padding met een achtergrond kleur. Dan krijg je ongeveer het zelfde effect alleen is het dan geen border.
    Plaatje Maar nog steeds zie je onderaan dat het geen 10px maar 12px of 13px is (alleen onderaan)

    En hier heb ik een afb. gemaakt van de boosdoener, het is puur de LINK op de afb. die zorgt voor een bepaalde hoogte zonder dat er tekst is. Deze <a href… class=”size-thumbnail” …. duwt hem een paar pixels omlaag zoals je ziet in de afb. is de onderkant van de link niet de onderkant van de afb. maar een paar pixels omlaag.

    Thread starter Jaja..

    (@jaja-1)

    12 jaren, 2 maanden geleden

    Edit normaal doe ik standaard dit bij elke website die ik maak op Twenty Ten.

    In de Globale Reset:

    a.size-thumbnail {
     display: block;
     margin-bottom -7px;
}

    Dat lost het probleem wel op maar een margin -MIN bottom is natuurlijk niet de mooiste manier van werken.

    kijk nu is de border-/padding over gelijk rondom de afb.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘Dit CSS probleem zit me al tijden dwars’ is gesloten voor nieuwe reacties.

Weergaven