| Schrijver |
Bericht |
Laurent Veys
Forum Lid
22 posts |
# Geplaatst: 25 Apr 2010 16:59 · Aangepast door: Laurent Veys
Hoi,
Ik ben begonnen met het ontwerp dat ik gemaakt heb, te maken in html, zodat ik de template al heb. Later zet ik alles wel om zodat er een werkende zoekfunctie in kan.
Het lukt me aardig om alles in html te zetten, maar ik vroeg me af wat ik het beste doe voor de zoekbalk (deze moet nog niet werken).
Ik werk met dreamweaver, en heb via "INSERT > forms > Text field" al eens een tekstveld ingevoegd. Het is ongeveer zo iets dat ik nodig heb.
Vaak zie je op site's iets beter dan het gene ik nu heb:
Ik zou de balk waar de mensen in kunnen typen dus graag wat aanpassen.
Dit is het gene dat ik wil maken. Weet iemand hoe ik dit het best aanpak?
Ik wist niet precies waar ik dit topic het best kon plaatsen. K'hoop dat ik goed zit.
Bedankt voor uw tijd,
Laurent
|
| |
|
egaTniv
Forum Lid
3780 posts |
# Geplaatst: 25 Apr 2010 17:09
op de kleur na lijkt dit al best goed (in ff en ie8)
html code<style type="text/css">
#zoek{
background-image:url(http://img695.imageshack.us/img695/9350/schermafbeelding2010042.png);
width:219px;
height:33px;
}
#zoekinput{
margin-left: 36px;
margin-top:6px;
border:none;
color:#0CF;
font-weight:bold
}
</style>
<div id="zoek">
<input id="zoekinput" name="" type="text" value="Zoeken" />
</div>
|
Laurent Veys
Forum Lid
22 posts |
# Geplaatst: 25 Apr 2010 17:14
Snelle en goeie service :D
Supper bedankt!
Laurent
|
egaTniv
Forum Lid
3780 posts |
# Geplaatst: 25 Apr 2010 17:20
Zo is hij net iets completer:
html code<input id="zoekinput" name="" type="text" value="Zoeken" onfocus="if(this.value == 'Zoeken'){this.value=''}" onblur="this.value='Zoeken'" />
|
Laurent Veys
Forum Lid
22 posts |
# Geplaatst: 25 Apr 2010 17:25
Veel ken ik nog niet van die zaken. Ik ga dat binnenkort wel leren.
Ik zie niet echt een verschil tussen beide. Kun je eens verklaren?
Bedankt!
Laurent
|
egaTniv
Forum Lid
3780 posts |
# Geplaatst: 25 Apr 2010 17:38
als je erop klikt gaat Zoeken weg en als je eraf gaat (niet op enter hebt geramt om te submitten) dan komt er weer Zoeken te staan
|
Laurent Veys
Forum Lid
22 posts |
# Geplaatst: 25 Apr 2010 17:45
ahzo.
Dankzij u ben ik bijna klaar met de html uitvoering van mijn site.
Weet u toevallig ook een goede oplossing voor mijn laatste probleem?
Mijn navigatiebalk is nu nog met vierkante hoeken. Ik zou graag ronde hoeken hebben, zoals ik in mijn voorontwerp maakte.
De links zijn gewoon een rij links in een div met wat stijlen.
#navigation
{
background-image:url(../assets/nav.gif);
float: left;
width: 1020px;
height: 60px;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
font-size: 16px;
margin-bottom: 20px;
}
#navigation a:link
{
background-color:#333333;
color:#FFF;
width: 169px;
display: block;
line-height: 20px;
padding-top: 20px ;
padding-bottom: 20px;
text-decoration: none;
float: left;
text-align: center;
margin-right: 1px;
}
#navigation a:visited
{
background-color:#333333;
color:#FFF;
display: block;
width: 169px;
line-height: 20px;
padding-top: 20px ;
padding-bottom: 20px;
text-decoration: none;
float: left;
text-align: center;
margin-right: 1px;
}
#navigation a:hover
{
background-color: #3399cc;
width: 169px;
color: #FFF;
line-height: 20px;
display: block;
padding-top: 20px ;
padding-bottom: 20px;
float:left;
text-align:center;
margin-right: 1px;
}
Ik heb de site ondertussen eens on-line gezet.
http://www.villa-kenya.com/sitegip/index.html
Volledige css staat hier:
http://www.villa-kenya.com/sitegip/css/style.css
Laurent
|
