kader onzichtbaar maken

Status
Niet open voor verdere reacties.

mariannevanh

Terugkerende gebruiker
Lid geworden
14 dec 2004
Berichten
2.085
Op onze nieuwe website https://automaatjeleusden.nl/ is nu een dun kader zichtbaar om de tekst en om de logo's onderaan.
Het lukt me niet om dit kader weg te krijgen.

In het scherm van de extra CSS heb ik toegevoegd:
.tablepress-id-N,
.tablepress-id-N tr,
.tablepress-id-N tbody td,
.tablepress-id-N thead th,
.tablepress-id-N tfoot th {
border: none;
}

maar dat heeft niet het gewenste effect.

Wie kan mij helpen?

Vriendelijke groet,
Guido
 
Om rare bijverschijnselen in de opmaak te voorkomen moet de html structuur in orde zijn. Als ik naar de plaatjes kijk klopt dit niet (waar is </a>). Dus mijn advies is om eerst de gehele html nog eens te controleren :)
Code:
<td width="20%">
<a href="https://sociaalplein-leusden.nl/" target="_blank" rel="noopener noreferrer">
<img class="alignnone size-medium wp-image-72" src="https://automaatjeleusden.nl/wp-content/uploads/2019/12/Lariks_logo-strook-smal-300x57.gif" alt="" width="300" height="57" />
</td>

Sommige browsers tonen standaard een lijntje om een <img>. Daarom is dit de minimale standaard css voor afbeeldingen.
Code:
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

Als het met de css hierboven niet lukt dan zal je specifieker moeten zijn, bijvoorbeeld
Code:
.entry-content table img {
    border: 0;  /* border: 0 !important; */
}

Opmerking: gebruik !important alleen als je de prioriteiten in css kent en probeer dan alsnog !important te vermijden.
 
Dankjewel voor je hulp, Bron!
Ik was inderdaad op één plaats de </a> vergeten. Die heb ik alsnog toegevoegd.
Vooralsnog is het niet gelukt om het kader met de door jou gegevens codes onzichtbaar te maken.
We zoeken verder...
 
Of gebruik de 'element inspectie' in je browser. Dan zie je meteen welke stijlen aan een element hangen.
 
De lijn om de afbeeldingen zou hiermee weg kunnen zijn.
Code:
.entry-content table,
.entry-content td,
.entry-content a,
.entry-content img {
    border: 0;
}

Om het 'logo' zie ik geen lijntje.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan