BakaBT > Need Help? Ask Here
Css xhml help
(1/1)
juggalojohn:
ive been learning css and xhml from a friend and any way heres the problem.
when i put my code into the edit window and its not loading my backround image. can someone help me find where i f'éd up. things ive tryed was diffrent img hosters and thats about it
(click to show/hide)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Wellfleet'
rel='stylesheet' type='text/css'>
<style type="text/css">
body {
font-family: 'Wellfleet', cursive;
font-size: 12px;
margin: 0px;
padding: 0px;
line-height: 18px;
}
a, a:link, a:visited {
text-decoration: none;
color:#f0efe7;
font-weight: bold;
letter-spacing: 0px;
-webkit-transition: color .5s linear;
-moz-transition: color .5s linear;
-o-transition: color .5s linear;
-ms-transition: color .5s linear;
transition: color .5s linear;
}
a:hover {
color:#000;
font-weight: bold;
text-decoration:none;
}
#overlay {
position: absolute;
left: 10px;
width: 400px;
height: 670px;
top: 10px;
background: #18e99f;
opacity: 0.60;
}
#block1 {
height: 670px;
width: 380px;
position: absolute;
top: 20px;
left: 20px;
}
#overlay2 {
position: absolute;
left: 570px;
width: 200px;
height: 50px;
top: 10px;
background: #18e99f;
opacity: 0.70;
}
#block2 {
height: 50px;
width: 250px;
position: absolute;
top: 25px;
left: 550px;
}
.headtext1 {
color: #fff;
font-variant:small-caps;
font-size: 28px;
font-weight: bolder;
text-align: justify;
padding-top: 0px;
}
.headtext2 {
color: #fff;
font-variant:small-caps;
font-size: 21px;
font-weight: bolder;
text-align: justify;
padding-top: 0px;
}
.text1 {
color: #000;
text-align: justify;
}
.text2 {
color: #000;
text-align: right;
}
#area {
height:700px;
width:940px;
background-image: url
(http://imageshack.us/a/img62/2213/backroundcopyg.jpg);
background-repeat:no-repeat;
background-color: #000000;
}
</style>
</head>
<body>
<div id="area">
<div id="overlay"></div>
<div id="block1"><div
class="headtext1"><center>Aquadom</center></div><br /><div
class="headtext2"><center>Information</center></div><div
class="text1"><ul><li>Genres :Action,Adventure< fantasy,
Mecha, Shoujo, Shounen</li>
<li>Year: 1997</li>
<li>Publisher: Kadokawa Shoten</li>
<li>Volumes: 4</li>
<li>Chapters: 15</li>
<li>Author\Artist:MAMAHARA Ellie</li>
<li>Rating:7.1/10 (26 votes)</li>
<li>Groups: Aliene</li>
</ul></div><div class="headtext2"><center></center></div><div
class="text1">
<div class="headtext2"><center>Description</center></div><div
class="text1">
<p>
Tastumi is a normal boy going to school and living with his
strict older brother. Orphaned at a young age, his brother has
been both a mother and a father to him. One day, he and his
friends are about to rescue a beautiful girl from being
harrassed when she beats them up herself. When she sees
Tatsumi, she suddenly calls him "Rui". What does this mean?
Who is the girl? Why are there strange men attacking him all
of a sudden? And why is his brother suddenly so different??
(Source: Manga-Updates)
</p></div></div>
<div id="overlay2"></div>
<div id="block2"><div class="headtext2"><center><a
target="_blank" href="http://bakabt.me/browse.php?
q=Aquadom">Related on BBT</a></center></div></div>
<body>
[screenshot]
[/screenshot]
</Body>
</div>
</body>
</html>
Takeshi:
--- Quote ---background: url(http://imageshack.us/a/img62/2213/backroundcopyg.jpg);
--- End quote ---
instead of
--- Quote ---background-image: url(http://imageshack.us/a/img62/2213/backroundcopyg.jpg);
--- End quote ---
juggalojohn:
thank you that worked
Navigation
[0] Message Index
Go to full version