The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

3 Pages V < 1 2 3 >  
Reply to this topicStart new topic
> Very simple CSS template changes please help
ImmortalGizmo
post Oct 9 2016, 12:07 AM
Post #21


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



Alright, this is exactly what I have pasted in my code, but still can't even get a glimpse of either of these images displaying on the page in any areas.. Do you see any obvious errors in this code?

<div id="header">
<div>
<div id="bCrumbs">{.breadcrumbs|{:<a href="%bread-url%">{.or|%bread-name%|{.!lv_home.}.}/</a>:}.}</div>
<img src="/template/rawr_black/images/LsideGraphic.jpg" width="194" height="165" alt="" style="float: left"><img src="/template/rawr_black/images/RsideGraphic.jpg" width="194" height="165" alt="" style="float: right">

</div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 9 2016, 07:57 AM
Post #22


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Looks right. Maybe the images aren't where you say they are. Here's the same markup with the images in place (resized with HTML to get the right dimensions and a fake pink image in place of the background logo).

Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 9 2016, 01:46 PM
Post #23


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



QUOTE(pandy @ Oct 9 2016, 07:57 AM) *

Looks right. Maybe the images aren't where you say they are. Here's the same markup with the images in place (resized with HTML to get the right dimensions and a fake pink image in place of the background logo).

Attached Image



Very cool!! (Okay so maybe I'm easily amused tongue.gif )

The way your markup looks is precisely how I want these left & right images placed, even with the small black border line above them the way yours looks. I'm certain these images are in the correct folder and named properly etc..

Could this be happening because of the size dimensions possibly? Or could I try something like hosting these images on Imgur or somewhere and just inputting the URL for the "IMG SRC" tag? Maybe I do have the file path wrong, or I'm not putting the full correct path?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 9 2016, 03:05 PM
Post #24


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I don't know since you don't let us see the page. tongue.gif

If you are unsure about if the relative URL is right, try using the full URL, the whole http://yourdomain.com... thing. And since you use mixed case for file names, are you sure the case is exactly the same in your URL as in the file name?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 9 2016, 11:54 PM
Post #25


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



Alright, so I triple checked my paths and the images are definitely in the correct folder. I also renamed them to make it simple- "left.jpg" & "right.jpg"

If I try using my full URL in a browser to test the image it doesn't display, so there must be something really small I'm missing here. Pasted below is what my current HTML source looks like (hopefully this is what you were asking for?) Also, just to clarify I pasted this floating code you gave me inside my template file.. Basically with this interface I'm using it allows me to bounce back and forth between a template file and a CSS file to edit in Notepad++, so I was wondering if maybe I'm missing something else that would edit the HTML itself? Or maybe it's all the same thing, I'm feeling quite the ignoramous right now blink.gif

<!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">
<!--
RAWR-Template - 0.1.3

© 2007-2010, RAWR-Designs, Some Rights Reserved -
Christopher "That Stevens Guy" Stevens
Richard "Giant Eagle" Tuininga
(cc) http://creativecommons.org/licenses/by-nc-sa/3.0

Any queries? -
Email: contact[at]rawr-designs.com
Forum: http://www.rawr-designs.com/forum/
Homepage: http://www.rawr-designs.com
-->







<head>



<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="robots" content="noindex,nofollow"/>
<title>HFS - Home/</title>
<link rel="shortcut icon" href="/favicon.ico"/>
<script type="text/javascript" src="/template/rawr_default/code/rawr_main.js"></script>
<script type="text/javascript" src="/template/rawr_default/code/rawr_previewbox.js"></script>
<link rel="stylesheet" type="text/css" href="/template/rawr_black/code/rawr_black_main.css"/>
<script type="text/javascript">
var serverFolder="/";
var serverHost="68.102.89.33:8080";
var theme="rawr_black";
var mod_folder_tasks="off";
var mod_statistics="on";
var mod_shoutbox="on";
//Language Strings
var lv_loading="Loading...";
var lv_advSearch="Advanced Search....";
var lv_search="Search";
var lv_searchAlert="Please enter a search with 3 or more characters. Thankyou.";
var lv_files="File(s)";
var lv_folders="Folder(s)";
var lv_both="Both";
var lv_recursive="Recursive";
var lv_current="From Current Directory";
var lv_root="From Top Directory";
var lv_hideTitle="Hide this module.";
var lv_showTitle="Show this module.";
</script>
<noscript><style type="text/css">.hide{display:none}</style></noscript>
<!--[if lte IE 6]><style type="text/css">#mainInner{width:980px}</style><![endif]-->

</div>



<!-- -->
<div id="mainOuter">
<div id="mainInner"><div id="mainInner1"><div id="mainInner2"><div id="mainInner3">
<div id="header">
<div><div id="bCrumbs"><a href="/">Home/</a></div></div>
</div>
<div id="content">
<div id="navb script:void(0);" onclick="window.open('/~progress','Transfers','width=300,height=500,left=100,top=100,scrollbars=1,resizable=1');" class="hide"><span>Transfers</span></a>
<noscript><a href="/~progress" target="_blank"><span>Transfers</span></a></noscript>
</div>


</div>
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="100%" valign="top" id="tableCol">

<table cellspacing="1" cellpadding="0" border="0" width="100%">
<tr>
<td colspan="3" class="heading">
<span class="hide">
<a href="java script:pinModule('moduleCol');" id="moduleCol_Link" title="Hide this module."><img src="/template/rawr_black/images/show.gif" align="top" alt=""/></a>
</span>
&nbsp;
</td>
</tr>
<tr>
<td class="iconCol"><a href="(1)%20AUDIO/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="(1)%20AUDIO/">(1) AUDIO</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 22981</div><div class="age"><b>Age:</b> 10/6/2016 12:04:16 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="(1)%20AUDIO/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="(1)%20AUDIO/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="(2)%20VIDEO/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="(2)%20VIDEO/">(2) VIDEO</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 347</div><div class="age"><b>Age:</b> 10/6/2016 12:04:16 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="(2)%20VIDEO/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="(2)%20VIDEO/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Billy%20Corgan/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Billy%20Corgan/">Billy Corgan</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 513</div><div class="age"><b>Age:</b> 10/5/2016 9:36:49 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Billy%20Corgan/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Billy%20Corgan/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="EverythingFromHereToThere/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="EverythingFromHereToThere/">EverythingFromHereToThere</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 3</div><div class="age"><b>Age:</b> 10/6/2016 11:07:18 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="EverythingFromHereToThere/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="EverythingFromHereToThere/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Picture%20Archive%20(By%20Starlight)/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Picture%20Archive%20(By%20Starlight)/">Picture Archive (By Starlight)</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 9284</div><div class="age"><b>Age:</b> 2/16/2016 4:21:50 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Picture%20Archive%20(By%20Starlight)/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Picture%20Archive%20(By%20Starlight)/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="UPLOAD%20DIRECTORY/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="UPLOAD%20DIRECTORY/">UPLOAD DIRECTORY</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1</div><div class="age"><b>Age:</b> 10/7/2016 10:17:21 AM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="UPLOAD%20DIRECTORY/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="UPLOAD%20DIRECTORY/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Vinyl%20Rips/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Vinyl%20Rips/">Vinyl Rips</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1024</div><div class="age"><b>Age:</b> 9/27/2016 10:21:39 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Vinyl%20Rips/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Vinyl%20Rips/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
<tr>
<td class="iconCol"><a href="Zwan/"><div style="background:url('/template/rawr_default/images/icons/folder.png') center center no-repeat"></div></a></td>
<td class="fileColprotected">
<div class="fileInfo">
<a href="Zwan/">Zwan</a>
<br/>
<div class="info"><b>Size:</b> <i>Folder</i></div><div class="info"><b>Hits:</b> 1330</div><div class="age"><b>Age:</b> 10/5/2016 9:38:08 PM</div>
</div>
</td>
<td class="quickCol">
<div class="quickBtn disabled"><a href="Zwan/"><img src="/template/rawr_black/images/go.gif" alt="GO"/></a></div>
<div class="quickBtn1 disabled"><a href="Zwan/~folder.tar?recursive" title="Download the content of this folder as a .tar archive."><img src="/template/rawr_black/images/download.gif" alt="DL"/></a></div>
</td>
</tr>
</table>

</td>
<td width="175" valign="top" id="moduleCol">
<span id="specialBox"></span>


<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Statistics');" id="Statistics_Link" title="Hide this module."><img
class="hide" src="/template/rawr_black/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
Statistics
</div>
<div class="modContent" id="Statistics">
<div id="stats"><span>[22:18:32]</span>Uptime:<br/><br/>
<span>[6]</span>Connections:<br/>
<span>[0.00KB/s]</span>Inbound:<br/>
<span>[0.00KB/s]</span>Outbound:<br/>
<span>[92.6 G]</span>Total In:<br/>
<span>[1385.6 G]</span>Total Out:<br/>
<span>[43753]</span>Total Downloads:<br/>
<span>[239]</span>Total Uploads:<br/>
<span>[1492064]</span>Total Hits:<br/></div>
<br/><span>[68.102.89.33]</span>Your IP:

</div>
</div>
<div class="module">
<div class="modHeading">
<span>
<a href="java script:pinModule('Shoutbox');" id="Shoutbox_Link" title="Hide this module."><img
class="hide" src="/template/rawr_black/images/hide.gif" align="top" alt=""/>
<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>
</a>
</span>
Shoutbox
</div>
<div class="modContent" id="Shoutbox">
<iframe src="/template/rawr_default/shoutbox/display_posts/?sort=t&rev=1" height="240" width="153" frameborder="0"></iframe>
</div>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="PFJBSRHQR2BNQ">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
</td>
</tr>
</table>
</div>
<div id="footer">
<br/>
<div> Email Administrator: (Dade.MartinSP@gmail.com) </div>
Page build time: 0.108sec
</div>
</div></div></div></div>

<div align="center">

</div>


</body>
</html>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 06:17 AM
Post #26


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



QUOTE(ImmortalGizmo @ Oct 10 2016, 06:54 AM) *

If I try using my full URL in a browser to test the image it doesn't display, so there must be something really small I'm missing here.

That's it then. You have to figure this out.



QUOTE
Pasted below is what my current HTML source looks like (hopefully this is what you were asking for?)


Nuh. I meant that you don't want to give us the URL to the page. happy.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 06:21 AM
Post #27


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



But the images are also lacking from the markup you just posted.

QUOTE
CODE
<div><div id="bCrumbs"><a href="/">Home/</a></div></div>
</div>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 10 2016, 08:37 AM
Post #28


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



Ok, so that must mean I placed that floating code in the wrong place if it doesn't show up in the HTML source.. crap

Does this code need to be entered into the CSS file? because the "tpl" template file is where I actually placed it..

oh btw- my URL is www.satur9hub.com

This post has been edited by ImmortalGizmo: Oct 10 2016, 08:44 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 08:58 AM
Post #29


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



QUOTE(ImmortalGizmo @ Oct 10 2016, 03:37 PM) *

Ok, so that must mean I placed that floating code in the wrong place if it doesn't show up in the HTML source.. crap


OK. But if you can't access the images when you paste the URL directly in the address bar, that's still a major problem.


CODE
Does this code need to be entered into the CSS file? because the "tpl" template file is where I actually placed it..


Nope. Not if you used the style attribute as it was in my snip.

QUOTE
oh btw- my URL is www.satur9hub.com


Why thank you! biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 09:07 AM
Post #30


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Your server doesn't give normal error messages.

For http://www.satur9hub.com/template/rawr_bla...sideGraphic.jpg and http://www.satur9hub.com/template/rawr_black/images/left.jpg I get a blank page. If I enter something obiously wrong like http://www.satur9hub.com/qwertyuio.html I get redirected to the front page instead of getting a file not found message. That also happens if I try to go to http://www.satur9hub.com/template/rawr_black/ and http://www.satur9hub.com/template/rawr_black/images/ .

Could mean both file not found and forbidden are changed to a redirect to the front page. But why the heck do I get a blank page for the images?

Have you done those changes from normal behaviour yourself or is it server default?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 10 2016, 09:47 AM
Post #31


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



QUOTE(pandy @ Oct 10 2016, 09:07 AM) *

Your server doesn't give normal error messages.

For http://www.satur9hub.com/template/rawr_bla...sideGraphic.jpg and http://www.satur9hub.com/template/rawr_black/images/left.jpg I get a blank page. If I enter something obiously wrong like http://www.satur9hub.com/qwertyuio.html I get redirected to the front page instead of getting a file not found message. That also happens if I try to go to http://www.satur9hub.com/template/rawr_black/ and http://www.satur9hub.com/template/rawr_black/images/ .

Could mean both file not found and forbidden is changed to a redirect to the front page. But why the heck do I get a blank page for the images?

Have you done those changes from normal behaviour yourself or is it server default?


Thanks once again for your replies wink.gif

So you're saying that I did put the code in the correct place (template file?)

What I'm using is an FTP server software called "HFS" (http://www.rejetto.com/hfs/) .. This thing has built in site templates that you can alter (as I've seen examples of other people's sites)

I had not tried what you did in seeing if the other pictures would display, but that is very strange.. In case it matters my domain is hosted on "Freenom" and I'm using 'URL Forwarding' (not a DDNS) to run it.

Here are 2 screenshots from what my server looks like, maybe this will help make better sense of things? You're the best Pandy! smile.gif

IPB Image

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 10 2016, 10:41 AM
Post #32


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



Just a sidenote: I find it very unpractical to view screenshots of code. You may get more replies by posting real code, preferably formatted with the forum's BBCode like this:

CODE
code example

smile.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 10 2016, 11:07 AM
Post #33


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



QUOTE(Christian J @ Oct 10 2016, 10:41 AM) *

Just a sidenote: I find it very unpractical to view screenshots of code. You may get more replies by posting real code, preferably formatted with the forum's BBCode like this:

CODE
code example

smile.gif


Thank you for the reply but if you look in the previous posts of this thread you'll see I've already been pasting my code in. These latest screencaps were just to show @Pandy what my FTP software looked liked in terms of how I could edit the template file etc.. If I'm missing any other code that needs to be pasted that hasn't already please let me know! wacko.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 11:33 AM
Post #34


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Yeah, I see the image tags in the screen shot, but they aren't in the real page.

I don't understand what HFS is. Do you upload your files to their server or do you run some kind of server on your own machine? Trying to trace your domain, the two last servers are http://staminus.net and http://www.dot.tk . Neither of which is a host, that I know of. Peculiarer and peculiarer this gets. tongue.gif

I'm trying to get something out of the images of the file structure. In what folder is your index file? Maybe you use too much of the server path in the URL.

If you on the server have dir1/dir2/dir3/images/blah.gif and your domain is pointed to dir3 (i.e. that's your web root directory, where your index file is) a correct URL to the image would be images/blah.gif or http://example.com/images/blah.gif. NOT http://example.com/dir1/dir2/dir3/images/blah.gif. Get what I mean?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 10 2016, 01:41 PM
Post #35


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



QUOTE(pandy @ Oct 10 2016, 11:33 AM) *

Yeah, I see the image tags in the screen shot, but they aren't in the real page.

I don't understand what HFS is. Do you upload your files to their server or do you run some kind of server on your own machine? Trying to trace your domain, the two last servers are http://staminus.net and http://www.dot.tk . Neither of which is a host, that I know of. Peculiarer and peculiarer this gets. tongue.gif

I'm trying to get something out of the images of the file structure. In what folder is your index file? Maybe you use too much of the server path in the URL.

If you on the server have dir1/dir2/dir3/images/blah.gif and your domain is pointed to dir3 (i.e. that's your web root directory, where your index file is) a correct URL to the image would be images/blah.gif or http://example.com/images/blah.gif. NOT http://example.com/dir1/dir2/dir3/images/blah.gif. Get what I mean?



My domain is with "Freenom.com" (I purchased www.Satur9Hub.com from them about a month ago) and I'm not using the DDNS service, I have "URL Forwarding" turned on via the website. So basically my site domain is simply connected to my external IP address and port:8080

YES, this is all hosted from my "server" PC that you see in the screenshots above. The way 'HFS' works is that it gives you an interface to share files with an HTML template. I chose the "rawr_black" template because I was able to manipulate it to what I needed (so far haha)

In terms of what you asked about the file paths, the first screenshot shows my 'images' folder where I must place all the images for the given template. I took that first screencap to show you the file path from which I'm placing the images. When I see these paths input into the CSS code it normally STARTS at "/template/rawr_black/images/image.jpg" - Here is an example of this very thing I've copied and pasted for you to see from my current code - (((<noscript><img src="/template/rawr_default/images/spacer.gif" width="8" align="top" alt=""/></noscript>))))

I've tried inputting the full path and it doesn't change anything sad.gif

As you'll see in my screencap, the full true file path would be- C:/HFS Template/SP TEMPLATE/template/rawr_black/images/graphic.jpg

So to answer your question, no- I don't have to upload these pictures to a website or anything, I'm simply just trying to use the images from the image folder in my code. Another strange thing to all this is that I don't exactly know where my "index" file would be? The only options I have as I told you previously are to edit the CSS and Template file..

You have a PM btw biggrin.gif

This post has been edited by pandy: Oct 10 2016, 02:54 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 05:26 PM
Post #36


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



I have found your images, I think. You have both copies of them up there, don't you? LsideGraphic.jpg and left.jpg and so on?

http://www.satur9hub.com/images/LsideGraphic.jpg
http://www.satur9hub.com/images/left.jpg

Now I get a browser error. In gecko browsers I'm told this.
"The image "http://www.satur9hub.com/images/left.jpg" cannot be displayed because it contains errors" and the corresponding message for the other images.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 10 2016, 05:35 PM
Post #37


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Oh ditch that! I made a mistake when I was pasting together the URL to the right image and got the image directory twice in the URL line. I still got the same error. In fact I get it no matter how many times I use "images" in the URL.

http://www.satur9hub.com/images/images/ima...images/left.jpg

WTF is this? I think that server needs to be excorsized! ninja.gif

I don't even get how the server can affect the browser error messages. Obviously we are dealing with witchcraft here. wacko.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
ImmortalGizmo
post Oct 11 2016, 01:02 PM
Post #38


Newbie
*

Group: Members
Posts: 19
Joined: 5-October 16
Member No.: 24,874



Haha I don't think it's necessarily witchcraft but just a misunderstanding of this unconventional setup smile.gif

After banging my head against the keyboard for awhile I finally realized a simpler solution to all this. The issue here is that in most cases you've got an index file to work with, HTML you can edit etc.. but with this 'HFS' service, they use templates and while these templates can be easily modified, there could also be some unknown restriction that's being missed here.

The best solution I could come up with in an effort to put this mess behind me was too stretch the width of the header graphic to fill in those 2 black squares. At this point in Photoshop I would have the exact dimensions and could easily just place my two "left & right" characters ON the header image itself so that it all sizes inside the frame properly..

If you look now @ satur9hub.com you'll see where I've already stretched it a little just to see if it would work and it does! So tonight I'll be putting the Photoshop skills to work and remaking this image.. I appreciate the help with trying to float the images, and I do understand the concept of what you've been showing me I just think this HFS stuff is confusing everybody..Nonetheless it's what I have to use to host this data.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 11 2016, 02:04 PM
Post #39


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



OK. But that's a band aid. You'll run into this kind of problem again if you don't figure it out.

I think there is an index file and I think it's called index.php. Have a look.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Oct 11 2016, 02:28 PM
Post #40


.
********

Group: WDG Moderators
Posts: 9,656
Joined: 10-August 06
Member No.: 7



QUOTE(pandy @ Oct 11 2016, 12:26 AM) *

I have found your images, I think. You have both copies of them up there, don't you? LsideGraphic.jpg and left.jpg and so on?

http://www.satur9hub.com/images/LsideGraphic.jpg
http://www.satur9hub.com/images/left.jpg

Now I get a browser error. In gecko browsers I'm told this.
"The image "http://www.satur9hub.com/images/left.jpg" cannot be displayed because it contains errors" and the corresponding message for the other images.

I get a 404 response for both.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

3 Pages V < 1 2 3 >
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 07:38 PM