Ondersteuning » Code oplossingen gezocht » Help: zowel JPEG als PNG vertonen grijze randen!

  • Beste forum-lezers,

    Ik heb een probleem met mijn website: http://www.c-baz.nl/music/

    Zowel de plaatjes welke ik als tekstwidget in de rechterkantlijn heb geplaatst als het plaatje in mijn tekst vertonen grijze randen. Het lukt me maar niet om deze weg te krijgen. De borders staan voor zover ik weet al op 0, maar daarmee gaan ze niet weg.

    Wie weet hoe ik deze weg kan krijgen ?

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Op regel 79 van je stylesheet staat dit.

    img.alignleft {
    padding: 5px 5px;
    margin: 10px 15px 10px 0px;
    display: inline;
    background: #eee;
    }

    Verwijder die regel met background: #eee; en het probleem is opgelost.

    Thread starter c-baz.nl

    (@c-baznl)

    Thanx voor je reactie!

    Heb de betreffende regel(s) verwijderd, maar het probleem doet zich helaas nog steeds voor :-(.

    Thread starter c-baz.nl

    (@c-baznl)

    Het gekke is dat hij het bij de social media buttons, welke allemaal png’s zijn, het niet doet…

    Het fight cancer logo is een png, de andere 2 plaatjes (beatz & vocalz en 22tracks) zijn jpegs..

    Weet je zeker dat je de juiste regel hebt verwijderd want bij mij staat hij er nog steeds in.

    Stylesheet (style.css) regel 79.

    Miss. heb je een Cache plugin aanstaan voor je site sneller te maken.

    Btw,
    Op regel 63 staat dit ook nog en daar moet je ook de background verwijderen.

    img.alignnone {
    padding: 5px 5px;
    margin: 0px 0px 10px 0px;
    display: inline;
    background: #eee;
    }

    Regels 67, 75 en 83:

    img.alignnone {
    	padding: 5px 5px;
    	margin: 0px 0px 10px 0px;
    	display: inline;
    	background:#eee;
    	}
    
    img.alignright {
    	padding: 5px 5px;
    	margin: 5px 0px 10px 10px;
    	display: inline;
    	background:#eee;
    	}
    
    img.alignleft {
    	padding: 5px 5px;
    	margin: 10px 15px 10px 0px;
    	display: inline;
    	background:#eee;
    	}

    background:#eee;

    veranderen in:

    background: none;

    Thread starter c-baz.nl

    (@c-baznl)

    Het staat nu als volgt in mijn style-sheet.css:

    img.centered  {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 10px;
    	padding: 0px;
            background: none;
    	}
    
    img.alignnone {
    	padding: 5px 5px;
    	margin: 0px 0px 10px 0px;
    	display: inline;
    	background: none; 
    
    	}
    
    img.alignright {
    	padding: 5px 5px;
    	margin: 5px 0px 10px 10px;
    	display: inline;
    	background: none; 
    
    	}
    
    img.alignleft {
    	padding: 5px 5px;
    	margin: 10px 15px 10px 0px;
    	display: inline;
    	background: none;

    De grijze randen staan er echter nog steeds. Ik doe dus toch iets fout kennelijk..

    Je werkt waarschijnlijk met een Child Thema vandaar dat je nu verplicht bent none of transparant te gebruiken.

    Zet het in het vervolg erbij dan is het direct duidelijk.

    Thread starter c-baz.nl

    (@c-baznl)

    Het probleem is, dankzij jullie, verholpen.
    De reden waarom ik het gisteren nog niet kon zien was in verband met een cache-probleem inderdaad, waardoor de wijzigingen niet direct waren te zien.

    Inmiddels geeft hij de plaatjes naar wens weer.

    Dank voor jullie hulp!

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘Help: zowel JPEG als PNG vertonen grijze randen!’ is gesloten voor nieuwe reacties.