Pozdrav svima.
Imam jedan problem s kojim se borim vec nekoliko dana.Uzeo sam nekoliko knjiga koje se bave izradom wordpress teme. Napravio dizajn u Photoshopu krenuo da isjećem sve u HTLM to fino radi kako sam zamislio ali me zeza CSS jednostavno nece da mi nista unese ni jedne slike fonta itd.
Znam da se na forumu ne rade domace zadace niti to ocekujem vec me interesuje samo gdje grijesim. Sam CSS nije potpuno tocan jer sam nesto sam pisao a nesto je bilo copy-paste iz knjige ili sa interneta ali bi barem trebao da mi ucita podlogu.
Molim Vas za pomoc
HTML kod
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Vemi medical software development and publishing 1.0.1</title>
<link href="../style.css" rel="stylesheet" type="text/css" media="screen" />
<head>
<body>
<div id= "container"></div>
<div>
<body>
<html>
<div id="header">
<ul id="nav">
<li><a href="#">Pocetna</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
<h1>Search</h1>
<form action="" method="get">
<p>
Search: <input type="text" name="search" value="" id="search" placeholder="Search" class="rounded" />
</p>
</form>
</header>
<h2><a href="#"><img src="images/particle.jpg" alt="Return to the homepage" /></a></h2>
</div>
</div>
<div id="content">
<div id="main">
<div class="post">
<h3><a href="#">Jake Plays With His New Dog Friends At The Park</a></h3>
<p class="date">18 <span>Jul</span></p>
<ul class="meta">
<li>Posted in <a href="#">Vlog</a></li>
<li class="comments"><a href="#">5 Comments</a></li>
</ul>
<div class="post-content">
</div>
</div>
[...]
<div class="pagination">
<p class="prev"><a href="#">Older posts</a></p>
<p class="next"><a href="#">Newer posts</a></p>
</div>
</div>
<div id="side">
<div id="categories">
<h4>Kategorije</h4>
<ul>
<li><a href="#">kategorija 1</a> 4</li>
<li><a href="#">kategorija 2</a> 3</li>
<li><a href="#">kategorija 3r</a> 2</li>
<li><a href="#">kategorija 4</a> 5</li>
<li><a href="#">kategorija 5</a> 48</li>
<li><a href="#">kateogrija 6r</a> 2</li>
<li><a href="#">kategorija 7</a> 2</li>
<li><a href="#">kategorija 8</a> 2</li>
</ul>
</div>
</div>
<div id="side">
<div id="latest-posts">
<h5>Postovi</h5>
<ul>
<li><a href="#">Post 1</a></li>
<li><a href="#">Post 2</a></li>
<li><a href="#">Post 3</a></li>
<li><a href="#">Post 4</a></li>
<li><a href="#">Post 5</a></li>
</ul>
</div>
</div>
<div id="footer">
<div id="credits"><span class="right">Powered by <a href="http://www.wordpress.org">WordPress</a>
</div>
CSS kod
body, div, h1, h2, h3, h4, h5, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
margin: 0; padding: 0; border: 0;
}
body {
font-family: Helvetica, Arial, Sans-Serif; line-height: 24px;
background: #eee url(images/body-bg.jpg) center top no-repeat;
}
#container {
width: 925px; margin: 0 auto; padding: 143px 0 0 0;
}
#header h1 {
float: left;
}
#header ul#categories {
float: right; list-style: none; margin: 16px 0 0 0;
}
#header ul#categories li {
float: left; margin: 0 0 0 40px;
}
#header ul#categories li a {
display: block;
font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#header ul#categories li a:hover {
color: #006ab1;
}
#header ul#categories {
float: right; list-style: none; margin: 16px 0 0 0;
}
#header ul#categories li {
float: left; margin: 0 0 0 40px;
}
#header ul#categories li a {
display: block;
font-size: 14px; font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#header ul#categories li a:hover {
color: #006ab1;
}
#content {
background: url(images/content-bg.png) right top repeat-y; overflow: hidden;
}
#content a {
font-weight: bold; text-transform: uppercase; color: #a42988;
text-shadow: 0 2px 0px #fff; text-decoration: none;
}
#content a:hover {
color: #006ab1;
}
#content #main {
width: 685px; float: left; padding: 55px 0 0 0;
}
#content #main h2 {
margin: 0 0 16px 0;
}
#content #main p {
margin: 0 0 25px 0; color: #474747; font-size: 15px;
}
#content #main .post {
background: url(images/post-divider.png) right bottom no-repeat;
padding: 0 47px 55px 0; margin: 0 0 55px 0;
overflow: hidden;
}
#content #main .post .date {
width: 62px; height: 57px; float: left; padding: 15px 0 0 0; margin: 0 20px 0 0;
background: #0085cc url(images/date-bg.jpg);
text-align: center;
}
#content #main .post .date p {
font-size: 40px; font-weight: bold; color: #fff;
text-shadow: 0 2px 3px #006ab1;
}
#content #main .post .date p span {
margin: 5px 0 0 0;
display: block; font-size: 17px; font-weight: normal; text-transform: uppercase;
}
#content #main .post .post-content {
width: 556px; float: left;
}
#content #main .post .post-content ul.post-meta {
width: 515px; height: 21px; list-style: none; padding: 14px 20px;
background: #d6d6d6 url(images/meta-bg.jpg);
}
#content #main .post .post-content ul.post-meta li {
float: left; margin: 0 40px 0 0;
font-size: 15px; font-weight: bold; text-transform: uppercase; color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
}
#content #main .post .post-content ul.post-meta li.read-more {
float: right; margin: 0 0 0 0;
}
#content #main .post .post-content ul.post-meta li a {
color: #fff; text-shadow: 0px 2px 3px #b8b8b8;
}
#content #main .post .post-content ul.post-meta li a:hover {
color: #eee;
}
#content #side {
width: 200px; float: left; padding: 5px 20px;
}
#content #side p#subscribe a {
display: block; height: 30px; font-size: 20px; color: #fff; padding: 7px 0 0 45px; margin: 0 0 15px 0;
text-shadow: 0px 2px 3px #b8b8b8;
background: url(images/rss-icon.png) left no-repeat;
}
#content #side p#subscribe a:hover {
color: #eee;
}
#content #side ul#pages {
list-style: none; margin: 0 0 30px 0;
}
#content #side ul#pages li {
margin: 0 0 5px 0;
}
#content #side ul#pages li a {
display: block; width: 157px; height: 23px; padding: 12px 20px; text-align: center;
background: #eee url(images/sidebar-btn.png);
}
#content #side h3 {
font-size: 20px; text-transform: uppercase; color: #fff; margin: 0 0 5px 0;
text-shadow: 0px 2px 3px #b8b8b8;
#content #side form#search {
margin: 0 0 30px 0;
}
#content #side form#search input.search-bar {
width: 135px; height: 43px; padding: 1px 45px 0 15px; float: left;
background: #eee url(images/search-bar.png);
font-size: 15px; color: #474747;
}
#content #side form#search input.search-btn {
width: 27px; height: 27px; float: right; margin: -36px 15px 0 0; cursor: pointer;
background: url(images/search-btn.png); text-indent: -9999px; padding: 0 0 0 27px;
}
#footer {
background: url(images/footer-bg.png) center top no-repeat; overflow: hidden;
min-height: 139px;
Unaprijed hvala