/    Sign up×
Community /Pin to ProfileBookmark

Can some one please give me a hand

Copy linkTweet thisAlerts:
Jul 18.2006

Can some one please post up an example (code = external style sheet & index.html – paste them from notepad) for a small site they have done (or even page)

I want to see how it is done in general (especially background images)

[COLOR=DarkOrange]Thanks so much to all of you who contribute[/COLOR]

to post a comment
CSS

1 Comments(s) ↴

Copy linkTweet thisAlerts:
@The_Little_GuyJul 18.2006 — THE HTML:
[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<!-- line below, is link to style sheet -->
<link rel="stylesheet" type="text/css" href="style.css">
<title>Page</title>
</head>
<body>

<!-- Text/Content To Page Goes here -->

</body>
</html>[/code]

THE EXTERNAL STYLE SHEET (For: http://d-top.org/):
[CODE]body{
padding:0;
margin:0;
font-family:"verdana", "arial";
background-image: url('images/dotedlineleft.gif');
background-repeat: repeat-y;
}
table{
width:400px;
}
.redtxt{
color:#FF0000;
}
.head{
background-color:#FFFFFF;
background-image: url('images/logo.gif');
background-repeat: no-repeat;
border-bottom:solid 1px #000000;
background-position: 15px 25px;
height:120px;
}
.container{
width:100%;
margin-left:0px;
margin-top:5px;
}
.nav{
float:left;
width:200px;
font-size:12px;
padding-left:5px;
}
.nav b{
font-size:15px;
}
.nav li{
width:185px;
color:#FFFFFF;
background-color:#0066CC;
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding-left:3px;
}
.nav ul
{
padding-left:0px;
margin-left:0px;
list-style:none;
margin-top:5px;
margin-bottom:6px;
}
.content{
float:left;
width:45%;
margin-bottom:50px;
}
.login{
position:absolute;
top:5px;
left:0;
width:82%;
}
.log{
background-color:#FFFFFF;
width:250px;
float:right;
padding:5px;
}

.tableleft{
float:left;
width:50px;
padding:2px;
text-align:left;
}
.tableright{
float:left;
padding:2px;
text-align:left;
}
a.link, a:visited, a:active, a:hover{
color:#0066CC;
}
a.navl:link, a.navl:visited, a.navl:active, a.navl:hover{
color:#FFFFFF;
}
a.navlb:link, a.navlb:visited, a.navlb:active, a.navlb:hover{
color:#FFFFFF;
font-weight:bold;
}
[/CODE]
×

Success!

Help @oo7ml spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...