html:
<body>
<div id="header">
This is HEAD!
</div>
</body>
or
<!-- html5 -->
<body>
<header>
This is HEAD!
</header>
</body>
css:
<head>
<style type="text/css">
#header { /* #header <- (specify as id) -> id="header" */
height: 40px; /* specify height and width */
width: 300px;
background: url(images/yourimage.jpg); /* your background image */
}
or
header { /* html5 */
height: 40px;
width: 300px;
background: url(images/yourimage.jpg);
}
</style>
</head>
Results 11 to 20 of 79
Thread: Web Design
-
08-22-2012, 09:19 AM #11C.I.A.
- Join Date
- Mar 2011
- Posts
- 5,457
Re: Web Design
-
08-22-2012, 11:03 AM #12Junior Member
- Join Date
- Mar 2012
- Posts
- 91
Re: Web Design
ndot lagi ni..nice nga thread bro...mao rato kutob imung tutorial bro?part 2 ra kutob?
-
08-22-2012, 11:15 AM #13Banned User
- Join Date
- Aug 2012
- Posts
- 82
Re: Web Design
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
}
#header{
width:900px;
height:300px;
background:url(logo.jpg);
margin-left:auto;
margin-right:auto;
}
#menu{
width:900px;
height:40px;
background:#C30;
margin-left:auto;
margin-right:auto;
}
#body{
width:900px;
height:800px;
background:#333;
margin-left:auto;
margin-right:auto;
}
#footer{
width:900px;
height:200px;
background:#000066;
margin-left:auto;
margin-right:auto;
}
Bai maoni ako code dba car man to ako gi ilisan ug logo.jpg wa man mo display
-
08-22-2012, 11:16 AM #14Banned User
- Join Date
- Aug 2012
- Posts
- 82
Re: Web Design
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
}
#header{
width:900px;
height:300px;
background:url(logo.jpg);
margin-left:auto;
margin-right:auto;
}
#menu{
width:900px;
height:40px;
background:#C30;
margin-left:auto;
margin-right:auto;
}
#body{
width:900px;
height:800px;
background:#333;
margin-left:auto;
margin-right:auto;
}
#footer{
width:900px;
height:200px;
background:#000066;
margin-left:auto;
margin-right:auto;
}
Bai maoni ako code dba car man to ako gi ilisan ug logo.jpg wa man mo display
-
08-22-2012, 11:30 AM #15Elite Member
- Join Date
- Aug 2012
- Posts
- 1,873
Re: Web Design
hehe naa patoy part 3 - In part 3 we will going to insert an Image in our body and Add some text Content
Originally Posted by fon&fun
Busy ko last weekend hehe
-
08-22-2012, 11:31 AM #16Banned User
- Join Date
- Aug 2012
- Posts
- 82
Re: Web Design
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
}
#header{
width:900px;
height:300px;
background:url(images/logo.jpg);
margin-left:auto;
margin-right:auto;
}
#menu{
width:900px;
height:40px;
background:#C30;
margin-left:auto;
margin-right:auto;
}
#body{
width:900px;
height:800px;
background:#333;
margin-left:auto;
margin-right:auto;
}
#footer{
width:900px;
height:200px;
background:#000066;
margin-left:auto;
margin-right:auto;
}
bai mao ni ang code gi ilisan ang car.jpg dayon wala cya mo display.
-
08-22-2012, 11:31 AM #17Elite Member
- Join Date
- Aug 2012
- Posts
- 1,873
Re: Web Design
just add a folder bai Originally Posted by pulgar
like this: background:url(images/logo.jpg);
-
08-22-2012, 11:35 AM #18Banned User
- Join Date
- Aug 2012
- Posts
- 82
Re: Web Design
ok bai naa ka ym kanang dali ra tika ma access ba hehe
-
08-22-2012, 11:43 AM #19Elite Member
- Join Date
- Aug 2012
- Posts
- 1,873
Re: Web Design
im always online at my gmail bro: tuthaus@gmail.com Originally Posted by pulgar
il try to instal a chatroom in my website bro maybe this week para real time ang tutorial and discussion did2..
-
08-22-2012, 11:48 AM #20Banned User
- Join Date
- Aug 2012
- Posts
- 82
Re: Web Design
Dili lagi ghihapon bai mao ni code
body {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
font-style: normal;
}
#header{
width:900px;
height:300px;
background:url(images/CPFII Logo.jpg);
margin-left:auto;
margin-right:auto;
}
#menu{
width:900px;
height:40px;
background:#C30;
margin-left:auto;
margin-right:auto;
}
#body{
width:900px;
height:800px;
background:#999;
margin-left:auto;
margin-right:auto;
}
#footer{
width:900px;
height:200px;
background:#000066;
margin-left:auto;
margin-right:auto;
}
/*Navigation or menu bar*/
#menu_wrapper{
width:900px;
height:40px;
background:#C30;
float:left;
}
#menu_wrapper ul{
float:left;
padding:0;
margin:0;
}
#menu_wrapper li{
padding:0;
margin:0;
list-style:none;
width:800px;
}
#menu_wrapper li a{
display:block;
float:left;
list-style:none;
text-decoration:none;
line-height:40px;
padding:0 10px;
color:#FFF;
}
Reply With Quote
Similar Threads |
|
Posting Permissions
|