HTML bug?error?
Page 1 of 1
HTML bug?error?
I made a HTML codes for my forum description and when i preview it in HTML management, it is 100% working and no errors but when i copy the codes and paste it in one forum description, the background image is changing!
this is my HTML widget thing:
and when i paste the code in one forum description, it becomes like this
please help me, this is the codes:
this is my HTML widget thing:
and when i paste the code in one forum description, it becomes like this
please help me, this is the codes:
- Code:
<table><tr><td>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>JAN2XONLINE</title>
<style type="text/css">
/* Copyright Ali-G */
.navbar li a:link,a:active,a:visited {
padding: 0px;
text-shadow: 1px 1px 1px #111;
color: #000000;
text-decoration: none;
font-weight : bold;
}
.navbar li a:hover{
padding: 0px;
text-shadow: -1px -1px 1px #000;
text-decoration: none;
color: #FFFFFF;
}
h3
{
text-align: center;
color: #000000;
font-family:Arial,Helvetica,sans-serif;
}
h3:hover
{
color: #FFFFFF;
text-shadow: 1px 1px 2px black, 0 0 0.2em #0000FF, 0 0 0.2em #0000FF;
font-family:Arial,Helvetica,sans-serif;
}
.navbar {
background-image: url("http://i855.photobucket.com/albums/ab117/jan2xonline/NarutovsSasukeorFoxvsEagle.jpg");
position: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border: 1px solid #1e1e1d;
height: 375px;
width: 500px;
}
.navbar ul{
list-style-image:url(http://cdn.iconfinder.net/data/icons/miniicons2/arrow_dash_right.gif);
list-style-position:inside;
}
.navbar ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
line-height:20px;
word-spacing: 2px;
}
</style>
</head>
<body><div class="navbar">
<h3> Personal Room </h3>
<hr>
<ul>
<li><a href="#">Home page</a></li>
<li><a href="forum.htm">Enter Forum</a></li>
<li><a href="portal.htm">Portal</a></li>
<li><a href="faq.htm">FAQ</a></li>
<li><a href="memberlist.forum">Member List</a></li>
<li><a href="/first-step-f4/application-form-t2.htm">Application Form</a></li>
<li><a href="msg.forum?folder=inbox">Inbox</a></li>
<li><a href="/login.forum?connexion">Login</a></li>
<li><a href="/profile.forum?mode=register">Register</a></li>
</ul>
</body>
</html>
</td></tr></table>
</td></tr></table>
Re: HTML bug?error?
Put this code:
- Code:
<style type="text/css">
/* Copyright Ali-G */
.navbar li a:link,a:active,a:visited {
padding: 0px;
text-shadow: 1px 1px 1px #111;
color: #000000;
text-decoration: none;
font-weight : bold;
}
.navbar li a:hover{
padding: 0px;
text-shadow: -1px -1px 1px #000;
text-decoration: none;
color: #FFFFFF;
}
h3
{
text-align: center;
color: #000000;
font-family:Arial,Helvetica,sans-serif;
}
h3:hover
{
color: #FFFFFF;
text-shadow: 1px 1px 2px black, 0 0 0.2em #0000FF, 0 0 0.2em #0000FF;
font-family:Arial,Helvetica,sans-serif;
}
.navbar {
background-image: url("http://i855.photobucket.com/albums/ab117/jan2xonline/NarutovsSasukeorFoxvsEagle.jpg");
position: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 1px #000;
border: 1px solid #1e1e1d;
height: 375px;
width: 500px;
}
.navbar ul{
list-style-image:url(http://cdn.iconfinder.net/data/icons/miniicons2/arrow_dash_right.gif);
list-style-position:inside;
}
.navbar ul li {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
line-height:20px;
word-spacing: 2px;
}
</style>
<div class="navbar">
<h3> Personal Room </h3>
<hr>
<ul>
<li><a href="#">Home page</a></li>
<li><a href="forum.htm">Enter Forum</a></li>
<li><a href="portal.htm">Portal</a></li>
<li><a href="faq.htm">FAQ</a></li>
<li><a href="memberlist.forum">Member List</a></li>
<li><a href="/first-step-f4/application-form-t2.htm">Application Form</a></li>
<li><a href="msg.forum?folder=inbox">Inbox</a></li>
<li><a href="/login.forum?connexion">Login</a></li>
<li><a href="/profile.forum?mode=register">Register</a></li>
</ul>
Guest- Guest
Re: HTML bug?error?
Change the "navbar" with something else, because you already have "navbar" in the CSS for the forum, so change "<div class="navbar">"
to e.g "<div class="naruto-navbar"> then copy "naruto-navbar" and replace it with all "navbar" word in the CSS above .
to e.g "<div class="naruto-navbar"> then copy "naruto-navbar" and replace it with all "navbar" word in the CSS above .
Guest- Guest
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum