10 berichten aan het bekijken - 1 tot 10 (van in totaal 10)
  • Q:
    Bijdrager
    artisticc

    hoe verwijderen grijze lijnen rondom images (alleen in firefox)

    Hallo!!

    Ik heb mijn html site gebouwd met css.
    Nu wil het geval dat de site in Firefox of Internet Explorer grijze omlijningen om de images vertoont.
    (niet in Safari) hoe kan ik dit verwijderen. Ik kan in de source niet ontdekken of in de style.css
    dat er een grijze border rand heb.
    http://www.suzettehuwae.com (nb openen in Firefox, in Safari niets te zien)

    Cheers!

    Bijdrager
    patrick68

    In je css deze regel opnemen: img } border:none; {

    Bijdrager
    Jakko Westerbeke

    Maar dan met de accolades de andere kant op:

    img {border: none;}

    :smile:

    Bijdrager
    artisticc

    Eh bedankt Jakko maar welke regel is dat: gewoon in de body of
    specifiek voor de navigatie waar al die ikoontjes staan.

    Alvast bedankt!

    Bijdrager
    Jakko Westerbeke

    Ik zou het zelf in het bestand styles.css zetten. Waar precies maakt in principe niet uit, want er staat op jouw site niks in dat zo te zien conflicten zou kunnen geven, maar als je zeker wilt weten dat er geen randen om afbeeldingen staan, dan zet je het helemaal onderaan:)

    Bijdrager
    artisticc

    Superr
    Laatste vraag:
    welke code deze?
    img {border: none;}

    Bijdrager
    Dr. Maddox

    Of plaats dit bovenin je stylesheet (algemeen voor de gehele layout):

    img
    { border-style: none;
    }

    …of wijzig onderstaande stukje css (onderin je stylesheet) door er een border waarde aan toe te voegen (specifiek voor dat gedeelte):

    #container #facebook #Pump {
    height: 60px;
    width: 60px;
    border: 0px;

    }

    Ik zou ook de social media thumbs een eigen div geven ipv alles samen te voegen met het tekstuele menu. Zo heb je meer ruimte en vrijheid om de afbeeldingen andere eigenschappen te geven als de tekst links.

    Bijdrager
    artisticc

    Heb t veranderd in de style.css in
    body (dit erin gezet:
    img
    { border-style: none;
    }

    maar er gebeurt niks ;-(

    Bijdrager
    Dr. Maddox

    Kijk eens even naar dit gedeelte in de HTML:

    Daarna weer verder…;)

    Bijdrager
    Jakko Westerbeke
    artisticc op 09 maart 2011

    er gebeurt niks ;-(

    Zo te zien heb je het hier toegevoegd:

    body {<br />
    	background-color: #FFFFFF;<br />
    	font-family: "Times New Roman", Times, serif;<br />
    	font-size: 12px;<br />
    	color: #000000;<br />
    	text-decoration: none;<br />
    	border-style: none;<br />
    }

    Maar daar heb je niks aan border-style: none;:) Kopieer de volgende regel:

    img {border: none;}

    en plak die dan in je styles.css op de regel nĂ¡ de eerste } die je tegenkomt in het bestand. Dan krijg je dus iets als dit:

    @charset "UTF-8";<br />
    body {<br />
    	background-color: #FFFFFF;<br />
    	font-family: "Times New Roman", Times, serif;<br />
    	font-size: 12px;<br />
    	color: #000000;<br />
    	text-decoration: none;<br />
    	border-style: none;<br />
    }<br />
    img {<br />
    	border: none;<br />
    }<br />
    a:link {<br />
    	text-decoration: none;<br />
    	color: #7d7d7d;<br />
    }<br />
    (enzovoort)
10 berichten aan het bekijken - 1 tot 10 (van in totaal 10)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.