HTML interesse |
|
Ziet iemand wat het probleem is??? Het is de bedoeling dat de adres gegevens met de afbeelding ernaast gecentreerd worden op de bladzijde. Maar zij komen wel naast elkaar maar niet gecentreerd maar links van de bladzijde.
Verder is er binnen de border van de afbeelding een leeg stukje terwijl de afbeelding wel degelijk 100x150 is.
<style type="text/css">
.adres {
font-size: 13pt;
font-style: italic;
font-weight: bold;
text-align: left;
font-family: arial, verdana;
color: #000000;
margin-top: 30px;
float: left;
}
a:link, a:visited {
font-size: 14pt;
font-style: italic;
font-weight: bold;
font-family: arial, verdana;
color: #000000;
float: left;
}
a:hover, a:active{
font-size: 14pt;
font-style: italic;
font-weight: bold;
font-family: arial, verdana;
color: #FFFFFF;
float: left;
}
</style>
</head>
<body id="mail" link="#FF8800" alink="#FF8800" vlink="#FF8800" onLoad="initForms();">
<div id="wrapper_thumb">
<div id="model.nonCSS.idplateEnabled">
<div class="logo">
<div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt="">
</div>
</div>
</div>
<div id="sitetitle">
<h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor" align="center">
<i>Contact</i></h1>
</div>
<div style="text-align: center;">
<div class="adres">
Naam
<br>Adres
<br>Woonplaats
<br>Telnr
<br><a href="mailto:info@email.nl">info@email.nl</a>
</div>
<div style="margin-left: 50px; margin-top: 30px; border: solid 2px black; float: left;">
<img src="menu/menufoto/menu8.jpg" height="100" width="150" alt="">
</div></div>
<style type="text/css"> .adres { font-size: 13pt; font-style: italic; font-weight: bold; text-align: left; font-family: arial, verdana; color: #000000; margin-top: 30px; float: left; } a:link, a:visited { font-size: 14pt; font-style: italic; font-weight: bold; font-family: arial, verdana; color: #000000; float: left; } a:hover, a:active{ font-size: 14pt; font-style: italic; font-weight: bold; font-family: arial, verdana; color: #FFFFFF; float: left; } </style> </head> <body id="mail" link="#FF8800" alink="#FF8800" vlink="#FF8800" onLoad="initForms();"> <div id="wrapper_thumb"> <div id="model.nonCSS.idplateEnabled"> <div class="logo"> <div style="text-align: center"><img width="568" height="48" class="pngDelayDisplay" src="content/logo.png" alt=""> </div> </div> </div> <div id="sitetitle"> <h1 onclick="clickTarget( this, 'metadata.siteTitle.value' );" id="metadata.siteTitle.value" class="textColor" align="center"> <i>Contact</i></h1> </div> <div style="text-align: center;"> <div class="adres"> Naam <br>Adres <br>Woonplaats <br>Telnr <br><a href="mailto:info@email.nl">info@email.nl</a> </div> <div style="margin-left: 50px; margin-top: 30px; border: solid 2px black; float: left;"> <img src="menu/menufoto/menu8.jpg" height="100" width="150" alt=""> </div></div>
|