|
HTML - Newbie Help (put Two Images Next Each Other)
This is a very basic question and i would like to ask you help.
Please check attached images. I have image1 and image2 I need to put the circle on the top, just as shown on image2. When using normal html code, i have always the rectangle and the circle as shown in image1. Which one should be the correct html code to display both objects as shown in image2? Thanks! PS- I was trying: Quote: <IMG SRC="image1.gif" ALT="some text" WIDTH=100 HEIGHT=32> <P ALIGN="TOP"> <IMG SRC="image2.gif" ALT="some text" WIDTH=32 HEIGHT=32><P> Similar TutorialsI have received so much help from the experts here that I am having a blast trying new things with HTML. But, now I've run into another little problem that I just can't figure out. So here I am again seeking the advice of the experts. I have a table and I am trying to get an image in it. I can get the image in, but because the particular cell that the image is in (as a background btw) is longer than the image, the image repeats itself below the image I want. Other than shortening the cell itself, is there a way to keep this background image from repeating itself within the cell of the table? Thanks, Vance I need a bit of help with some images within the cell of a table. In this cell I have a background image that I am hoping will adjust to fit the varying heights of my table on different pages (some pages have more info and are therefore taller - for lack of a better description). In this same cell, and on top of the background image, I have the navigational image and it all seems to work exactly the way I want it to, with one exception. The exception is that when I view the page, the navigational image is much to low in the cell. I have done a bit of reading and unless I am just flat out not looking in or for the right information, I can't find anything that looks like it could be a solution. You can see what I am trying to explain here. You can see just how low the navigational list is and I would like to have it moved more towards the top of the cell. I am pretty sure that I can move it up if I use a lt of " " but I don't think this would be the best way to go. I am sure there is a way to do this so if any of the experts here have a suggestion as to how to fix this or where to look for information about moving the images around in a cell I would greatly appreciate any help. Thanks, Vance I want to make my own web site for a computer game that I play. It will basically have custom made content for download for other users. I have an idea of how I want the site to look but I have no idea how to take it from Photoshop and actually make it my web site. I looked at the tutorials on here but I must be really computer dumb because I cant for the life of me figure it out. Is there anyone here who could help me maybe if i show them what I have created?? I cant afford for someone to make it for me but maybe someone would be nice enough to help me out?? Thanks Elaina Hi Len here from Cape Town,South Africa. Done a lot of websites, using Netobjects Fusion, hence no coding.(Damn!) My own website www.2busycamping.co.za has a database which I want to change to PHP/MySQL based but battling with the data entry form. Any help would be appreciated. The drop down box (Province/Country) does not forward the entered data when selected and submitted. The other fields do! PS. this is code I have copied and pasted form bits and pieces I have found, so apologies in advance! Code follows: <form action="welcome3.php" method="get"> <FONT COLOR='#6633FF' SIZE='4'> <label><label><br /> <label>Select the fields that apply and click on FIND RESORTS.</label><br /> <label><label><br /> <select> <option value=""></option> <option value="">Southern Africa</option> <option value="">Eastern Cape</option> <option value="">Free State</option> <option value="">Gauteng</option> <option value="">Kwazulu-Natal</option> <option value="">Limpopo</option> <option value="">Mpumalanga</option> <option value="">North West</option> <option value="">Northern Cape</option> <option value="">Western Cape</option> <option value="">Bostwana</option> <option value="">Malawi</option> <option value="">Mozambique</option> <option value="">Namibia</option> <option value="">Zimbabwe</option> </select> <label>Province/Country<label><br /> <label><label><br /> <input type ="text" name = "Resort_name" </label> Resort Name (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Route" </label> Route (Can be left blank) : <label><br /> <label><label><br /> <input type ="text" name = "Closest_town" <label> Closest Town (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Pets_allowed" <label> Pets Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Day_visitors_allowed" <label> Day Visitors Allowed (Can be left blank) : </label><br /> <label><label><br /> <input type ="text" name = "Have_conference" <label> Has conference facilities (Can be left blank) : </label><br /> <label><label><br /> <input type ="submit" value="FIND" /> </form> Thanks Len Ok, so here's what I'd like. Any help would be greatly appreciated. I would like a url to load in 1 I would like a constant, stay on top, stay at top, follow your scroll, area where 2 is. I would like to be able to place content where 2 is. 3, I would like to be able to edit the length of the content area. 5$ via paypal for first person who helps. Thanks again. Hi everyone, i have been getting errors on validator w3 i have tried every thing i can to sort this problem out but im now lost for ideas. Here is the code i have errors on, if you need any more info please let me know <script language='javascript'>var sp_key = 'd6nz91881gggks48';</script><script type='text/javascript' src='http://www.spottt.com/js/spottt.js'></script><noscript><style type="text/css"> table.spottt_tb, table.spottt_tb tr, table.spottt_tb td, table.spottt_tb a, table.spottt_tb tr a img { margin:0; padding:0; border:none; background:none; position:static; text-decoration:none; display:block; width:125px; vertical-align:top;} .spottt_thumb, .spottt_thumb img, .spottt_thumb a, .spottt_thumb td { height:125px; } .spottt_label, .spottt_label img, .spottt_label a, .spottt_label td { height:21px;}</style><table cellspacing="0px" class="spottt_tb" id="sp_code_table_d6nz91881gggks48"><tr class="spottt_thumb"><td><a href="http://click.spottt.com/sp_click_d6nz91881gggks48.php" target="_top"><img src="http://view.spottt.com/sp_image_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr><tr class="spottt_label"><td><a href="http://home.spottt.com/sp_index_d6nz91881gggks48.php"><img src="http://view.spottt.com/sp_label_d6nz91881gggks48.jpg" border="0" alt="Spottt"></a></td></tr></table></noscript> fixed!sdasffdf deeletete Hi there, Im currently making a website and im afraid im pretty new to this. I am making a fairly simple site >> http://www.monk3d.com/healthcarebed3.html If you download the page, you will see I have placed the logo, links, and footers, however I dont have a space for the actual content! Im probably being stupid, but im not sure how to add a new section. I attached a diagram where the blue box shows where I need the content. I hope this is explained properly. kind regards, Rob Hello, I recently started making websites and I need a little help. I'm using adobe dream weaver cs3 and am having trouble with a few things. First, I am wanting to use a conveyor belt with images sort of thing, so I found one on the internet and am using that..but now I want to put it in front of a picture but it's not letting me..here's a picture of my screen.. http://img72.imageshack.us/img72/6222/screenvf4.jpg So that box of pictures I want to be right after the "Bayside Baptist" Any help would be appreciated..I've never posted on forums before so I don't know if you would need to see the XHTML code but if you do just ask Thanks! Shane Html email does not display image background in Outlook, Gmail, Yahoo and MSN, i am using PHP code.. the images will not appear when sitting it as a back ground in the TD. but i am sure with my file path, it will only display if being coded as <img src=images.jpg> hello all i am so happy to have found your site! I have a domain and website hosting set up with my internet provider. i downloaded filezilla. i created my website using microsoft publisher. when i try to upload it using the filezilla, i get 550 access denied. help, what am i missing???? thanks! Hello, i'm a business manager for 2 different up and coming businesses within the UK. On one of our sites we have widgets we are putting on the site displaying news from a few different organisations within the environmental sector. I have 5 or 6 widgets in total I am using, and when I put the widget codes into my boxes on the page I wish to have the information displayed on the website, they appear vertically on top of each other, meaning that the page becomes very long with the widgets on there. What code should I use to get the HTML code to know that I want the widgets to sit next to each rather than in a line down the page? I hope you understand what I mean, things involving websites are not my primary business activities so my knowledge of terminology is a bit lacking. Regards, Sean Hy I'm new here and new to everything that's related to webdesign and coding so maybe I have silly questions but that's it!,and also sorry for my english - hope you will understand what I have to say. I work on this ImageCube http://keith-wood.name/imageCube.html but I would like to make it like this one http://www.cancan.ro/ with previous/next buttons and with thumbscroller. I know my question is related also to jquery but I will be pleased with the answer regarding only html too. I succeeded to make both previous/next buttons and the thumbscroller to work somehow but I can only make them functioning properly one at a time - I can't make them to function properly both in the same time. I know to make this things work only like this so if you know a better way to do it just tell me. Whatever values do I put either in html or javascript can't seems to work like it should. For example in this case like in below all thumbs and both directionButtons get the first value from document in this case "0" which is uluru.jpg.So,in another words (in this case from below) whenever I click either on whichever of the thumbs or on whichever of the directionButtons the Cube repeatedly rotate the Uluru image. I tried all kinds of variants -to put different values but in neither cases don't work well. So if you can help me I would much appreciate it,and if you have other ideas please give me the entire code because like I said I'm very new to all in this field. HTML Code: <body>
<div id="directionCube" class="cube">
<img src="img/uluru.jpg" >
<img src="img/islands.jpg" >
<img src="img/gorge.jpg" >
</div>
<div id="thumbs">
<input id="direction" value="left" type="hidden"> <input id="next" value="0" type="hidden" /> <img src="1_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="1" type="hidden" /> <img src="2_thumb.jpg">
<input id="direction" value="left" type="hidden"> <input id="next" value="2" type="hidden" /> <img src="3_thumb.jpg">
</div>
<script type="text/javascript">
$('#directionCube').imagecube({direction: 'up', repeat: true, pause: 3000, shading: true});
$('#thumbs').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next') .val(), 10);
cube.imagecube('change', {direction: $('#direction') .val()}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonRIGHT" src="control_right.jpg">
<script type="text/javascript">
$('#directionButtonRIGHT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'right' , selection: 'forward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
<input id="direction" value="right" type="hidden"> <input id="next" value="" type="hidden">
<img id="directionButtonLEFT" src="control_left.jpg">
<script type="text/javascript">
$('#directionButtonLEFT').click(function() {
var cube = $('#directionCube');
var next = parseInt($('#next').val(), 10);
cube.imagecube('change', {direction: 'left', selection: 'backward'}).
imagecube('rotate', next, function() {
$('#current').text($(cube.imagecube('current')).attr('title'));
});
});
</script>
</body>
Hi all, I'm new to this forum and to HTML and i have a question when i create a button in HTML how do i: A. run a function once the button is clicked on? (i want to run some exe file from my machine) B. locate the button on a specif place on the screen (ex, up,down,sides) any where on the screen an example whould be great. Thanks. hello all im all new to this HTML so hopefully everyone can understand me im just playing around with HTML at the moment using notepad to learn whats what but i cant find a way of putting images or tex in the middle of the screen by it self it all just stays on the left handside? can anyone explain or give me the code for it please. also if anyone knows of any good starting books or software to help me on my HTML quest cheers Hi folks. I need some help with an HTML site I am trying to make, so please do me a favour and hear me out. I should add that I know some simple HTML stuff (ie. I can make simple pages no sweat), but am pretty quick on the uptake. What I am trying to do is make a HTML page to keep track of orders for my small business. The layout is pretty simple- I need to make a form where I can enter orders as they come in (simple info- cutomer name, order size, that kind of thing), and then have the form publish the order into a queue/chart of some sort. Then, I need to be able to have that published order queue somehow accessible/editable so that once an employee has finished an order, they can confirm that the order is indeed finished, as well as include notes about when it was finished, where the order is in waiting in the warehouse, etc. Finally, a page essentially the same as above, but this time to confirm shipping with notes about shipping company/time, etc. Hopefully this model came out clear, and someone can point me in the right direction of how to go about getting this started. It by no means has to be pretty- just functional. Can someone give me a brief tutorial about how to make the forms and have them publish into some kind of master queue? hi guys, i have just learned HTML and at first i thought it is easy but it frustates sometimes when i can't find the solution, here is the code of a page i am designing, Quote: <HTML><HEAD><TITLE></TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <META content="MSHTML 6.00.5730.13" name=GENERATOR> <STYLE type=text/css>BODY { FONT-FAMILY: verdana, arial, sans-serif } </STYLE> <LINK media=screen href="Cybus X_files/template_css.css" type=text/css rel=stylesheet></HEAD> <BODY> <TABLE cellSpacing=0 cellPadding=0 width="80%" align=center border=0> <TBODY> <TR> <TD class=s5_tl></TD> <TD class=s5_tm></TD> <TD class=s5_tr></TD></TR> <TR> <TD class=s5_ml></TD> <TD class=s5_mm></TD> <TD class=s5_mr></TD></TR></TBODY></TABLE></BODY></HTML> as far as first row is concerns it seems ok but as soon as i add second row the output becomes wierd.here is the snapshot, here comes the css code, Quote: .s5_tl { height:20px; width:24px; background:url(../images/s5_tl.png) no-repeat top left; float:left; } .s5_tm { height:20px; background:url(../images/s5_tm.png) repeat-x; float:left; } .s5_tr { height:20px; width:24px; background:url(../images/s5_tr.png) no-repeat top right; float:left; } .s5_ml { width:24px; background:url(../images/s5_ml.png) repeat-y top left; float:left; padding-left:24px; } .s5_mm { background:url(../images/s5_mm.png); float:left; } .s5_mr { width:24px; background:url(../images/s5_mr.png) repeat-y top right; float:left; padding-right:24px; } and here are the images which im using as a background, => s5_tl.png => s5_tm.png => s5_tr.png => s5_ml.png => s5_mm.png = s5_mr.png plz guys help me here i can't find what's going wrong with this!!!to see the original site of which im copying the basic design is http://cybusx.in/ Hi All, Wondered if I could get some help. I have wrote a simple HTML script to create a simple Pro-Forma for cusotmers to fill out a few things. I also have a SUBMIT button that what I want it to do when clicked is automatically send the data from the form to an email address. So far I have managed to get the SUBMIT button to create an email with the email address in the to and the data in the subject. However I want it to auto send without the cusotmer seeing and also when the data is copied into the email it is just all linked together seperated by & signs. I am new to this and cant seem to get it to automatically send and wondered if anyone could help Thanks in advance Hi All Been a reader of this site a while now and have found the info very helpful. Currently designing my own site to sell classic cars and really like the way a celebrity site shows its images. ANy idea how this is done? Heres the link... oops-we're a family-friendly place Thanks in advance Al http://www.mynightclubs.co.uk/friends.php how do i make it so that the photos position's are next to each other, with out the white gap? |
|||||||