html i css ( web dizajn )

[ Uber @ 01.05.2015. 11:07 ] @

Radim neku vjezbu u HTML i CSS i imam jedan problem. Zelim stavit paragraf o autorskim pravima ( tako pise u vjezbi ) na dnu stranice. Uvjek kada ga ubacim i probam otvoriti u nekom pregledniku njega nema,izgubi se. Medjutim,kada ga stavim na pocetak on se pojavi,ali kada ga napisem na kraju strane,kod </body> taga,on se ne pojavljuje u pregledniku. Nadam se da neko zna u cemu je problem?

[ Shadowed @ 01.05.2015. 12:24 ] @

Jesi li stavio pre ili posle </body>?

[ Uber @ 01.05.2015. 13:09 ] @

Naravno prije </body> taga. Pojasnit cu malo bolje. Imam tri djela: < div id="intro"> , <div id="testimonials"> i <div id="products"> . Problem je ovdje: znaci paragraf o autorskim pravima treba da se nadje na kraju stranice,normalno,ali kada ga ubacim na kraju stranice on se ne pojavljuje,nema ga. Medjutim,kada ga ubacim u neki od ova tri djela,on ce se je pojavit. Evo i slika na kojoj se moze vidit sta je problem. http://i.imgur.com/aedUEzM.png Ali kada ga postavim,ne pojavljuje se ! Gledam gdje je problem,ali i dalje ga ne nalazim. O.o Znaci <p id="copyright"> ... </p> stavim na kraju,ali preglednik ga ne prikazuje?

[ djoka_l @ 01.05.2015. 14:10 ] @

Kako misliš dati iko pomogne samo na osnovu slike i opisa?
Očigledno, negde grešiš. Stavi ovde html, bez ikakvih stilova - plain vanilla - pa da vidimo gde grešiš...

[ Uber @ 01.05.2015. 16:33 ] @

Evo kompletan kod.Problem je ovaj zadnju pasus o autorskim pravima,koji preglednik ne prikazuje.

<body>

<div id="intro">
<h1><img src="images/jenware_logo.gif" width="451" height="81" alt="JenWARE logo"> JenWARE... Make It Personal </h1>
<p>Special occasions call for special gifts. The Jenware line of housewares and clothing can be personalized for the ones you love... the happy couple celebrating their new life together... the recent graduate... or a new baby. </p>
</div>
<div id="content">
<div id="testimonials">
<h2>Testimonials</h2>
<p>"The JenWARE onesies were the hit of the baby shower. The custom letter "a" and handmade quality made this gift really stand out among the cookie-cutter clothes from the department store."</p>
<p>"Thanks for the cool JenWARE barware. I couldn't wait until I found "Mr. Right," so I just bought a set for myself! My friends always want to know where I got them so I send them to your site." </p>
</div>

<div id="products">
<h2 class="first">GlassWARE</h2>
<p><img src="images/glasses.jpg" width="250" height="116" alt="photo of glasses"></p>
<p><em>The perfect wedding gift.</em> Our highest quality glassware is sandblasted by hand with the character of your choice. Choose from 26 letters and 24 typefaces. Custom designs are also available for an additional design charge. Allow 4 to 6 weeks for delivery. </p>
<p class="goto"><a href="#">Go to the GlassWARE page </a></p>
<h2>BabyWARE</h2>
<p><img src="images/shirts.jpg" width="265" height="167" alt="photos of shirts"></p>
<p><em>Tired of sickly-sweet?</em> These onesies with oversized letters in bold, bright patterns are a welcome change from the usual pastel fare. Monogrammed pants and baby shoes are also available. Tell us the initial and mix and match from 6 fun fabric patterns and 8 edging colors. Allow 2 to 4 weeks for delivery. Sizes: 3mos, 6mos, and 12mos.</p>
<p class="goto"><a href="#">Go to the BabyWARE page</a> </p>
</div>
</div>

<img id="award" src="images/awesomesite.gif" alt="awesome site of the week"/>

<p id="copyright"> All content copyright © Jennifer Robbins and Jenware, Inc. </p> 

</body>

[ deedee5 @ 01.05.2015. 16:53 ] @

Radi. Da ti font možda nije iste boje kao pozadina? Ili te zeza keš?

[ Uber @ 01.05.2015. 17:43 ] @

Vidim.Nije iste boje kao pozadina,u opisu stila za id="copyright" sam ovo postavio :

#copyright {
color:#663333;
font-size: 10px;
text-align: center;
}

Provjeravam opet,ali ne nalazim grjesku. Editor je Notepad + + O.o .

[ Panajotov @ 01.05.2015. 18:42 ] @

Postavi sliku, da bi videli. Ili postavi ceo kod.

Moja preporuka, koristi class umesto id.

[ Uber @ 01.05.2015. 18:51 ] @

Komplet kod strane( i stilovi):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>JenWARE | Personalized Gifts</title>
<style type="text/css">
body {
font: 76% Verdana, sans-serif;
background: #FCF191 url(images/top-background.gif) repeat-x;
margin-left: 12% ;
margin-right: 12%;

}
/* styles for the intro section */

#intro {
text-align: center;
margin: 3em 0 ;
}

#intro h1 {
font-size: 1.5em;
color: #F26521;
}

#intro img {
vertical-align: middle;
}

#intro p {
font-size: 1.2em;
}

/* styles for the testimonials box */

#testimonials {
width:150px;
position:absolute;
top:0px;
right:0px;
border: 1px dashed #F26521;
padding:1em;
padding-left:60px;
background: #FFBC53 url(images/ex-circle-corner.gif) no-repeat left top;
line-height: 1.2em;
}

#testimonials h2 {
font-size: 1em;
text-transform: uppercase;
color: #F26521;
letter-spacing: 3px;
}

/* styles for the products section */

#products {

position:absolute;
top:0px;
left:0px;
margin-right:260px;
border: double #FFBC53;
padding:2em;
background-color: #FFF;
line-height: 2em;
}

#products h2 {
margin-top: 3em;
border-top: 1px solid;
border-left: 3px solid;
padding-left: 1em;
font-size: 1.2em;
color: #921A66;
}

#products img{
float:left;
margin: 0px 6px 6px 0px;

}

/* link styles */

a:link, a:active , a:visited, a:hover {
text-decoration:none;
border-bottom: 1px dotted;
padding-bottom: 1.25 em;
}

a:link , a:active {
color: #CC0000;
}

a:visited{
color: #921A66;
}

a:hover{
background-color: #FCF191;
color: #921A66;
}
/* miscellaneous styles */

em {
color: #F26521;
}

#products h2.first{
margin-top: 0;
}

#products p.goto{
clear:left;
}

#award{
position:absolute;
top:35px;
left:150px;
}

#content{
position:relative;
}

.copyright {
color:#663333;
font-size: 10px;
text-align: center;
}
</style>

</head>

<body>

<div id="intro">

<h1><img src="images/jenware_logo.gif" width="451" height="81" alt="JenWARE logo"> JenWARE... Make It Personal </h1>
<p>Special occasions call for special gifts. The Jenware line of housewares and clothing can be personalized for the ones you love... the happy couple celebrating their new life together... the recent graduate... or a new baby. </p>
</div>
<div id="content">
<div id="testimonials">
<h2>Testimonials</h2>
<p>"The JenWARE onesies were the hit of the baby shower. The custom letter "a" and handmade quality made this gift really stand out among the cookie-cutter clothes from the department store."</p>
<p>"Thanks for the cool JenWARE barware. I couldn't wait until I found "Mr. Right," so I just bought a set for myself! My friends always want to know where I got them so I send them to your site." </p>
</div>

<div id="products">
<h2 class="first">GlassWARE</h2>
<p><img src="images/glasses.jpg" width="250" height="116" alt="photo of glasses"></p>
<p><em>The perfect wedding gift.</em> Our highest quality glassware is sandblasted by hand with the character of your choice. Choose from 26 letters and 24 typefaces. Custom designs are also available for an additional design charge. Allow 4 to 6 weeks for delivery. </p>
<p class="goto"><a href="#">Go to the GlassWARE page </a></p>
<h2>BabyWARE</h2>
<p><img src="images/shirts.jpg" width="265" height="167" alt="photos of shirts"></p>
<p><em>Tired of sickly-sweet?</em> These onesies with oversized letters in bold, bright patterns are a welcome change from the usual pastel fare. Monogrammed pants and baby shoes are also available. Tell us the initial and mix and match from 6 fun fabric patterns and 8 edging colors. Allow 2 to 4 weeks for delivery. Sizes: 3mos, 6mos, and 12mos.</p>
<p class="goto"><a href="#">Go to the BabyWARE page</a> </p>
</div>
</div>

<img id="award" src="images/awesomesite.gif" alt="awesome site of the week"/>

<p class="copyright"> All content copyright © Jennifer Robbins and Jenware, Inc. </p> 
</body>

[ Panajotov @ 01.05.2015. 19:09 ] @

#products, stavio si position:absolute, zasto? :D
Obrisi i videces gde se nalazi copyright.

[ Uber @ 01.05.2015. 19:16 ] @

E vidis ne vidjeh ovo. :O Odlicno. Sredjeno. Ma radio sam sa float,pa da vidim da ne mora float,da moze i drugacije da se pozicioniraju elementi u CSS . Sigurno sam bio zamjenjivao,htjeo sam da products stoji desno,testemonials predje lijevo,cisto onako,kasnije sam vratio,i nisam pobrisao position: absolute; i to je to. (Y)