[HELP]HTML Display on connect.

bullseye92 · April 23, 2012

I have this code as html.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="Description" content="Website by Rafal" />
<meta name="Keywords" content="l2" />
<link rel="Stylesheet" type="text/css" href="menu.css" />
<title>L2 Abyss World</title>
</head>

<body>
<div id="outside_container">
<div id="container">
</div></div>
<center>
<div id="obj">
	<object type="application/x-shockwave-flash" data="l2.swf" width="1024" height="450">
		<param name="quality" value="high">
		<param name="wmode" value="transparent">
		<param name="menu" value="false">
	<div>
		<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
		<p><a href="www.adobe.com/go/getflashplayer.html"><img src="images/skin/get_flash_player.html" alt="Get Adobe Flash player" width="112" height="33"></a></p>
	</div>
	</object>
</div>


<div id="all">
    <div style="height: 0px;">
        <a href="index.html" id="logo"></a>
    </div>

    <table cellpadding="0" border="0" cellspacing="0" style="margin-top: 476px;" summary="">
        <tr>
            <td>
            </td>
        </tr>
    </table>

    <div class="clear"></div>

    <div id="menu"><div id="menutext">
        <a href="/" class="active">Home</a>
       <span></span>
        <a href="/">Forum</a>
        <span></span>
        <a href="/">FAQ</a>
        <span></span>
        <a href="/">Download</a>
        <span></span>
        <a href="/">Contact</a>
        <span></span>
        <div style="clear: both;"></div>
    </div>
</div>

<div id="umenut"></div>
<div id="umenub"></div>
<div id="umenur"></div>
<div id="umenul"></div>
<div class="clear"></div></div></div>

<div id="kamael">
</div>

<div id="vote">
</div>

<div id="board">
</div>

<div id="status">
</div>

<div id="util">
</div>

<div id="follow">
</div>

<div id="footer">
</div>

<div id="mainbox">
</div>

</center>
</body>
</html>

and this code as css

/*
Body & Header
*/
body {
margin: auto;
width:100%; 
height: 100%;
    background: #212121;
    font-size: 12px;
    font-family: "Trebuchet MS", sans-serif;
    line-height: 2px;
}

#logo{
margin: auto;
width:100%; 
height: 100%;
background:url(images/logo.png) no-repeat;
    display: block;
    height: 476px;
    width: 1280px;
}

#obj{
margin: auto;
width:100%; 
height: 100%;
    display: block;
    position: absolute;
    top: 25px;
right: 17px;
}

img { border: none; }
a { color: #ffffff; text-decoration: none; }

#all {
    width: 1280px;
    margin: auto;
}

#all2 {
    line-height: 16px;
}

#all3 {
    width: 1280px;
    margin: auto;
}

/*
Menu
*/

#menu {
    background: url(images/menubg.png);
    height: 68px;
    padding-left: 90px;
    overflow: hidden;
    }	

#menu a {
   display: block;
   float: left;
   padding: 35px 0px 0px 0px;
   width: 75px;
}

#menu a:hover, #menu .active {
    background: url('images/menu_akt.png')no-repeat;
    width: 75px;
    height: 68px;
    color: #3399ff;
    
}

#menutext
{
font-size: 14px;
    text-align:center;
color:ffffff;
}

#umenut
{
margin: auto;
background:url(images/umenu.png) no-repeat;
    height: 2px;
    width: 1280px;
float: bottom;
}
#umenub
{
margin: auto;
background:url(images/umenu.png) no-repeat;
    height: 3px;
    width: 1280px;
position:absolute;
    top:1490px;
}
#umenul
{
margin: auto;
background:url(images/umenu1.png) no-repeat;
    height: 948px;
    width: 2px;
position:absolute;
    left:1589px;
top: 544px;
}
#umenur
{
margin: auto;
background:url(images/umenu1.png) no-repeat;
    height: 948px;
    width: 2px;
  position:absolute;
   right:1589px;
top: 544px;
}

.clear {
    clear: both;
}

/*
Vote
*/

#vote{
background:url(images/vote.png) no-repeat;
    height: 300px;
    width: 188px;
position:absolute;
left:1225px;
top:635px;
}


#kamael{
background:url(images/kamael.png) no-repeat;
    height: 238px;
    width: 171px;
margin: auto;
position:absolute;
left:1285px;
top:440px;
}

/*
Main
*/

#board{
background:url(images/main.png) no-repeat;
    height: 955px;
    width: 1280px;
margin: auto;
display:block;
margin: auto;
top:553px;
left: 300px;
}

/*
Server Status
*/

#status{
background:url(images/status.png) no-repeat;
    height: 292px;
    width: 250px;
margin: auto;
position:absolute;
right:1225px;
top:570px;
}

/*
Utilities
*/

#util{
background:url(images/util.png) no-repeat;
    height: 400px;
    width: 188px;
margin: auto;
position:absolute;
right:1225px;
top:880px;
}

/*
Follow
*/

#follow{
background:url(images/follow.png) no-repeat;
    height: 401px;
    width: 188px;
margin: auto;
position:absolute;
left:1225px;
top:945px;
}

/*
footer
*/

#footer{
background:url(images/footer.png) no-repeat;
    height: 123px;
    width: 936px;
margin: auto;
position:absolute;
left:483px;
top:1350px;
}

/*
Mainbox
*/

#mainbox{
background:url(images/mainbox.png) no-repeat;
    height: 650px;
    width: 580px;
margin: auto;
position:absolute;
left:664px;
top:660px;
}

I see my site perfect but when i watch it from someones else it is so messed up.Any idea why?

Blane · April 23, 2012

Well I won't do the copy paste now to see what it does but certainly it depends on the browser. If you upload it somewhere to see it and tell me which broswer doesn't seem to render it right, then I might can help you out ;)

rafal1667 · April 23, 2012

it looks like my coding xD

bullseye92 · April 23, 2012

I used some of ur code as i bought a desing from snoopi.The thing is that i get these weird situations that i dont run with ur 2 projects u did for snoopi.Id like a help.But see u tommorow ill be glad if u could help me i am like 20 hours coding all day long >.<

rafal1667 · April 24, 2012

give link to page so we can check it

bullseye92 · April 24, 2012

i give u in message the website cuz it my IP

bullseye92 · April 24, 2012

I fixxed everything and all works correctly.The only problem is that hover effect and active effect over menu doesnt stay when i change pages.Any help?

/*
Menu
*/

#menu {
    background: url(images/menubg.png);
    height: 68px;
    padding-left: 40px;
    overflow: hidden;
    }	

#menu a {
   display: block;
   float: left;
   padding: 35px 0px 0px 0px;
   width: 85px;
}

#menu a:hover, #menu .active {
    background: url('images/menu_akt.png')no-repeat;
    width: 75px;
    height: 68px;
    color: #3399ff;
    
}

#menutext
{
font-size: 14px;
    text-align:center;
color:ffffff;
}

bullseye92 · April 25, 2012

bump

rafal1667 · April 25, 2012

  <div id="menu"><div id="menutext">
      <a href="/" class="active">Home</a>
       <span></span>
        <a href="/">Forum</a>
        <span></span>
        <a href="/">FAQ</a>
        <span></span>
        <a href="/">Download</a>
        <span></span>
        <a href="/">Contact</a>
        <span></span>
        <div style="clear: both;"></div>

cause this give this effect <a href="/" class="active">Home</a>

so when you want do next page with it <a href="/" class="active">Faq</a>

bullseye92 · April 25, 2012

ty a lot rafal.It was so tiny that i didnt even noticed it :D

bullseye92 · April 28, 2012

When i insert my URL To connect to the website i get a screen with my html code instead of the graphics.Whats the problem now?

Valve · May 1, 2012

paste again the code here and I will tell you what's wrong

[HELP]HTML Display on connect.

Recommended Posts

bullseye92

Blane

rafal1667

bullseye92

rafal1667

bullseye92

bullseye92

bullseye92

rafal1667

bullseye92

bullseye92

Valve

Join the conversation

Posts

Topics

Browse

Activity

Store