...

View Full Version : Website not showing right in internet browser



JStylezz
08-02-2012, 10:28 PM
Hi everyone,

I made a website with dreamweaver recently, and i uploaded my website on my FTP.
In dreamweaver the website shows normally, and also, when i open the file locally, open the index.html, it also shows normally.

Now, i go to my website http://extreme-host.net/coming, and a yellow bar is represented at the place the header should be.
In the attchament a picture of how it looks like in dreamweaver.

Now i'm curious, is this a mistake in my coding, or is it some windows/linux incompatible thing i know nothing about?

Thanks in advance

tracknut
08-02-2012, 11:00 PM
It looks to me like your images are not on the server, or at least not in the place your code is pointing to...

Dave

tempz
08-02-2012, 11:46 PM
I changed this? I couldn't find the images you where using in the css! So I decided to use others :P

The image issue was fixed by adding / before your location i.e
background: url(/myimages/image.png);

CSS - That is your full css with my changes.


*
{
margin:0;
padding:0;
}

body
{
background:#2a3742 url(/images/bg.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#eee;
margin-top:5px;
}

a
{
text-decoration:none;
color:#7CBF0F;
}

a:hover
{
text-decoration:underline;
color:#A3D74F;
}

#wrap
{
width:800px;
margin:0 auto;
}

#header
{
height:120px;
background:#2a3742 url(/images/header.jpg) no-repeat center;
border:1px solid #ccc;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:20px;
outline:0;
-webkit-appearance:none;
background-size:860px 150px;
padding:4px 7px;
}

#header h1
{
font-size:28px;
letter-spacing:-1px;
color:#fff;
padding:35px 0 0 20px;
}

#header h1 a
{
color:#fff;
text-decoration:none;
font-weight:100;
letter-spacing:-2px;
}

#header h1 a:hover
{
color:#A3D74F;
}

#header h2
{
font-size:19px;
color:#e1c70e;
letter-spacing:-1px;
font-weight:100;
padding:5px 0 0 20px;
}

#contentbar
{
background:#e1f2d0 url(/images/main_content_header.gif) no-repeat right -10px;
height:50px;
line-height:50px;
margin-top:10px;
background-size:560px 70px;
background-position:250px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
font-size:20px;
outline:0;
-webkit-appearance:none;
display:inline;
float:left;
border:1px solid #fff;
padding:4px 7px;
}

.contentbarleft
{
display:inline;
float:left;
font-weight:600;
font-size:15px;
width:250px;
height:58px;
background:#e1f2d0 url(/images/left_content_header.gif);
background-size:690px 90px;
background-position:-20px;
-moz-border-radius:10px 0 0 10px;
-webkit-border-radius:10px 0 0 10px;
border-radius:10px 0 0 10px;
border:1px;
margin:-4px -7px -5px;
}

.contentbarright
{
float:right;
padding-left:20px;
font-weight:600;
font-size:15px;
text-align:left;
width:530px;
}

#content
{
padding:0 10px;
}

#contentbar p
{
position:relative;
top:-50px;
}

#contentbar span
{
position:relative;
left:10px;
top:5px;
}

.right
{
float:right;
width:530px;
text-align:justify;
padding-top:20px;
font-size:14px;
}

.right h2
{
font-size:18px;
font-weight:100;
height:30px;
line-height:30px;
}

.right h2 a
{
text-decoration:none;
color:#A3D74F;
}

.right h2 a:hover
{
color:#fff;
}

.left
{
float:left;
width:220px;
padding-top:10px;
}

.left h2
{
padding-left:10px;
height:30px;
line-height:30px;
color:#fff;
font-size:13px;
margin:10px 0 0;
}

.left ul
{
list-style-type:none;
padding:10px 0 15px 20px;
}

.left ul li a
{
text-decoration:none;
font-weight:600;
font-size:13px;
}

#footer
{
text-align:center;
font-size:11px;
color:#eee;
margin-top:40px;
border-top:1px dotted #A2D84C;
padding-top:10px;
padding-bottom:10px;
}

#footer a
{
color:#eee;
}

#footer a:hover
{
color:#aaa;
}


HTML

I changed



<span class="nav">Navigation :</span>




<p> About:</p>


Looks good from my end - Chrome

Preview: http://i.imgur.com/NQa0I.png

NOTE: I didn't add any border to your wrap..

:)

JStylezz
08-03-2012, 11:13 AM
Thanks alot, it works :)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum