HTML - Absolute Paths In File Chooser

Hi there! I've got this .htaccess

Code:

RewriteEngine on
RewriteRule ^(.*/)$ index.php?$1
RewriteRule ^(.*#)$ index.php?$1

RewriteCond %{ENV:REDIRECT_STATUS} ^$
RewriteCond %{HTTP_HOST} !^www\.mysite\.com\.ar$ [NC]
RewriteCond %{HTTP_HOST} ^(www\.)?([^\.]+)\.mysite\.com\.ar$ [NC]

RewriteRule ^(.*)$ /index.php?$1 [QSA,L]

So far it redirects whatever that looks like a folder (/something/, with an ending slash), and also any kind of subdomains.
Now I wish to make use of those subdomains for languages (like: us.mysite.com.ar, for the USA site).

Thing is, ALL of my images are linked like:

HTML Code:

src="/images/myimage.png"

So whether I'm on a different subdomain than the regular one, the images won't be linked correctly. Aaaand it's priority that the subdomain remains in the URL (no redirection).

Is there any way out of this without me having to replace every image (there are at least 200 xD)?

Otherwise, I could redirect everything to index.php no matter what is it, and then have it generate the corresponding file (in case of an image or other file), or generate a page (in case of a folder, like, i dunno: mysite.com.ar/news/). But isn't this a lot slower and heavier for the server?.

Anyway, please help me to have images in my site no matter what's the subdomain >.<

Thanks everyone for your ideas in advance!! =)

I have a scenario on my job where we have a web server with two drives (C: and D: ) Drive C: has all of the main web pages (.asp and .HTML) but is quickly becoming full (because of application software).

As a result we have started to store newer files (images, documents etc..) on drive D:. From within the web page code on drive C, I need to access those files on the second drive (d: ) as document links and have tried code such as

href = "/d|/folder1/folder2/file name"

where d is the D: drive containing the documents to be opened in the browser but I get "page cannot be found" when I test it in IE. Can anyone tell me how to access files across drives that are on the same web server?

Hello everyone,
I've go this code here for positioning the "comments and frieands" together in in a scroll box at the bottom of the page.

But I'd like to put it in a sertante position. Could anyone plaese help me find out were and what to put in this code.

And for more information this is a code I want to put within a "div" image and place it in relation to were the image is (0,0) not were the page starts (0,0).

--------------------------------------------------------------------------------------------------------
<i class=i>
<a href="http://xiii.us/ms/center-friends-and-comments"</a>scroll center friends and comments</a></i>
</td></tr></table>
</td></tr></table>
</td></tr></table>
<div class="myDClassFC">
<table><tr><td>
<table class="off"><tr><td>
<table><tr><td>
<style>
.i {display:none;}
div.myDClassFC {height:400px; overflow:scroll; overflow-x:hidden}
</style>
<i class="i">!-END Block to put Friends and Comments in a Scroll Box-! </i>
-----------------------------------------------------------------------------------------------------


Well I appreciate everyones thought.

Hi guys, I'm a newb here, and I'm trying to create a table with a fixed position like this one

http://www.adachiu.me/

I have made one, but if I resize the window it will move into the table and look all wrong.
This website that I have provided does not do that; it will go up and down with the page when you scroll, and if you resize than it will not move into the table.

Does anybody know how to fix this?

Thanks
Sean

could someone please help me out!

I just need this flash code

<embed
allowScriptAccess="never"
src="http://www.amarasoftware.com/slideshow.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"
width="200"
height="200">
</embed>

to have an absoulte postion on it...

thank you. I would greatlly appreciate your help

First off, hello, this is my first post. Here is the code im using, which works great until i minimize the page. Seems like the shoutbox doesnt minimize with the rest of the page and it actually stays at position,I know i know thats why its called absolute. But how can i get my html code boxes to minimize and configure properly with the rest of the page? Thx for any help

Code:

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="devilleather" src="http://www5.shoutmix.com/?devilleather" width="960" height="400" style="position:absolute; top:285px; left:350px"> frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?devilleather">View shoutbox</a>
</iframe>
<!-- End ShoutMix -->

Dear Forum Readers,
I do not know how this whole forum thing works, and I probably will not be using it much. But I have a very important question to ask you all. If anyone knows, please help me. I searched high and low for a code to place a picture anywhere (out side of the tables) and I finally decided to just use one of the codes that MySpace help pages uses to post banners on your page when you have used their site for codes; and it worked beautifully, the only thing is it will only work on the left side. Here is a link to my page so you can see what I am talking about. MySpace.com/chippycheekschik. The roses on the left, I also want on the right. Will someone kindly help me...I would really appreciate it...:-) My E-Mail is Steph_A_Rios@yahoo.com or AIM SN is ChippyCheeksChik. You may also leave me a message on my MySpace, comment or personal, either will do.

PLEASE contact me if anyone has a solution. Thank you so much.

Sincerely,
Steph R.

Hi,

I am looking for the easiest and reliable solution to make the "View on Google Maps" image to look like here
http://www.dublinbynumbers.com/troubleshooter.html
instead of here http://www.dublinbynumbers.com/categories/cinemas

The solution should work in both IE/FF and any screen resolution.

Thanks in advance for your help,
Sorin

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

Hi there, I want my images to have specific positions within my website but so far I seem to get it wrong.

this is the html:
<body>
<div class="top">
</div>
<div class="logo"><img src="img/logo.jpg" /></div>
<div class="wrapper">
<div class="1"><img src="img/1.jpg" width="450" height="450" /></div>
<div class="2"><img src="img/2.jpg" width="215" height="220" /></div>
<div class="3"><img src="img/3.jpg" width="215" height="220" /></div>
<div class="4"><img src="img/4.jpg" width="215" height="450" /></div>
</div>
</body>

this is the css

body {
background-color:#FFFFFF;
color:#000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

.top {
width:100%;
height: 33px;
background-color:#0D0D0D;
}

.logo {
position:relative;
margin: 0 auto;
border: none;
padding:0;
width: 400px;
height: 130px;
margin-top:25px;
}

.wrapper {
position:relative;
margin: 0 auto;
border: none;
padding:0;
width: 900px;
height: 700px;
margin-top: 25px;
}

.1 {
position:absolute;
width: 450px;
height: 450px;
left: 0;
top: 0;
}

.2 {
position:absolute;
left:460px;
width: 215px;
height: 220px;
top: 0;
}

.3 {
position:absolute;
left:460px;
top:230px;
width: 215px;
height: 220px;
}
.4 {
position:absolute;
left: 685px;
width: 215px;
height: 450px;
}

Basically I want something like this site http://www.aardvarkbrigade.com/ where the images seem to be placed in specific positions.

Would be great and I would be thankful if someone could help me

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

Hi ! I was wondering if anybody know how i make a table at the absolute top of a site. In dreamweaver it creates a space between the browser and table. A example is the top menu of this page http://www.nettkatalogen.no
I need to create something similar to the top menu in yellow at this page.
thx

Good afternoon,

I am trying to design my own template for Constant Contact, so I can get away from paying a design fee andstill have a good looking template. Anyways, when I view the template I made using Serif PagePlus it looks good, however when I email it to myself from constant Contact all the images are viewed in one row, one by one. I believe the problem is with the code:

<div style="position:absolute; left:2px; top:2px; width:797px; height:151px;">


Can you please help solve my hair pulling issues with the absolute postioning.

I have made the usual searches but none of the information I found about Chrome positioning bugs seems to apply to this problem.

I am using an absolutely defined div within a relatively defined div to position a marker box over sequential navigation bar graphics. The divs are defined in the CSS file, and then a single style line defines the box top margin in each page file.

This works perfectly in FF and IE, but under Chrome the box position slowly creeps downward, by about 2 percent of the top distance, until the lowest instance is well off center.

Can I fix this without going to browser-specific code?

The page is temporarily he
http://www.nitropress.com/CLIENT_TES...Pono/index.php

And the relevant code is:
Code:

#navbar {
	float: left;
	width: 200px;
	max-width: 200px;
	position: relative;
	padding: 9px 0 0 0;
}

	#navbar img {
		margin: 0 0 20px 0;
		padding: 0;
	}

	#navbar .markbox {
		position: absolute;	
		min-width: 200px;
		max-width: 200px;
		height: 30px;
		border-top: 2px solid #c99;
		border-bottom: 2px solid #c99;
		z-index: -5;
	}

...with lines like this in each page file to position the marker box vertically:
Code:

<style>.markbox {top: 3px;}</style>

What is the best method to center a single (hover over) image link in the absolute center of a browser page? I know there must be something very easy that's going over my head.

Is it easiest via CSS, or html? or neither, or both???

here's my code so far

Code:

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>keep your eyes open</title>
<style type="text/css">

<!--

#centerDIV {
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}


body {
	background-color: #333333;
}

-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>



<body onload="MM_preloadImages('Images/eyesopen.png')">

<div id="centerDIV">

<a href="mailto:info@kyeonyc.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('eyes_closed','','Images/eyesopen.png',1)"><img src="Images/eyesclosed.png" alt="eyes open" name="eyes_closed" width="249" height="247" border="0" class="imageCenter" id="eyes_closed" /></a></div>


</body>
</html>