Forum: web design and graphics community

Celestial Star Forum > General > Support / Suggestions > Help please T_T

Pages: [1] 2

« previous next »

Author

Topic: Help please T_T (Read 1229 times)

Lil-chan

Angeling

Posts: 9

Help please T_T

« on: April 25, 2008, 08:38:32 PM »

Im new here and I just downloaded my first web layout code design (i dont know what to call it) and I extracted the .zip file and got the code thing from the index so i paste it on Dreamweaver CS3 and I get a layout with no pic with a little icon that shows a broken page what does that mean??

Sorry if i said a stupid question im new here ><


	Logged

katie-kate

Incubus

Posts: 58

Re: Help please T_T

« Reply #1 on: April 25, 2008, 10:27:05 PM »

The images won't show up because they're not in the same place as the page you're working on. If you upload everything to your site, though, it will all show up [unless you're hosted by Freewebs, but the coding is easy to fix]. For right now, just edit the text when it says to edit it, and upload everything--HTML files, CSS files, and images--to your server. If you need more help, let me know.


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #2 on: April 26, 2008, 10:50:51 AM »

oh i got the thing to show up in dreamweaver but when i upload it to freewebs it doesnt show up


« Last Edit: April 26, 2008, 12:25:21 PM by Lil-chan »	Logged

chandni

Incubus

Posts: 71

Re: Help please T_T

« Reply #3 on: April 26, 2008, 07:42:41 PM »

The only way the images will show up, is if you link the URL of the images to the right place. Did you upload the images to freewebs?


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #4 on: April 26, 2008, 08:39:46 PM »

hmm lemme try that now


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #5 on: April 26, 2008, 08:51:01 PM »

yes i uploaded it to freewebs but it still wont show


	Logged

chandni

Incubus

Posts: 71

Re: Help please T_T

« Reply #6 on: April 26, 2008, 10:54:53 PM »

Are the URLs linking to the images correct?


	Logged

katie-kate

Incubus

Posts: 58

Re: Help please T_T

« Reply #7 on: April 27, 2008, 11:36:55 AM »

In Freewebs, to make your images show up, you need to use the whole URL. So, go through and add your site's URL to the coding.

Instead of image.jpg, you'll need to change it to http://www.freewebs.com/yourname/image.jpg. Hope this clears it up.


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #8 on: April 27, 2008, 01:13:20 PM »

well it sort of did and sortof didn't

some of the pics showed up after that i lost the font to the words and such also the link bars and the dividers are gone T_T


	Logged

katie-kate

Incubus

Posts: 58

Re: Help please T_T

« Reply #9 on: April 27, 2008, 04:09:41 PM »

When you downloaded the file, was the CSS a separate page? If so, you'll either have to upload it somewhere else and link it [because Freewebs doesn't support .css extensions], or just include it in the HTML page. To do that, first put <style type="text/css">

</style>
just above the </head> tag. Then copy everything in the .css file you downloaded and paste it between the <style></style> tags.

I'm assuming this is what you mean. If you have a link to your layout I would be able to help you better.


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #10 on: April 27, 2008, 08:24:34 PM »

the site:

http://ray-ray9910.webs.com/

the preview:

http://celestial-star.net/layouts/preview/503/

i did wat you said the text did come back but the words got messed up


	Logged

katie-kate

Incubus

Posts: 58

Re: Help please T_T

« Reply #11 on: April 27, 2008, 09:31:55 PM »

Okay. I looked at your coding [below], so I'm going to try and help fix it. Things that are in italics are things you should remove, while things in bold are things I've added. I'll explain them all after the code.

<html><st<head>
<title>

Ray-Ray's Page of Randomness

</title>
<link rel="shortcut icon" href="http://ray-ray9910.webs.com/icon.ico"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
<style type="text/css">body {
background-color: #000000;background-image: url('http://ray-ray9910.webs.com/solitude_13.gif');
background-repeat: repeat-y;
background-position: right 50%;
margin: 0;
padding : 0;
scrollbar-highlight-color: #903e2f;
scrollbar-3dlight-color: #880100;
scrollbar-shadow-color: #4c0100;
scrollbar-darkshadow-color: #4c0100;
scrollbar-track-color: #000000;
scrollbar-face-color: #880100;
scrollbar-arrow-color: #903e2f;
}
#Table_02 {
background-image: url('http://ray-ray9910.webs.com/solitude_14.gif');
background-repeat: repeat-x;
background-position: top;
margin: 0;
padding : 0;
}
#top {
position: absolute;
top: 3;
right: 2;
color: #980100;
}
#side {
position: relative;
top: -135;
left: 200;
width: 140;
}
#main {
position: relative;
top: -135;
left: 10;
width: 390;
}
body, p, br, table, tr, td, div, i, u, a {
font-size : 8pt;
font-family : verdana;
line-height : 9pt;
color : #6a2e22;
cursor : crosshair;
}
a {
color: #903e2f;
text-decoration: none;
}
b, i, u {
color: #903e2f;
}
li {
list-style: square #903e2f;
}
a:hover {
font-weight: bold;
color: #6a2e22;
text-decoration: none;
}
.div {
text-indent: 25px;
padding-left: 2px;
padding-right: 2px;
text-align: justify;
}
h1:first-letter {
font-size: 22px;
line-height: 35px;
}
h1 {
font-family: georgia;
font-size: 18px;
color: #880100;
margin-bottom: 0px;
letter-spacing: 2px;
font-weight: bold;
line-height: 35px;
background-image: url('http://ray-ray9910.webs.com/h2.gif');
background-repeat: no-repeat;
text-align: right;
width: 140px;
text-transform: uppercase; }
h2:first-letter {
font-size: 22px;
line-height: 35px;
}
h2 {
font-family: georgia;
font-size: 18px;
color: #880100;
margin-bottom: 0px;
letter-spacing: 2px;
font-weight: bold;
line-height: 35px;
background-image: url('http://ray-ray9910.webs.com/h1.gif');
background-repeat: no-repeat;
text-align: right;
width: 390px;
text-transform: uppercase; }
ul {
margin-top: 2px;
margin-bottom: 2px;
}
</style>
</head>
<body>

<div id="top"><b>No the bar thing is gone!</b>  </div>

<table id="Table_02" width="100%" height="100%" cellpadding="0" cellspacing="0"><tr><td valign="top" align="left">
<table id="Table_01" width="780" height="500" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://ray-ray9910.webs.com/solitude_01.gif" width="350" height="100" alt=""></td>
<td><img src="http://ray-ray9910.webs.com/solitude_02.gif" width="430" height="100" alt=""></td>
</tr><tr>
<td><img src="http://ray-ray9910.webs.com/solitude_03.gif" width="350" height="100" alt=""></td>
<td><img src="http://ray-ray9910.webs.com/solitude_04.gif" width="430" height="100" alt=""></td>
</tr><tr>
<td><img src="http://ray-ray9910.webs.com/solitude_05.gif" width="350" height="100" alt=""></td>
<td><img src="http://ray-ray9910.webs.com/solitude_06.gif" width="430" height="100" alt=""></td>
</tr><tr>
<td><img src="http://ray-ray9910.webs.com/solitude_07.gif" width="350" height="100" alt=""></td>
<td><img src="http://ray-ray9910.webs.com/solitude_08.gif" width="430" height="100" alt=""></td>
</tr><tr><td height="100px" background="http://ray-ray9910.webs.com/solitude_11.gif" valign="top">
<img src="http://ray-ray9910.webs.com/solitude_09.gif" width="350" height="100" alt=""><div id="side">


<ul>
<h1>Links</h1>
<li>Link here</li>
<li>Link here</li>
<li>Link here</li>
</ul>

<h1>Credits</h1>
Site © You<br/>
Layout ©
<a target="_blank" href="http://celestial-star.net" title="Celestial-Star.Net
Done by Mizuiro">
CelestialStar</a>


<br/><br/></div></td>
<td height="100px" background="http://ray-ray9910.webs.com/solitude_12.gif" valign="top">
<img src="http://ray-ray9910.webs.com/solitude_10.gif" width="430" height="100" alt=""><div id="main">


<h2>OMMGGG</h2>
<p class="div">ok then ahhhhh!!!!!!!</p>
<p>

</div>
</td>
</tr>
</table>
</td></tr></table>
</body>
</html>
You have about ten lines of blank space after this point. You should just delete them, otherwise your page might load slower on older machines.

Okay. The first thing in italics, the <st, is a broken tag. I have no idea what it was supposed to be, but take it out because it could cause problems. The second thing in italics is the old link to an external stylesheet, but since your stylesheet is internal, you don't need this anymore. Everything I added in bold was your URL, which was missing from some of the image sources. That's what was causing the problem and preventing the image from displaying. Fix these things and it should work, but if not, let me know.


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #12 on: April 27, 2008, 10:05:44 PM »

that helped alot but there still is some more probelms srry

there is a huge blank red space in the left which is not suppose to be there T_T and the bar that says link is moved to much to the right that it gets cut off my the main bar ...


	Logged

katie-kate

Incubus

Posts: 58

Re: Help please T_T

« Reply #13 on: April 28, 2008, 01:11:16 PM »

Okay. First of all, this was a really complicated layout, and personally I think whoever designed it could have done a better job explaining where to edit....

Anyway. The only reason I can think of to cause your layout to look the way it does is that somewhere in your coding there's a center align that's screwing things up, but there isn't one in your coding. I'm not going to download the file to see the original CSS file, though. If you have it saved, please post it here and I'll see if I can find the problem.

The reason your link header is crooked is that your coding says <ul><h2> and it should say <h2>Text</h2><ul>.


	Logged

Lil-chan

Angeling

Posts: 9

Re: Help please T_T

« Reply #14 on: April 28, 2008, 05:11:15 PM »

o ok i got the link bar fixed now the only problem is the red bar to the right that is not suppose to be there.

i dont have the orignal file but i know the link--

http://celestial-star.net/layouts/new/page-7/

4th one down


	Logged

Pages: [1] 2

« previous next »

Jump to:

Forum: web design and graphics community

General

Art boards

Web development

Off-topic