Saro Verhees
Legacy Member
Hallo,
Ik ben bezig met deze layout te basen, maar zat vast bij het search box stuk. Ik weet namelijk niet hoe ik dat kan oplossen (heb ook niet veel verstand van CSS/HTML).
Dit is wat ik tot nu toe gedaan heb:
Photoshop-leren.be
HTML:
CSS:
Ik heb al hard gezocht, maar ik kan het probleem maar niet vinden!
Alvast bedankt,
Saro Verhees
Ik ben bezig met deze layout te basen, maar zat vast bij het search box stuk. Ik weet namelijk niet hoe ik dat kan oplossen (heb ook niet veel verstand van CSS/HTML).
Dit is wat ik tot nu toe gedaan heb:
Photoshop-leren.be
HTML:
HTML:
<!--Start Header-->
<div id="header_wrap">
<div id="header">
<a href="#"><img id="logo" src="images/logo.jpg" alt="logo" height="128" width="444" ></a>
<div class="hide">
<h1>Blogname</h1>
<h2>Blog Descrition</h2>
</div>
<!--Search-->
<div id="search_wrap">
<form id="searchform" method="get" action="http://www.themeforest.net">
<fieldset>
<input type="text" name="s" id="s" size="10" /><br />
<input type="submit" value="Go" id="button" />
</fieldset>
</form>
</div>
</div>
</div>
<!--End Header-->CSS:
HTML:
/*HEADER*/
#header {
margin: 0;
padding: 0;
background:url(images/logo.jpg) no-repeat;
height: 128px;
width: 444px;
position: relative;
}
/*
-Search-
*/
#search_wrap {
top: 20px;
right: 0;
position: absolute;
}
#s {
background: #676767;
border: 1px solid #8a8a8a;
padding: 5px 10px 6px 6px;
font-size: 13px;
color: #cacaca;
width: 180px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#button {
position: absolute;
top: -2px;
right: -23px;
height: 43px;
width: 43px;
background: url(images/search.png) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}Ik heb al hard gezocht, maar ik kan het probleem maar niet vinden!
Alvast bedankt,
Saro Verhees
