Ik; als websitedummy probeer mijn weg te vinden in het maken van Websites.
Een designer heeft voor mij het meeste werk gedaan, echt wil ik nu een paar kleine dingetjes veranderen.
Zo wil ik graag een extra paarse lijn onder mijn website hebben. Deze moet langer worden dan de witte lijn Nu heb ik al uitgevogeld dat dat met de <HR> code gaat, ook kan ik de dikte aanpassen.
Dit moet het worden:
En dit krijg ik nu:
De kleur wil veranderd niet, die blijft wit. dit is de code die ik nu heb ingetyped: <hr style="border: 0px solid rgb(51, 102, 153); width: 100%; height: 3px; color: #2e1a2c; background-color: rgb(255, 255, 255);" />met HTML kleur #2e1a2a
Verder wil de lijn niet langer worden dan 100%. Het probleem ligt denk ik bij mijn footer, die is nu 917 pixels breed, dus de lijn ook. echter, als ik deze 1000 pixels breed maak, lijnen de extra megapixels alleen rechts uit, het centreerd dus niet.
Wie kan me helpen? Het is echt een dummy vraag, de oplossing zal vast ook heel simpel zijn...
Alvast bedankt
Een designer heeft voor mij het meeste werk gedaan, echt wil ik nu een paar kleine dingetjes veranderen.
Zo wil ik graag een extra paarse lijn onder mijn website hebben. Deze moet langer worden dan de witte lijn Nu heb ik al uitgevogeld dat dat met de <HR> code gaat, ook kan ik de dikte aanpassen.
Dit moet het worden:
En dit krijg ik nu:
De kleur wil veranderd niet, die blijft wit. dit is de code die ik nu heb ingetyped: <hr style="border: 0px solid rgb(51, 102, 153); width: 100%; height: 3px; color: #2e1a2c; background-color: rgb(255, 255, 255);" />met HTML kleur #2e1a2a
Verder wil de lijn niet langer worden dan 100%. Het probleem ligt denk ik bij mijn footer, die is nu 917 pixels breed, dus de lijn ook. echter, als ik deze 1000 pixels breed maak, lijnen de extra megapixels alleen rechts uit, het centreerd dus niet.
Wie kan me helpen? Het is echt een dummy vraag, de oplossing zal vast ook heel simpel zijn...
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="Content-Language" content="en-gb" />
<title>enter page title here</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /><!-- style sheet links -->
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
<style type="text/css">
.style1 {
font-family: Arial;
}
<link rel="stylesheet" href="styles.css" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/slider.js"></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
.style2 {
font-size: 8px;
}
.style3 {
font-size: 9px;
}
body {background-image:url('100.jpg');}
background-repeat:no-repeat;
.style4 {
background-color: #000000;
}
.style5 {
text-align: left;
}
.style6 {
font-size: 7pt;
}
.style7 {
margin-right: 0px;
}
.style8 {
text-align: center;
}
</style></head>
<body>
<div id="centrecontainer">
<div id="outercontainer" style="left: 50%; top: -236px; height: 600px;">
<div id="header" style="width: 1015px; height: 800px;" class="style7">
<div id="cssmenu" style="width: 910px;">
<hr style="border: 0px solid rgb(51, 102, 153); width: 100%; height: 5px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" />
<br />
<div id="nav">
<ul class="sf-menu dropdown">
<li class="selected"><a href="index.html">Home</a></li>
<li><a class="has_submenu" href="info.html">Info</a>
<ul>
<li><a href="fotografie.html">De fotografie</a></li>
<li><a href="werkwijze.html">Werkwijze</a></li>
<li><a href="tarieven.html">Tarieven</a></li>
<li><a href="tips.html">Tips</a></li>
</ul>
</li>
<li><a href="evenementen.html">Evenementen</a></li>
<li><a class="has_submenu" href="#">Portfolio</a>
<ul>
<li><a href="paarden.html">Paarden</a></li>
<li><a href="overige.html">Overige</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<br />
</div>
<div id="container" style="width: 935px;">
<div id="containerleft" style="width: 481px; height: 440px;">
<h2 style="width: 477px; height: 178px;"></h2>
<h2 style="width: 477px; height: 195px;"></h2>
<table style="width: 100%; height: 70px;">
<tbody><tr>
<td style="width: 152px;">Volg ons
<img alt="" src="twitter.png" height="20" width="20" />
<img alt="" src="facebook.png" height="20" width="20" />
<img alt="" src="flickr.png" height="20" width="20" /> </td>
<td class="style8">NIEUWS</td>
<td class="style8">NIEUWS</td>
</tr>
</tbody></table>
</div>
<div id="containerright" style="width: 395px; height: 440px;">
<h1>Welkom op de site van <br />
</h1>
<h1>Equi Photography<br />
</h1>
<p class="style1">
------------------------------------------------------------------------</p>
<div id="oDiv" style="height: 120px; color: rgb(219, 166, 232);" class="style1">
<p>Hier kunt u onder andere informatie vinden over fotoshoots door
<strong style="font-weight: normal;">Equi Photography</strong>, prijzen en een aantal voorbeeld
foto's.</p>
<p>Heeft u vragen, opmerkingen of bent u geintresseerd in een
fotoshoot? <br />
<br />
U kunt dan altijd vrijblijvend contact opnemen, zie hiervoor de
pagina 'Contact' in het menu.</p>
<p><br /></p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id="footer" style="width: 917px;" class="style2">
<div class="style5">
<span class="style3"><br />
<hr style="border: 0px solid rgb(51, 102, 153); width: 54%; height: 11px; color: rgb(0, 0, 0);" class="style4" />
</span></div>
<hr style="border: 0px solid rgb(51, 102, 153); width: 100%; height: 5px; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" />
<span class="style6">Copyright © 2012 Equi Photography | Algemene Voorwaarden</span><span class="style3">
<br />
<br />
</span></div>
</div>
</div></div></body></html>Alvast bedankt
Laatst bewerkt:
Op dit moment valt er eigenlijk weinig over te zeggen, omdat een aantal essentiële dingen in de html-code en de opmaak niet snor zitten.
Vandaar dat ik nu alles zelf uit moet zoeken, heb geld gestopt in die designer en ik heb niet het geld om alles overnieuw door iemand anders te laten doen.
