The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

HTML bug?error?

Go down

HTML bug?error? Empty HTML bug?error?

Post by JAN2XONLINE October 5th 2010, 8:24 pm

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:
HTML bug?error? 01

and when i paste the code in one forum description, it becomes like this
HTML bug?error? 02


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>
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

HTML bug?error? Empty Re: HTML bug?error?

Post by Guest October 5th 2010, 8:57 pm

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>
avatar
Guest
Guest


Back to top Go down

HTML bug?error? Empty Re: HTML bug?error?

Post by JAN2XONLINE October 6th 2010, 2:16 am

yeah it workings but the image is still not the same with mine

ss:
HTML bug?error? Not_wo10





its not the same with this one:
HTML bug?error? 01
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

HTML bug?error? Empty Re: HTML bug?error?

Post by Guest October 6th 2010, 9:44 am

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 Smile.
avatar
Guest
Guest


Back to top Go down

HTML bug?error? Empty Re: HTML bug?error?

Post by JAN2XONLINE October 7th 2010, 8:19 pm

sir i dont get it -_-"
JAN2XONLINE
JAN2XONLINE
Forumember

Male Posts : 943
Reputation : 32
Language : Tagalog, English
Location : Alberta, Canada

http://animeph.4umer.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum