Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Website not showing right in internet browser

    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
    Attached Thumbnails Attached Thumbnails Website not showing right in internet browser-dwv.jpg  

  • #2
    Senior Coder
    Join Date
    Aug 2006
    Posts
    1,396
    Thanks
    11
    Thanked 296 Times in 295 Posts
    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

  • #3
    Regular Coder
    Join Date
    Jul 2012
    Location
    London
    Posts
    473
    Thanks
    4
    Thanked 86 Times in 86 Posts
    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
    Code:
     background: url(/myimages/image.png);
    CSS - That is your full css with my changes.
    Code:
    *
    {
    	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

    Code:
    <span class="nav">Navigation :</span>
    Code:
    <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..


  • Users who have thanked tempz for this post:

    JStylezz (08-03-2012)

  • #4
    New to the CF scene
    Join Date
    Aug 2012
    Posts
    2
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks alot, it works
    Last edited by JStylezz; 08-03-2012 at 01:42 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •