afbeelding in html

Status
Niet open voor verdere reacties.

Mark vanKlinken

Nieuwe gebruiker
Lid geworden
13 mrt 2008
Berichten
2
Ik ben bezig om menuborden te maken voor een cafetaria deze worden weergegeven op monitoren/tv's en heb dat in een simpele html gedaan maar nu blijft er altijd een witte rand om de afbeelding heen, hoe kan ik dit het best aanpassen?
http://www.foodengo.nl/digitale-schermen/1.html


HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
img{
    width		: 100%;
    height		: auto;
    max-width	: 100%;
}
</style>
</head>
<body scroll="no">
<img src="2.jpg">
</body>
</html>
 
Probeer eens, ipv.
HTML:
<body scroll="no">

HTML:
<body style="margin:0;" scroll="no">

Tijs.
 
Gebruik deze CSS om je browser te 'neutraliseren', want sommige browsers passen de CSS standaard een beetje aan.
 
Gebruik deze CSS om je browser te 'neutraliseren'
Een normalizer is inderdaad goed om te gebruiken. Degene die je opgeeft is behoorlijk oud. Deze normalize css is van deze tijd. Als je deze als <link> in je html zet en er gelijk html5 van maakt dan krijg je
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Cafetaria</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<style type="text/css">
img {
  width: 100%;
  height: auto;
  max-width: 100%;
  display: block;
}
</style>
</head>
<body>
<img src="2.jpg" alt="">
</body>
</html>

Als de pc geen internet verbinding heeft dan kan je de normalize.css op je pc downloaden en koppelen met
Code:
<link rel="stylesheet" href="normalize.min.css">

Suc6. Have fun.
 
Laatst bewerkt:
@bron (en Venga): Is mijn oplossing in posting #2 niet goed (genoeg)?

Tijs.
 
Natuurlijk is je oplossing goed als het doet wat je wilt. Met de normalize css wordt alles op elke browser goed weergegeven en kom je bij het maken van de pagina geen "rare bijverschijnselen" meer tegen. Omdat tegenwoordig iedereen html5 gebruikt (html4 is wel erg oud) heb ik je een code gegeven van deze tijd. Suc6 met je pagina!
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan