|
HTML - Direct Picture To Section On Page
Can I click on a thumbnail picture and have it open up below some text on the same page but using a larger size pix.
TIA Similar TutorialsI would like to know how to add a link direct to an image page. For an instance, if we know there is a pic : http://www.htmlforums.com/images/smilies/SmileBulb.gif I am just going to give link in any other site or in my site, I want to have a background ads, i.e like we have index.html page, is it possible to have some manual added code on pic embedded page. Just the image must show on, if it is direct linked & the image must show with any manual code or ads attached ? Is this feature possible ? here's the initial page: http://www.shscorp.ca/content.aspx?f...incentives.htm If you click on "GLOBE Board of Directors" on the left hand menu, it won't jump to the section #board on the index.htm page. Why is that? I already placed the <a name="board"></a> tag on the other page. Any help is great. I have a long page with opening paragraphs that I wrote, followed by a long list that might be buried somewhere else on the Web (duplicate content). The list looks like spam (it isn't) and I'm concerned that the page will not get indexed. Is there a simple way to mark the sections that should not be crawled? As a last resort, I could put the list on a separate page with "nofollow" links. Here is the page: http://www.iaps.com/list-of-internet...ns-199010.html Hello everyone, New to this forum, hoping I can get some help. I am somewhat new to HTML, so I'm running into roadblocks every once in a while, most of which I've gotten through myself. I have a problem with an iFrame I want to use. I need to find a way to have an iFrame jump to a section of a page that I want to display. I am building a website for a hockey team. The URL is http://web.mac.com/chris.ducasse/for...a/gameday.html you will see an iFrame that embeds a page from "pointstreak.com" I want the iFrame to automatically jump down to the "scoreboard" section. Is this possible? If not, is there a way to get rid of the scroll bars for ALL browsers? I want to thank everyone in advance for their help, glad to be a part of this forum, looking forward to learning a lot! Hi all, Im trying to link to a section of one page from a different page. Normally it's quite simple but i am using a different linking setup and it's confusing me, i'm afraid. Basically my page setup is I have separate folders for each page, than inside those folders is an index.html page. the page url does not show the .html it only shows the folder name. This is done via my htaccess file (can't remember where i found this solution from). Any way this setup causes problems linking to sections of other pages, has anyone encountered this before, am i missing something simple? Any help is appreciated! hi everyone this is my first page so i will probably have a couple of questions to help give me an idea of how to do that i want! basically someone has asked me to design them a site, i did a web design course but that was 6 months ago and i need to learn new things for it as well as try and remember what ive learned! ive got a semi basic layout, ill post the html and css, hopefully ill pate them in the right way (this definitely wont be the colour scheme, ive been following an online tutorial, want to get the layout right before making other tweaks) basically in the content section theyre looking for a rectangular box that has 4 imaes, 2 side by side and two below. these will change when theyre rolled over and when a particular image is clicked it will take them to the correct section of the site. as far as i understand from the css i have the size of the content section will change depending on how much information is there. how would i know what size to make the flash for insertion into this section so it fits properly without any gaps? sorry im a bit new to this but the more i learn the better! i dont have a clue how to actually code the flash yet but getting the size right would be a good start! thanks for your help HTML Code: <link rel="stylesheet" type="text/css" href="css/master.css" />
</head>
<body>
<div id="page-container"> <!--this div will hold all the other elements of the page-->
<div id="main-nav">Main Nav</div>
<div id="header">
<h1> Kilmaclolm Dramatic Society logo to be placed here </h1>
</div>
<div id="sidebar-a">
<dl class="hidden">
<dt id="about"><a href="#">About</a></dt>
<dt id="services"><a href="#">Services</a></dt>
<dt id="portfolio"><a href="#">Portfolio</a></dt>
<dt id="contact"><a href="#">Contact Us</a></dt>
</dl>
</div>
<div id="content">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam gravida enim ut risus.
Praesent sapien purus, ultrices a, varius ac, suscipit ut, enim. Maecenas in lectus.
Donec in sapien in nibh rutrum gravida. Sed ut mauris. Fusce malesuada enim vitae lacus
euismod vulputate. Nullam rhoncus mauris ac metus. Maecenas vulputate aliquam odio.
Duis scelerisque justo a pede. Nam augue lorem, semper at, porta eget, placerat eget,
purus. Suspendisse mattis nunc vestibulum ligula. In hac habitasse platea dictumst.
</div>
<div id="footer"><!--floated divs dhould come first to avoid any IE issues-->
<div id="altnav">
<a href="#">About</a> -
<a href="#">Services</a> -
<a href="#">Portfolio</a> -
<a href="#">Contact Us</a> -
<a href="#">Terms of Trade</a>
</div>
Copyright © Kilmacolm Dramatic Society. A website by D Keenan
</div>
</body>
</html>
Code: @charset "utf-8";
/* CSS Document */
html, body { /*resets the margins and padding on both the html and body tags to 0 to ensure theres
no space between the top of the browser and the top of the page */
margin: 0;
padding: 0;
}
h1 {
margin: 0; /* takes away the default margin and padding on h1 tags */
padding: 0;
}
.hidden {
display: none; /* any element with this class wont be seen on the site */
}
#page-container { /* there is a # as this is an id, to be used once on the page only, not repeated elsewhere
this div's height will change depending on the content*/
margin: auto; /* browser sets margin, should centre the div */
width: 760px; /* sets the width of the container */
}
#main-nav {
background: red;
height: 50px; /* the width doesnt need to be specified, it will be 760px as this is the with of the containing div */
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
float: left; /* floats sidebar to left of the screen */
background: darkgreen; /*the height is dependend on the content so no height will be set for the time being*/
width: 280px;
}
#content {
background: green; /*the height is dependend on the content so no height will be set for the time being*/
margin-left: 280px; /*creates a margin as wide as the sidebar to separate the sidebar information and the content */
}
#footer {
clear:both; /*When an element has the clear property assigned, if it comes into contact with a float it is placed right below where that float ends.*/
background: orange;
height: 66px;
}
Hi all Have a really big prob with intro page. Its like this i want a background picture and then i need a picture in the middle of page as link . The code i got now is here. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>BlackCode Security</title>
<BODY BGCOLOR="#000000">
<a href="http://designz.se/BlackCodez/news.php"<IMG SRC="1.jpg" WIDTH=100% HEIGHT=100% BORDER=0 ALIGN="fixed">
<meta name="description" content="BlackBox Secureity : Our Business Is Your Business">
<meta name="keywords" content="Security ,security news ,firewalls ,virus ,Tutorials ,networking ,forum support">
<meta name="copyright" content="Copyright BlackBox Security - 2008">
<meta name="author" content="BlackBox Security">
<meta name="email" content="info@designz.se">
<meta name="Charset" content="other">
<meta name="Distribution" content="Global">
<meta name="Rating" content="General">
<meta name="Robots" content="INDEX,FOLLOW">
<meta name="Revisit-after" content="1 Day">
<meta name="ROBOTS" content="ALL">
</head>
<body>
I hope someone can help me and new here so be kind I would like to know how to create a mini form of two pull down boxes so that when the two selections have been made and submitted it returns back a designated page or picture. For example I want to build a simple method to show routes of an office building. Pulldown box 1 would be the office number you want to start from, and pulldown box two would be the office you want to get to. when you click submit it would pull up either a page or picture which contains the corrrect floor plan and route. I feel like this should not be too hard as I don't need anything very flashy. I just don't know how to start it. If anyone knows of something open source already created to do this I would be open to that too. Thanks in advance for any assistence you can give. Hi peeps, I apologise if this is in the wrong section, if so, please move to appropriate category. I have a basic understanding of HTML coding and I am attempting to learn new skills and tricks to help me in my development. I am currently in the process of developing a new site for myself and on this site I will have a news page, which I update weekly with news from the industry. I was wondering what is the best way of going about new news articles (written by myself, not taken from external sources) and also how to automatically update the 'news' snippet on the homepage when I add a new news article? Any advice or pointers in the right direction would be greatly appreciated. Thanks Hello everybody I have a question, might be dumb but... Lets assume i have a link to an image on a page, is it possible to make a code or script or something so when i click on the link to that image, it downloads it not open it in the browser??????? i know i dont have the best choice of words but i hope u understand my request thanks Hello everyone, I'm building a html page that (I think) needs Javascript directly written into it because it won't be uploaded into a directory I can edit. A few questions: 1. Would this code "<script type="text/javascript" src="the matrix.js">" work if the file was within the document? 2. Does a JavaScript file need to be within the same web directory as a document that's referencing it? Thanks I am trying to figure out a way to load the index page with a requested iframe page without clicking the link. Instead of going to site.com/embeddedpage.html i want to essentially go to site.com/#iframeembeddedpage.html is there a way to load an iframe within the index page via a direct url??? Hi, I want to download data from web but failed. I need to download some stock info (High, Low, Price ) from he http://money18.on.cc/eng/info/livein...l?symbol=00001 The problem is those data is generated thru javascript and not appearing in the html file that I've download from the above link . What I've done: 1. used Firebug to trace the js. 2. identified data is generated thru this link" http://money18.on.cc/js/real/quote/0...=1287193281904 ("00001" is the stock number and "t=128719328190" is the timestamp) 3 . used Firefox Live Http Header to trace the headers of http://money18.on.cc/eng/info/livein...l?symbol=00001 and found this (just extracted a portion of it): Code: --------------------------------------------------------- http://money18.on.cc/js/real/quote/00001_r.js?t=1287193281904 GET /js/real/quote/00001_r.js?t=1287193281904 HTTP/1.1 Host: money18.on.cc User-Agent: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:1.9.2.10) Gecko/20100915 Ubuntu/10.04 (lucid) Firefox/3.6.10 Accept: */* Accept-Language: en-us,en;q=0.5 Accept-Encoding: gzip,deflate Accept-Charset: ISO-8859-1,utf-8;q=0.7,*;q=0.7 Keep-Alive: 115 Connection: keep-alive Referer: http://money18.on.cc/info/liveinfo_quote.html?symbol=1 Cookie: m18-sHist=2930_0-566_0-5_0-3998_0-8321_0-959_0-1163_0-379_0-916_0-1_0 HTTP/1.1 200 OK Date: Sat, 16 Oct 2010 01:41:19 GMT Server: Apache/2.0.52 (Red Hat) Last-Modified: Fri, 15 Oct 2010 08:00:59 GMT Etag: "2e3922e5-be-3a1ac4c0" Accept-Ranges: bytes Vary: Accept-Encoding,User-Agent Content-Encoding: gzip Content-Length: 142 Keep-Alive: timeout=3, max=14999 Connection: Keep-Alive Content-Type: application/x-javascript ---------------------------------------------------------- 4. used the browser to go he http://money18.on.cc/js/real/quote/00001_r.js?t=1287193281904 and got "Forbidden" 5. used perl and specified those headers found in "Live Http Header" to extract the content. Still the same "Forbidden" Do you have any solution to download those data? Thanks! Hello, I've some html files i will write to a cd to enable local browsing of the files. How can i force autohtml.exe to open index.html in Internet Explorer exclusively- not in other browsers? I think only such would allow photos to be viewed in an explorer window- as in viewing the file "X:/stuff/Gallery" in explorer - as opposed to in a browser window which provides only a view of each picture per click and not the whole photo gallery with more navigation flexibility etc. Ive tried opening in Firefox and Chrome but they dont allow (convenient)opening of local folders for security reasons. Any prompt help will be much appreciated:D Stef A company website I went to gives the user the option of downloading a program, the purpose I believe is to open a browser and automatically log the user into their online account at www.companysite.com. The user simply double-clicks an icon on the desktop which lauches the browser, etc. How can I do this? Anyone have a link to a fre script? Thanks! Chris hey dunno if there is an html code for this or if i shuld do this in php but does anyone have a way to have an upload section where all the uploads go and a different place to upload hope it make sense thx brad Basically I have a tab on my website called future ideas and my goal is to have a small table at the bottom of the screen that simple has a "name", "comment" input box, and what I want is to when they click "submit" it will post a small little box of the person's comment on the bottom of the webpage. I have a feeling this is not easy at all and I would like some dumbed down language here when explaining to me because I am definitely not a pro at php coding yet. Or maybe if there is a package out there someone highly recommends please post it, but be sure there is a good guide to post as well for it. Thanks in advance! how do I create a section slide? This is where say, we have an item on this page. And we can expand/collapse that part from a click of a button? I can't seem to find the examples....but have seen them before. I hope you know what I mean basically just want some panel where I can click on a button, it will expand the contents (slide) and when I click on the button again, it will collapse the contents (sliding back up) Basically, at the end of each article, I want to have a comment box that goes good with my site's style. Here's one of the articles from my site, and if I could get one that goes good with my color scheme, that would be great: http://celticsinsider.webs.com/14march2010.html I am in the process of building a site and want to include a News section. However do most website do this manually or use sites like joomla, drupal, and such to do this? I would like something similar to HighTimes.com content articles with tags that connect everything together. Can someone please tell me how this is done? Thank you. |
|||||||