HTML - How Can I Put Writing Ontop Of A Picture Using Html Script?????
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 _________ Similar TutorialsWhat 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> Hi I am trying to write some HTML code and I need help. I thought it would be easy but I'm struggling. Heres what I want to do. Person goes to the website. On the first page, they get to choose their background color scheme which will be split in 2 halves . I want a color selector. Lets say they choose black and white. The left background would be black and the right half white. Then they click next and it goes to a 2nd page that keeps the background color scheme the same (black and white or whatever they chose ) Is this possible with html? Looking for some smart people to help. Please pm or reply to the post Thanks in advance. I know this is possible but I don't have a clue on where to start. If anyone could provide any links on how I might Over-write existing html would be great. My problem is that I cannot edit or get rid of the code that is already there. It's sort of like myspace where you can custom page layout with new code without having access to the default code. 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 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 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. Hello everyone, I've already spent awhile trying to find something that can do this, but I'm really new to html and I'm not sure what to call it. None of my search terms came up with any relevant results. What I need to accomplish is this: I have a good size collection of images and I wanted to insert them all into a single webpage. Basically this means that I need to manually type in the same code over and over with the exception of the file name. I'm wondering if there is a program that will do that for me to save time. Additional details: I plan on using some javascript to enlarge the displayed thumbnails and show the full size image. I am using all the images in a specific folder. Any suggestions on what I can do (it doesn't have to be a program) is greatly appreciated. thank you. 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. 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 hi, someone has bought a website template and wants me to have a go at adding stuff to it (dont worry, he just wants to see what it looks like, he's not going to use me to publish it). the code for the menu buttons is this: <td class="menu"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/p1_sel.jpg',1)"><img src="images/p1.jpg" alt="" name="Image3" width="116" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/p2_sel.jpg',1)"><img src="images/p2.jpg" alt="" name="Image4" width="112" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/p3_sel.jpg',1)"><img src="images/p3.jpg" alt="" name="Image5" width="133" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/p4_sel.jpg',1)"><img src="images/p4.jpg" alt="" name="Image6" width="119" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/p5_sel.jpg',1)"><img src="images/p5.jpg" alt="" name="Image7" width="148" height="35"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/p6_sel.jpg',1)"><img src="images/p6.jpg" alt="" name="Image8" width="137" height="35"></a></td> at the moments they are blank and just change colour when you hover. how do i add text to these buttons without making new images? thanks in advance, sam Question says it al, have a look at the gallery here. Ive made this div, it has a red border.. located at the left top. How to I get it to appear on top of the flash file? SOLVED! SOLUTION: Code: <script type="text/javascript"> var fo = new SWFObject("viewer.swf", "viewer", "100%", "100%", "8", "#181818"); // SIMPLEVIEWER CONFIGURATION OPTIONS // To use an option, uncomment it by removing the "//" at the start of the line // For a description of config options, go to: // http://www.airtightinteractive.com/simpleviewer/options.html //fo.addVariable("xmlDataPath", "gallery.xml"); //fo.addVariable("firstImageIndex", "5"); //fo.addVariable("langOpenImage", "Open Image in New Window"); //fo.addVariable("langAbout", "About"); //fo.addVariable("preloaderColor", "0xFFFFFF"); fo.addParam("wmode", "opaque"); fo.write("flashcontent"); </script> Thank you Mister.E! NEW PROBLEM THOUGH: http://www.htmlforums.com/css/t-easy...tml#post754365 Hey all, new here and not a very good coder at all, but i find pieces of information and try and make best of it....and as far i can see i cant find this sort of information on this website my problem is im trying to create a code that will log in to a website, wait a few (i.e. 2 seconds) then go to a second web page that is a part of this site for example --> www.htmlforum.com --> (automate login) --> then go to www.htmlforum.com/example this is what i have found so far </head> <body> <FORM action=http://www.thewebsiteexample.com/login.php method= post name=login> <INPUT class=login_input type=hidden name=usrname value="myusername"> <INPUT class=login_input type=hidden name=uemail value="myemail@hotmail.com"> <INPUT class=login_input type=hidden name=peeword value="mypassword"> <INPUT class=login_input type=submit value=Login> <body onload="document.login.submit();"> </form> </body> this code allows me to log in successfully to the site i wish to go to i also have this code to allow loading of a new page (but works only AFTER successfully logged in) <script> <!-- location.replace("http://www.mywebsiteexample.com/arms.php"); --> </script> my problem is i dont know how to join the code, whereby i successfully log in, then run the script to go to the subpage my idea is to delay running of the script code perhaps? which should then allow to successfully load the subpage...or perhaps you guys know another way help is DEFINITELY very appreciated! cheers all! How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Hi. I will try to be as specific as I can. I'm new to html. I'm trying to create a html file that when you click on it it takes you to a url embeded in the file. I tried simple anchore, but when I click on the file it open in a windows with hyperlink. I understand that I need to create a script to do that. Can anyone help me? Thanks Hi, I inherited an internal html page that queries a .bat to pull out which users are logged on via rdp to my different servers. Now its suddenly stopped working and I think there's a problem with the html. The .bat runs a quser command against a list of machines which is outputted as a text file. The html page then pulls the info from the text file and should present the data in a readible format. However all I'm getting is a blank html page. The .bat is working because I can see the correct output in the text file. My html script is as follows, could someone take a look and see if it is correct? Thanks for any help! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <meta name="description" content="www.northwind.com, northwind Remote Desktop Connection Status" /> <!-- auto refresh page every 360 seconds --> <meta http-equiv="refresh" content="360"> <title>northwind - Remote Desktop Connection Status</title> <style type="text/css"> body {color: #666666; font-family: arial,verdana,tahoma; font-weight: normal; background: #FFFFFF; font-size: 12px;} h2, .grey {color: #666666; font-weight: bold;} h3, .blue {color: #0000CC;} .srvhdr {color: #0000CC; font-weight: bold; } .greenbg {background: #00FF66;} .tbl {border: 3px solid #999999;} a:link, a:visited {color: #0000CC; text-decoration: none } a:hover, a:active {color: #0000CC; text-decoration: underline} </style> </head> <body> <script language="VBScript"> !-- Sub ReadFiles Dim objFSO, objCheckFile, objFile, HeaderList, UserList, s, h,i HeaderList = array(5) UserList = array() Const ForReading = 1 Set objFSO = CreateObject("Scripting.FileSystemObject") Set objCheckFile = objFSO.GetFile("\\northwindbm\Global\Corporate\Query_RDP_MODWK\Result_Quser.txt") 'check file exists' If objCheckFile.Size > 0 Then 'open text file' Set objFile = objFSO.OpenTextFile("\\northwindbm\Global\Corporate\Query_RDP_MODWK\Result_Quser.txt", ForReading) 'read each line' Do Until objFile.AtEndOfStream strNextLine = objFile.Readline 'if server name then create new row and insert name s = Instr(1, strNextLine, "MODWK", 1) j = Instr(1, strNextLine, "USERNAME", 1) 'SERVER' if s > 0 then document.write ("<tr><td colspan=6 class=srvhdr>" & strNextLine & "</td>") document.write ("<td width=1%> </td></tr>") else 'not server include headers and / or user data 'remove leading spaces' strNextLine = trim(strNextLine) 'replace 2 consecutive spaces with1 Do While InStr(1, strNextLine, " ") strNextLine = Replace(strNextLine, " ", " ") Loop if j > 0 then HeaderList = Split(trim(strNextLine), Chr(32)) document.write ("<tr><td width=15% class=grey>" & HeaderList(0) & "</td>") document.write ("<td width=15% class=grey>" & HeaderList(1) & "</td>") document.write ("<td width=15% class=grey>" & HeaderList(2) & "</td>") document.write ("<td width=15% class=grey>" & HeaderList(3) & "</td>") document.write ("<td width=15% class=grey>" & HeaderList(4) & "</td>") document.write ("<td width=15% class=grey>" & HeaderList(5) & "</td>") document.write ("<td class=greybg> </td></tr>") erase HeaderList else UserList = Split(trim(strNextLine), Chr(32)) ' if session name is blank update array' i = InStr(1, UserList(1), "rdp", 1) if i = 0 then ReDim Preserve UserList(6) UserList(6) = UserList(5) UserList(5) = UserList(4) UserList(4) = UserList(3) UserList(3) = UserList(2) UserList(2) = UserList(1) UserList(1) = " -" end if document.write ("<tr><td width=15%>" & UserList(0) & "</td>") document.write ("<td width=15%>" & UserList(1) & "</td>") document.write ("<td width=15%>" & UserList(2) & "</td>") document.write ("<td width=15%>" & UserList(3) & "</td>") document.write ("<td width=15%>" & UserList(4) & "</td>") document.write ("<td width=15%>" & UserList(5) & " (" & UserList(6) & ")</td>") document.write ("<td class=greenbg> </td></tr>") erase UserList end if end if Loop Else document.write ("<tr><td colspan=6>The file is empty.</td></tr>") End If objFile.Close End Sub document.write("<div align=center><h2>northwind</h2>") document.write("<h3>Remote Desktop Connection Status</h3>") document.write("Page loaded : <em class=blue>" & Date & " " & Time & "</em> <br />") document.write("<table border=1 cellpadding=2 cellspacing=2 width=90% class=tbl>") ReadFiles() document.write("</table><br />") document.write("Any queries please contact : <em> <a href=mailto:Steven.Blogss@northwind.com> Steven Blogs (Network Administrator)</a></em></div>") --> </script> <br > </body> </html> Hi, i am creating a web page dynamically through ajax like this here i am creating a td element and appending a button element to it Code: var td5= document.createElement("TD"); td5.style.whiteSpace = "nowrap"; td5.setAttribute("id", "button" + hostname); var button=document.createElement("input"); button.setAttribute("type", "button"); button.setAttribute("id", "updatebutton" + hostname); button.setAttribute("value", "Click here"); button.setAttribute("onclick", "alert('OK')"); td5.appendChild(button); it appearing good on web page the but when i click the button, where i am not getting supposed alert Code: button.setAttribute("onclick", "alert('OK')"); line is not showing effect and when i try like this Code: button.onclick=new Function (alert('hi')); when my IE loads the page i am getting alert where as , alert must come after clicking the button any work around please Thanks R How can I run HTML from Javascript? What I mean is that from etc. index.html I will load a file.js script, which will include the whole HTML. Not sure if I can explain myself correctly, do you know what I mean? is there a better way than this (below) to style Script and Code, to look like script and code when written/typed in html? For instance how does the [ HTML ] [ /HTML ] in this forum work? HTML Code: <style type="text/css"> .csslook { font-family: "Courier New", Courier, monospace; font-size: 12px;} .darkpink {color:#990099;} .green {color:#006600;} .pink {color:#FF00FF;} .darkblue {color:#000099;} .blue {color:#0000FF;} </style> <div class="csslook"> <span class="darkpink"><style type=<span class="green">"text/css"</span>></span><br> <span class="pink">#mainContent {</span><br> <span class="darkblue">padding</span><span class="pink">:<span class="blue">0px 1px 0px 1px</span>;</span><br> <span class="darkblue">border-width</span><span class="pink">:<span class="blue">1px 2px 2px 1px</span>;</span><br> <span class="darkblue">border-style</span><span class="pink">:<span class="blue">solid</span>;</span><br> <span class="darkblue">background</span><span class="pink">:<span class="blue">#faf6f6</span>;</span><br> <span class="darkblue">color</span><span class="pink">:<span class="blue">#000</span>;</span><br> <span class="darkblue">border-color</span><span class="pink">:<span class="blue">#edd #baa #baa #eed</span>;</span><br> <span class="darkblue">font-family</span><span class="pink">:<span class="blue">Arial, Helvetica, sans-serif</span>;</span><br> <span class="darkblue">size</span><span class="pink">:<span class="blue">12px</span>;}</span></span><br> <span class="darkblue"></div></span> </div> |