|
HTML - Relative Location Of Images
Hi,
I'm trying to build a program that automatically picks images from a given web page. As you know, there's a lot of relative paths used on those. Now, I got to my first big problem, this is the address I'm trying to use: http://www.nba.com/games/20090117/ORLDEN/preview.html this is the address where image is: http://www.nba.com/media/homepage/bullet_video.gif and this is the address source code refers to: img src="/media/homepage/bullet_video.gif" border=0 Now, note that there's no ".." in the front of that address. Question: How can I determine based on the address when the location of image is http://www.nba.com/media/homepage/bullet_video.gif and when it is http://www.nba.com/games/20090117/OR...llet_video.gif And yes, this is 100% about automatizing the process, so the answer I'm looking for has to be something I can tell to VBA (the language I'm using to write my program). Thank you for any answer. Similar TutorialsHello All, I have a problem with div position in my html page. I need two divs position=relative aligned with a single div. Basically I have a header panel, content panel (have two vertical column height changed dynamically) and a footer panel. So Content panel vertical column needs to align with header panel. I need all div tags position relative, so when every div increases in height bottom div sifted down automatically. I have this http://www.arunverma.info/webmaster_help/ Can sombody help me to short it out. Thanks in advance Sunil Hi. I like to include an image in my html file. The file itself is located at: C:\Documents and Settings\Pourang\Desktop The image is located at: C:\Documents and Settings\Pourang\Desktop\VIDEO_TS According to Head First With HTML book: This is the path I must include in my <img> empty element: <img src=" VIDEO_TS/the name of image file " OR: /VIDEO_TS/the name of image file " Right? relative paths or something else it's called. But I can't get it right? it's a broken link, no image is uploaded. Can you help me with this? thank you. Hi, I wanted to know if someone can help me use th right html code to display the proper city for someones IP. I have found this site : http://www.hostip.info/use.html but I dont understand how to integrate it into my html. So I want something like this "hello my name is bob and im from" and thne right after the site displays their city. I know its not always accurate but it doesnt matter, if its off then no big deal but the times its on could be a good selling point. I did a search and found someone else asking something similar long time ago but it didnt really help me as it dealt with php. is Php required to do this? If so how can i do it to integrate it into my html, maybe by putting this section in an iframe of php.... Point is I wouldnt want to redo the whole website in php, considering I dont know php. Thanks! Greetings HTML people. I am sort of frankenstining a webpage together. This is what I have so far hogepodged together. HTML Code: <!doCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<title>The works of D.M. Rosemark</title>
<style type="text/css" media="screen">
<!--
body
{
background-color: #ffffff;
margin: 0px
}
#horizon
{
color: white;
background-color: transparent;
text-align: center;
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 1px;
overflow: visible;
visibility: visible;
display: block
}
#content
{
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: transparent;
margin-left: -250px; /*half the iframe width */
position: absolute;
top: -150px; /*half the iframe height */
left: 50%;
width: 500px; /* ifame width */
height: 300px; /* iframe height */
visibility: visible
}
iframe.one
{
width: 600px;
height: 375px;
border-style:ridge;
border-width:10px;
border-color:#999999;
padding:1px;
}
//-->
</style>
</head>
<body>
<div id="horizon">
<div id="content">
<iframe class="one" frameborder="0" src="http://www.webmasterworld.com/category10.htm" scrolling="yes">
</iframe>
What I want to accomplish next is to border the Inline frame with Images I create in photoshop e.g. 2 side frames, one top banner, one bottom banner. How do I accomplish this in HTML? What are the technical challanges with this request? I have tried to search this out, but haven't found the necessary information. Thanks guys. D.M. Rosemark Let me preface this by saying I'm very much a novice at this. I've done very basic HTML for a while, but have not advanced beyond that at all except to copy and paste some nice Java scripts that I've enjoyed from time to time. I do have 2 phpBB forum boards that I've enjoyed setting up. But that's pretty step by step instructional. Beyond that, I don't have a clue. But I love the little icons that many sites use in their location lines. Google has the G, Yahoo has the Y!, and Woot has the !. I'd like to put one on my websites, but I'm having a terrible time finding the code for it. If it's done in a CSS, I'm screwed. I have only peeked at this and never attempted it. But if someone has a way to put a small icon on my location line, I'd love to see it. I do most of my own graphics, and making the icon wouldn't be a problem at all. I just need to find out how to embed it. Thanks I want to redirect my users to C:\ but window.location won't do it, how do I do this? Hi to all. I'm trying to achieve a pure relative html layout by implementing only percentage values (without any pixel position or dimension). This way i want to get an html page which would appear the same in all of resolutions and browsers. I attached a simple html page, written in this relative manner. However, i have 2 issues with it: 1) some empty space on the right of the html body in FF. 2) disarranged look in IE (small image lifted up, and empty space below the page body). Is there a hack for IE to render this page properly, and a way to force FF to not display mentioned empty space? (Also, but less important, there is a minor (height) position difference of the small image /bacardi.gif/ viewed in 1024x768 & 800x600, and likely in higher resolutions too, but my graph.card cannot display it.) Many thanks in advance 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 Hi, While parsing relative URL segments "../" to hierarchical segments of the absolute URL , I notice that the <a> tag and the <link> tag do this differently. Take the following absolute and relative URLs: absolute URL: http://www.a.com/a/b relative URL: ../../b/c.css The <a> tag resolves this to: http://www.a.com/b/c.css However the <link> tag resolves this to: http://www.a.com/a/b/c.css It appears that all other forms of resolving URLs are equal between both tags however, I have been trying to find the RFC specification on this but have had no luck. This document http://www.ietf.org/rfc/rfc2396.txt does not contain any information regarding the <link> tag. Is anyone here familiar with this or know where I could obtain more information. Thanks, Bandito http://www.gaihosa.com I've got a wrapper to keep my content in the center, and want a header background to spread across the whole page width. I've kept the header image outside the wrapper, so I assumed it wouldn't conform to the wrapper's width restrictions. Here's the example: http://samehkhan.com/index%20-%20Copy.html I've got no idea why there is a 10px margin around the header image. That's what I need help with. Also, if you have a better way for me to do it, I'd appreciate it. Thanks Hi folks, I have a simple centered web page that does not show the same in IE and Firefox. The problem just seems to be the first occurrence of position:relative which I used to center the page in a 'container'. Experts in this forum and others say I should fix this by using the right Doctype statement. But when I tries using any of the recommended Doctypes, the display was totally skewed in both IE and FF. You can see the normal page with no Doctype statement at: http://www.documents4u.com/Document-...Contactus.html It displays fine in IE but notice in FF the top horizontal bars are higher. When I put in a Doctype statement, everything is messed up in both IE and FF, as you can see in: http://www.documents4u.com/Document-...ontactus2.html Any suggestions on how I can fix this discrepancy? Is it my code or am I not using the right Doctype? Hi Folks, I have multiple objects which are positioned relative to one another. The position of the first object is fine but the subsequent ones reference the position of the previous one. Is there any way I can make a hidden "base" object and position relative to that without re-creating it for each object? Thanks! I'm scraping some websites and I've come across a site with a weird link structure. The <a href> shows a relative link, but that relative link added onto the current link does not equal the absolute link I see on the bottom of my browser. If I want to make a robust web crawler, how do I detect that a certain site will have such an abnormality? I need to be able to specify <base> something like: Code: <base href="../html/"> but this doesn't work. I have tried: Code: <base href="file://../html/"> but that doesn't work either. Howeve, if I use an absolute path like: Code: <base href="file://C:\html/"> it works fine. Is there a way to specify a relative path in a <base> tag? Thanks, -sbs On the website host i use i can put the location of the file (example, images/banner.png) but how do i get it from a diffferent file. like if the file i need is in the images file but my html file is in the "javascript" file Here is kinda what i mean. this shows where the files kind of a ( ">" points to the file in that folder ) javascript > index.html images > banner.png .. so how do i get the image from the image file without having to put the full url to it? because i cant put "images/banner.png" cause its going to think the image file is in the "javascript" (its going to go to "javascript/images/banner.png", instead of just "images/banner.png)file since the html file is in the "javascript" file and not the main page. if you dont understand this tell me and ill try to explain it better, i tryed to make it as clear as i could. I have embeded a layer on my page but cannot set the exact location of the player, like move it 10% to the right or 20% to the botton the only attribute i can play with is align which either puts ir extreme left/right or so called centre, so how do i set the exact co-ordinate if you may so i can put it exaclt where i want to. hello people! so, i need some help with placing a table in a specific location in my website. please check it out here, www.tech-nuke.com. you will notice that there are a white blank space in the left side of the page, which i want to place a table there. and just for clarification, i want to place a table tag so the white empty area become independent (not really!) from its neighbor. i have been trying so hard to get something in that specific area but every time i missed up the desigen of the page. here is the html code of that part of the page: PHP Code: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" class="titlebg">مرحبا بكم في <?php bloginfo('name'); ?></td> </tr> <tr> <td valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!--Added: Latest forum topics --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">اخر مواضيع المنتدى</td> </tr> <td class="cell-h"> <? include('recent-topics.php'); ?> </td> <!-- Added: Remove for box 4 --> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">احدث موضوع</td> </tr> <tr> <td class="cell-h"> <?php $recent = new WP_Query("cat=25&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <div class="cat-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="150" width="150" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div><?php the_content_limit(800, ""); ?> <div style="display:block; text-align:right;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--end added: remove for box 4 --> <tr> <td width="65%" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <tr> <script type="text/javascript"><!-- google_ad_client = "pub-6723104396625340"; /* 468x60, created 4/26/09 */ google_ad_slot = "7601118167"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <td valign="top"> <table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>1</p> --> <!-- Added: Remove to get box 1--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">++C</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=17&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> <!--End Added: Remove to get box 1 --> </table> </td> <td style="border-left:1px dotted #999999;" valign="top"><table width="100%" border="0" cellpadding="5" cellspacing="0"> <!-- <p>2</p> --> <!-- Added: Remove to get box 2--> <tr> <td valign="top" class="cell-t" style="border:1px solid #ccc;">برمجة الالعاب C++/SFML</td> </tr> <tr> <td class="cell-h" style="padding:8px;"> <?php $recent = new WP_Query("cat=25&showposts=2"); while($recent->have_posts()) : $recent->the_post();?> <div align="center" class="Small-Landscape-image"><a href="<?php the_permalink() ?>"><img style="padding:0px; margin:0px; border:0px;" height="80" width="80" src="<?php echo get_post_meta($post->ID, "Thumbnail", true); ?>" /></a></div> <?php the_content_limit(700, ""); ?> <div style="display:block; text-align:center;"><b><a style="font-size:14px;" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title2('', '...', true, '70') ?> »</a></b></div> <?php endwhile; ?> </td> </tr> Hey everyone, got a problem with an element that is relatively, or absolutely, positioned (I've tried both methods and both produce the same results). Take a look here with anything but Internet Explorer: http://zachi.teamtreetops.com *Screenshots of whats wrong in IE* The "bottom" div element is off in both cases. ie5 ie7 Code: div#bottom{
height:11px;
width:411px;
background-image: url(images/bottom.png);
position:absolute;
}
Complete style sheet Any insight on the issue would be much appreciated! All of my links are relative, meaning if I type: Code: <a href="http://www.google.com">Google</a> the link tries to go to "http://<mydomain>.com/http://www.google.com" Am I missing something? So lets say there's a site called TheEthnicsOfCreamCheese.com At TheEthnicsOfCreamCheese.com's home page, there are three links. One says "About", the next says "Contact", and the last says "Images." The first link leads to TheEthnicsOfCreamCheese.com/about, the second leads to TheEthnicsOfCreamCheese.com/contact, and the last leads to TheEthnicsOfCreamCheese.com/images. How do they create these separate pages? I use 000webhost if that matters. I tend to use the file manager provided on it, because I have no idea how to forward ports and all that. I'm sorry if this is an over-asked or overly-simple question, or if I asked it in the wrong forum because I really don't know, but I didn't want to look like an idiot and ask my friend who knows a ton about HTML. So I decided to ask it rather anonymously on the first result when I Googled HTML Help forum So yeah thanks sorry bye |
|||||||