Site word in verschillende webbrowsers anders weergeven

Status
Niet open voor verdere reacties.
Ladyke

Ladyke

Gebruiker
Lid geworden
9 okt 2010
Berichten
671
hoi,
ik heb ondervonden dat mijn ondertussen allereerste volledige HTML website
niet in alle webbrowsers hetzelfde word weergeven, hier is bij chrome alles normaal en
bij internet explorer en firefox niet.
er word namelijk rond alle foto's een rand getoond (deze zit niet in de html code verwerkt)
dit heb ik alleen voor bij IE en Firefox ,
dit is de site waar het over gaat :http://www.plussersherentals.tk

wat kan ik hier aan doen want ik vind het eigg heel lelijk :(

Ladyke
 
Laatst bewerkt:
Uwelijken website-link werkt niet helemaal. Het kan wel zijn dat je niet hebt gezet dat je géén border wil hebben. Het beste kan je dat definiëren als een class en die class in je img vermelden.
Zo:
HTML: 
<img src="linknaarplaatje" class="img">
en in je css (boven je definities voor DIV's)
HTML: 
.img
{
border: none;
}
 
hoi,
ik zie net dat ie verkeerd is :o ga hem aanpassen

ehm maar ik werk niet met css , dit is hetgeen wat ik gebruikt heb :

HTML: 
<a href=" http://yourwebsite.com "><img src=" IMAGE1" onmouseover="this.src=' IMAGE2 '" onmouseout="this.src=' IMAGE1 '" alt="Click Me"></a>

je veranderd je foto's naar de links;

zal dat van die class hier bij werken ?
 
Ik snap niet helemaal wat je bedoelt? Kan je het uitleggen?
 
Je kan in de HTML inline CSS gebruiken (dus je gebruikt dan nogsteeds CSS, alleen niet in een (apart) stylesheet):

HTML: 
<img style='border: 0;' src='...' alt='...' />
 
Wat je ook kan doen is dat je in je head een stylesheet maakt (ik weet alleen niet meer zo goed hoe dat nou eigenlijk moest) en daar die class in definiëren.
 
AndreazZz zei:
Wat je ook kan doen is dat je in je head een stylesheet maakt (ik weet alleen niet meer zo goed hoe dat nou eigenlijk moest) en daar die class in definiëren.
Klik om te vergroten...

In de head link je naar je CSS file:

HTML: 
<link rel='stylesheet' href='locatie/van/style.css' />

en dan het style.css bestand:

Code: 
.geenrand
{
   border: none;
}

en je img tags:

HTML: 
<img class='geenrand' xxx='...' yyy='...' />

wat natuurlijk ook kan is om sowieso voor elk plaatje een rand 'verbieden'. In dat geval hoef je geen class in elk element te proppen, maar gaat dit 'automatisch'. Zet zoiets in je CSS bestand:

Code: 
a img
{
   border: 0;
   /* a img: elk img-element binnen een a element */
}
 
En optie 3.

Wil je niet een heel stylesheet laten aanrukken waar alleen maar die ene regel voor de img-rand in staat, dan kan het ook met een style-blokje aan het eind van de <head> van de pagina. Dat komt als volgt in de html-code:
HTML: 
...
<style type="text/css">
   a img {
      border: 0; /* geen enkel img in een link krijgt een rand */
      }
</style>
</head>

<body>
...
enz.
En mocht er eens een afbeelding in een link zitten waar je wel een bescheiden randje om wilt, dan kan dat vervolgens per geval met een inline-style:
HTML: 
...
<a href="linkpagina.htm"><img style="border: 1px solid black" src="images/plaatje.png" width="..." height="..." alt="" /></a>
...
  • Zo'n inline style heeft namelijk voorrang op wat er in een stylesheet of een stijl-blok-in-de-head is bepaald.
De "1px" geeft de dikte van de rand aan, het "solid" betekent dat het een ononderbroken lijntje is. Andere mogelijkheden zijn: "dotted" (gestippeld) of "dashed" (streepjes). Maar rond een afbeelding zal je die niet gauw gebruiken.
In plaats van "black" zijn ook andere kleuren mogelijk, uiteraard. :)

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
hoi,
als ik dat van border: 0 enz toepas dat is het geen rollove meer ,bij mij werkt het dan niet meer.
ik wil en rollover van zwart naar rood (hetzelfde woord)

Groets ladyke
 
hoi,
de oplossing van that guy werkt :thumb:
dit is zijn oplossing (nu werkt hij al zeker in IE en chrome , firefox niet :( )
HTML: 
<img style='border: 0;' src='...' alt='...' />

de andere suggesties ga ik ook eens proberen wanneer ik meer kennis van CSS hebt :rolleyes:

groets ladyke en bedankt voor julle hulp :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan