|
HTML - Help With Changing And Image To An Html Picture
sorry for the strange title to my problem, but it's the best I can do.
On the site below: http://www.nomagicneon.com/shows.html I have an image (not the truck) that contains data in the middle of it. I made it in MS publisher, now to change the data, I have to go back to MS pub. and change and save and resize etc etc. What I would like to do is: Make the image, cut out the data and then be able to put the data in using HTML code. I think that would require using code for the data and the new picture I created using absolutes. but since never using absolutes, I am not sure. any ideas? TIA Similar TutorialsWondering if it's possible to make a circular image change to a different image on mouseover for each of the links in the sample photo. I'm thinking this would be easy to do if the image were square and not circular. Sorry if this is in the wrong section. Is this possible and could you point me in the right direction? Hi, I like to show picture like a slide show like below link http://www.giftedpenguin.co.uk/ PLease tell me how to do that,do i need to do j-script or something? thanks What i want is an html table with 9 rows and 3 columns the first row is merged into a single cell with NAME in the rest of the first columni is to be merged into a single cell with a picture in i want the picture to be tight in the cell, no whitespace above, below or on the sides i want the bottom 8 rows (all of them except the header) to be the same height i'm nearly there but the bottom eight rows aren't all the same height. I'd prefer to do it using % rather than pixels if possible, i tried setting the first row to be 20% of the row height and the other 8 rows to be 10% but it didn't work any help appreciated, thanks Code: <body bgcolor=EEEEEE> <div align="center"> <!-- table with pic and summary data in --> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" cellalign="center" WIDTH="800"> <tr bgcolor="DarkGrey" height="20%"> <th width="100%" colspan = "3"> <font size=8 face="trebuchet MS"> NAME </font> </th> </TR> <TD rowspan="9" align="center" width = 20%><img width = 100% src="c:/test.bmp"/> </TD> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> <TR> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> <TD width = 40%> <font size=4 face="trebuchet MS"> TEST </font> </TD> </TR> </table> I'm pretty average with HTML or any web design style at all so please bear with me. I am the club's web coordinator, all I do is simple things such as update the site with events and any announcements. One thing I would like to add is our picture; however, I have our names as a link to our email, I was wondering if I could also use that same Text/Link and when they rollover it, it'll show our picture so that students who visit our site can know who we are if they don't already. I've seen this done a couple times, but I'm not sure how to make it myself. Any help is appreciated, thanks. I want this picture duplicated so it fills my whole background with multiple pictures of the same thing What code would I have to use cos Im using HTML The picture is http://www.freewebs.com/call--of--duty--4/M4.jpg So could somebody tell me the code I would need to put in Hello. I have problem with creating a website for my Counter-Strike team. When I trying to write match info, and insert there a little flag, it always goes below map picture. It goes there everyway... with FrontPage, with PageBreeze, even with a WordPad, then i tried to edit HTML code manualy. Here is a screenshot: I realy need this problem to be solved. Sorry for my english. Dear experts, I'm trying to send out a EDM. After creating the html mail, I realised that after attaching it to signature of my Outlook Express, my picture inside the html codes doesn't not appear. What should I do in order for the picture to appear ? Hope to hear some advice. Thanks. Hi i need some help i cannot figure out how to enter text ontop of a picture using HTML script. if i do it in design view the centering of the page and the alignents get all messed up how can i do this???? does anyone have any suggestions or html script examlpes to show me ???? im new at this and i wana learn how to use html script rather that making a website in design view it doesnt work!!!! erm im using Dreamweaver MX 2004 if this is important Thank You Pavzzz _________ I am currently making a comic website and I have no programing experience. I have seen some websites with neat galleries and I am wondering if there is any way to crop their html. My favorite gallery type is the one where the user can specify how many pictures he wants to see per page (there is usually a little box where you can choose how may pics per page are shown). Ok I hope my question is clear enough. Thanks in advance. Comments on this post Mandarin disagrees: Spambot. http://answers.yahoo.com/question/index?qid=20091226053506AA0Uun3 the title makes it sounds really confusing. Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another. The code is - HTML Code: // Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below
Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg'
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one) can anyone help me? Hi there I'm currently making a estate agency for my college project and have come into a problem I am not that great with html I much prefer programming rather than web development So here is the question how do I change a image on click of another image (for say there is 1 big image on the website and 3 smaller ones I want to change the content of the big image into the clicked smaller image) an example of this is at the following website: http://www.haart.co.uk/buying-house/...ls_160839.aspx Any help would be great thanks dave Dear HTML Experts, I forget the code which changed the image when, the cursor was at it? Can someone tell me the code? I need to make it so when you click on the image map it changes the image and changes the image map. I am ONLY using html and javascript is not an option. I am shure it is something stupid... <code> <img src="image.gif" id="image" border="0" name="image" usemap="#tour" /> <map name="tour"> <area shape="circ" coords="46,39,20" onClick=" document.getElementById('image').src='flag1.jpg'; document.getElementById('image').useMap='tour2'; <!--NOT WORKING ^?!--> "> </map> <map name="tour2" id="tour2"> <area shape="rect" coords="590,325,650,408" onClick="document.getElementById('image').src='flag.jpg';"> </map> </code> why???! throwing in another random question I can't change the cursor with image maps either... onMouseOver="this.style.cursor='help'" inside my code is not changing anything... when I highlight the mouse over the image map section... I want to insert an image, but I want it to change to other images after a certain time frame (i.e. 5 seconds) as in a scrolling/moving image?? Can any one tell me how I can do this? I'm not sure if this is even the right forum!! Thanks! Can someone help me with this I just want to make a div style sheet that changes size on mouseover no javascript just html Please help I want to make changes to the font of the posts of this section: http://foxh0und.tumblr.com/tagged/foxh0undQA I'm really not sure where to find the part for that in the HTML.. what I want to do is change the spacing between each post & have the question in bold and the answer not in bold and smaller font - an example of what I would like to do is in the link below. http://foxh0und.tumblr.com/post/11626236049 any help would be amazing because i feel like it's ruining my whole theme. Hello People, I have 5 images that i want to display one by one after regular interval's of time . I dont know how to do this in HTML .Can you please help me. Thanks in advance, Kluserner Hi. I set the opacity of content tables within my webpage to 0.90 so that my background can be seen slightly. However my images in these content tables are also see through. How do i make the images 100% opaque? I have tried entering the image code like this: <IMG SRC="http://i49.photobucket.com/albums/f293/jmzcherry/pete-doherty-gio-goi.jpg" STYLE=filter:alpha(opacity=100) WIDTH="245" HEIGHT="250" ALIGN="left"> but that didnt work. Heres how i did the opacity for the tables: table table table td { background-color:FFFFFF; filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90; -khtml-opacity:0.90; } table table table table td {filter:none;} |
|||||||