|
HTML - Probably A Noob Question About Thumbnails In Html
so i have recently begun learning to write HTML, and are trying my hands on designing a website, but i have a problem, i need a thumbnail-list instead of showing the whole picture. what i have done so far is arrange smaller versions of the full picture in a table, and have each picture link to a separate page with only that picture on in full size, but i don't want to have to manually design a page for every picture. any suggestions as to how i can get around that? for instance would opening a blank page with specified color, style, picture placement and all that, be possible to make from the thumbnail list itself? so that the browser opens a blank page, reads the spesifications from the link that opens the new window, and shows that one picture big?
it's really aggravating having to make a separate page for 40-50 pictures... any help would be greatly apreciated. (btw i use IE, not sure wich verson, but a rather late one atleast, and the code i'm using now is this: <!--thumbnail image--> <a href="picture name.html"><img src="images/picture name.jpg" height="100" width="100"/></a> <!--image page--> <html> <head> <title>picture name</title> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <h2 class="center">picture name</h2> <a href="gallery.html"><p class="center">back to gallery</a></p> <img src="images/picture name.jpg"/> </body> </html> thx for any help ^^ -Shane (Dentei) Similar TutorialsHey! I'm new. Like the forums! I have an odd question. I have a profile on another website. There's a section called 'About Me' and I can fill it with information about myself (it supports html). But the problem is that there is a 5000 character limit and I well exceeded that. Is there a website that would allow me to type my profile information and then give me some html code and wherever i would paste the code i would get my profile information? Thanks! Hey, I would really appreciate it if someone can help me with this. I have an ebay store and I want to use HTML to link my items to my store. "Click Here to View my Store" Can someone help me out with this. I dont want to put the link to my store cause that might be against the rules or something so in the store part of the HTML just put something like (storelinkhere) Thanks everyone I know its a really dumb question but im just not getting this HTML stuff. I am new to HTML, and have taken just a few classes at a local CC. I am working on a basic photography site, and have the following code working okay. My question follows the code. <html> <head> <style type="text/css"> h1 {font-family: "Times New Roman"; font-size: 46px;} img { border: 4px solid white; float: center; padding: 20px; margin: 20px; } </style> </head> <body> <body bgcolor="black" leftmargin="100" rightmargin="100"> <hr color=#BC8F8F> <h1 align="center"><i><font color="white">Nature Up Close & Personal</i></h1> <hr color=#BC8F8F> <a href="thumbs/IMG_1451thumb.jpg"><img src="images/IMG_1451.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_0191thumb.jpg"><img src="images/IMG_0191.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_8152thumb.jpg"><img src="images/IMG_8152.jpg" width="225" height="165" border="0"></a> <a href="thumbs/spider cropped_1thumb.jpg"><img src="images/spider cropped_1.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_1461_1thumb.jpg"><img src="images/IMG_1461_1.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_1942thumb.jpg"><img src="images/IMG_1942.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_3483thumb.jpg"><img src="images/IMG_3483.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_2283thumb.jpg"><img src="images/IMG_2283.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_1354_1_1thumb.jpg"><img src="images/IMG_1354_1_1.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_8263thumb.jpg"><img src="images/IMG_8263.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_8810thumb.jpg"><img src="images/IMG_8810.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_9937_1_1_1thumb.jpg"><img src="images/IMG_9937_1_1_1.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_7751_2thumb.jpg"><img src="images/IMG_7751_2.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_3025thumb.jpg"><img src="images/IMG_3025.jpg" width="225" height="165" border="0"></a> <a href="thumbs/IMG_3006thumb.jpg"><img src="images/IMG_3006.jpg" width="225" height="165" border="0"></a> <p><h4 align="center"><font color="yellow"><i>Click image to view full size</i></p></a> <p><h3 align="center"><a href="Animals.html"><font color="white"><i> Next: Animals</i></a> <br> <br> <a href="index.html"><font color="blue"><i>Home</i></a> </body> </html> My problem....how do I get the second photo (largest one) centered on the screen, and with a black background? Currently it enlarges fine, but seems to be centered on the left, and with a white background. I am trying to run HTML code from my Mac. i have it coded in textedit, and when I try to open in Safari or Chrome, I see the actual code itself.. Instead of the content is suposed to display. Thank you in advance for your help Is it possible to loginto this site by using the url? https://secure.tibia.com/account/?su...&page=overview Like the same way you can turn this: http://www.tibia.com/community/?subtopic=characters Into this: http://www.tibia.com/community/?subt...&name=testname You know what I mean? Been tryin to figure this out for hours Hello everyone, I have got a very noob questions which I tried to look for an answer from the internet but I couldnt get a result from the search engine. I hope u guys here around are professional and could be able to help me out with it. I want to know if I could hyperlink multi-areas on only one file. For example, I have an JPEG image which has couple of pictures on there, and would like to hyperlink each of the photos into different links. If yes, how to do, any specific site that teaches this techique. I needed it so badly and really hope u guys can help out. THanks alot in advance! Hey guys, This is my first time here and I am VERY new to developing in HTML, CSS, JS etc. so please bear with me I am using W3Schools as my primary resource at the moment and have a question about the use of the class versus the ID attribute. On the W3Schools site it is stated that ID is intended for identifying a specific element and that the class attribute is intended to be used to identify multiple elements. But as you can simply apply the ID attribute (<div id="element1">) to ANY element, why have the two? Is the distinction between the two more about the fact that you can apply the class attribute to a particular tag type such as: p.blue {color: Blue;} Many thanks for your help with this. RezD BAH Just realised I have posted this in the wrong forum (great start) hopefully a moderator can move this? Thanks. Hi all. I'm designing a website and for the first time using div tags. The style is controlled by CSS. I'm trying to get 2 div tags to be positioned next to each other, side by side. How do I do this, I just can't get it to work. Thanks I'm taking up HTML editing as a class elective in college and find it very louring in it's creative aspects. I'm messing around with Tables currently and for the life of me i cannot get the table to align directly to the top of the page. There's like a 10px space on the top. I've tried the valign=top or valign=texttop and nothing will make it touch the top of the page with out leaving a space. can some please tell me what i'm missing? Thanks for the help! here's my html code: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body bgcolor="880000"> <table bgcolor="yellow" border="0" cellpadding="0" cellspacing="0" valign="top" width="800"> <tr> <td style="height: 23px"></td> </tr> </table> </body> </html> Ive just got my new site up and running but i need to have it all in center of the screen. can someone please tell me how to do this in the easyist way..? The site can be seen he http://rtgkom.dk/~caspers06/index.html Thanks in advance Last time I posted I was told I needed to get rid of the tables from my code. Im still trying to learn CSS properly and make the changes as I go. looking at my layout surrenderyourwings.com/layout.html I realize it should be 3 divs from left to right, one for the images one for the content and one for the details my question is: the details column on the right "payment shipping etc" Should each of the individual "cells" be a nested div? or is there a different or more correct way to convert and simplify this? thanks http://ps2cho.net/ At the top where it has ps2cho.net I would love to have an image span across. I don't know much about html...where would I start with this? Is it possible with the wordpress theme? Hey everyone, I'm trying to add more pages to my site.... For example, www.mysite.com/new-page How do I add that "new-page" to my site? My website was professionally built, however I go in & edit all the time. I have been trying to look at the server to see what the developer did, but no luck... Thanks in advanced for any help I'm trying to make a website for class, and am having a problem. I made a table, but when I change the size of the window, the words wrap and distort. If I made the window big, the table stretches, and if I make it small it squishes up. What's the easiest way to fix this? So i'm not very good at this stuff, somehow there is an extra white line below the initial title and the three sections. I know there's a lot of garbage in this code of tags that don't need to be here, this code has been constantly edited and by different people and none of us are experts, so a lot of random tags are left around. Possibly one of them is causing the issue. To simplify things, in this example of my code I have removed all the text and links and what not that someone that visits the site sees with "data data data" as I believe they are irreverent to this issue. Any help would be great!!!! My guess is the issue is in the red section, as this is where the gap is between Code: <center>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="tableborder">
<tr><td width="100%" valign="top">
<div class='thead' align='left' style="padding: 5px;"><b>Title</b></div>
<table width="100%" border="0" cellpadding="0" cellspacing="1">
<!--- Left Section -->
<tr><td class="trow1" width="33%" valign="top"><font color="black"><center><b>Title</b></center></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><u></u><font color="black">
<div style="overflow:auto; width: 310px; height: 276px;">
Data Data Data Data....
<br>
</div>
</td>
<br>
</font></a>
<br>
<!-- Center Section -->
</center></td>
<td class="trow1" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></center>
<hr color="#000000"><font face="verdana" color="000000"></center><center><u></u><font color="black">
<br>
Data Data Data.....<br></br>
<!-- Right Section -->
</center></div></td>
</i></b></font></a>
</center></td>
<td class="trow2" width="33%" valign="top"><center>
<font color="black"><b>Title</b></font></font></center>
<hr color="#000000">
<center>
<br>
Data Data Data.....
</td></div></table></td></tr>
</center> </center
</table>
Here's a screenshot of the issue on the website: ok so i wanna put font and pics in different areas of the page. Like what if i wanted to put it between left and center so align wouldnt work. The only way i know is using the whole   but then my code is absolutly cluddered with that. I checked out code for some other sites like video game ones. I oculdnt understand it lol but i didnt see mass abouts of non breaking spaces. Please help Hello, Im new to the site and the whole html/css thing ;p So please excuse me if I come off as a complete noob ^^; Anyways, I designed my own layout in PS CS2 and sliced it, then imported it to frontpage to finish coding it. Everything was fine and dandy up until I tried adding some links to my navigation bar. It stretched the layout along with it and vice versa. when adding too much text in the content section it stretched out the nav and makes it look hidious. Here's a screenie explaining my situation. [img=http://img291.imageshack.us/img291/8866/somethingsk1.th.jpg] That's how it is in firefox. It's a bit better in IE. http://multico.yurx.com/anime-me/anime-me(lay).html Please no flamming^^; I know im not the best at hml ;p Hey all, Ive recently been given an assignment at college and now im trying to self teach my self on website coding/setup ect.... Here is my website so far, keep in mind two days ago I had no knowledge of HTML coding and its where it is now through hours of working through the code and I have come across some errors I cannot solve on myself. Website Link: http://www.qrpm.site90.net/INDEX.HTML First problem is, Ive installed all files into my directory of where the website is and stil using just http://www.qrpm.site90.net will not work it just brings up all the files I have uploaded to my server but placing /INDEX.HTML on the end will bring up my website, that is problem one that I would like to address. Problem two is that if you click on my Index page you will see Buttons on the left hand side of the page going down but I want to position these buttons along the top I can get them along the top but then they become dead links and wont foward my browser onto my other pages on my website I have no idea how to Fix this at all Any help would be really appreciated thank you Rob. I just started learning HTML, and made a file just to try out the various things I have learned. The below is said file. When I attempt to view it my picture does not appear, and I don't understand why. Help is much appreciated. <html> <head> <title>Test page</title> </head> <body> <center><h1>Yay for me</h1></center> <p>This is cool</p> <p>Bla bla bak</p> <ul> <li>Yay</li> <li>for</li> <li>me</li> </ul> <br> <img src=“Caster.jpg” /> </body> </html> Hey all, I still consider myself a novice in html and especially CSS. I know basic, basic html like how to write paragraphs and line breaks and embed videos and write meta tags. I know virtually no CSS However, I would like to learn more advanced techniques. Any suggestions for straightforward sites or videos or programs that I can look up? I have been looking at w3schools.com a little bit and I use notepad++ for an editor. Anyway, any suggestions would be awesomely appreciated. Thanks guys! |
|||||||