|
HTML - Border With A Img Inside A P Element With Text?
I cant seem to create a border around a p tag when I have a image and text in the same p element/tag. Is this possible? Im pretty sure I have my syntax correct.
Similar TutorialsI have a html table in my web page, and this table contains some input elements (like text box, btton etc) as cell data. I have implemeted a functionality to navigate through each cell by arrow keys. Now i want to set the focus to the cell data (button or textbox) with arrow key navigation. html table code snippet - <td id="testTd"><input id="testButton" type="button" value="test" onclick="alert('test clicked!!')"/></td> While navigating through keyboard i get the id of button but when i try to set focus, it does not seem to be working javascript code snippet - var td = tabMatrix[rmove][cmove].firstChild; alert(td.id); // here i get the id of button var button = document.getElementById(td.id); button.focus; any help or pointers would be of great help. Is there a way to randomly display text in an element? Im wanting to do somewhat of a "Did you know?" section on my site with random facts about our particular industry. Any help would be awesome! Thanks in advance! Scott Hello All, I am having trouble with theses borders, I want them to surround the text but it extends on the left side and isnt closed. www.canapictures.com Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Cana Pictures</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Robots" content="NOINDEX"> <meta http-equiv="PRAGMA" content="NO-CACHE"><!-- Web Site: www.ssi-developer.net Comments: Copyright 2003 www.ssi-developer.net Licence: Creative Commons - Non-commercial Share-Alike --> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-layout.css"> <link rel="stylesheet" type="text/css" href= "2c-hd-flex-presentation.css"> </head> <body> <!-- Header --> <p><img src="banner_dotcom(4).JPG" width="1258" height="227" alt= "#########"></p> <table border="0" cellpadding="0" cellspacing="0"></table> <hr> <a href="index.html"><img src="homebutton1.bmp" border="0" hspace= "15" width="74" height="48" alt="#########"></a><a href= "video.html" border="0" hspace="15" width="80" height= "48"><img src="videos1.bmp" border="0" hspace="15" alt= "#########"></a><a href="about_us.html" border="0" hspace="15" width="92" height="50"><img src="aboutus1.bmp" border="0" hspace= "15" alt="#########"></a><a href="castcrew.html"><img src= "castcrew1.bmp" border="0" hspace="15" width="92" height="50" alt= "#########"></a> <a href= "http://www.youtube.com/user/CANAPICTURES84" target= "_blank"><img src="youtube.jpg" hspace="15" align="right" border= "0" alt="#########"></a> <a href="http://vimeo.com/14761465" target="_blank"><img src="vimeolink.jpg" hspace="15" align="right" border="0" width="63" height="48" alt="#########"></a> <a href= "http://www.facebook.com/?ref=home#!/pages/Cana-Pictures/158743877499582" target="_blank"><img src="fblink.jpg" hspace="15" align="right" border="0" alt="#########"></a> <hr> <!-- end of header --> <!-- left column --> <div id="lh-col"> <h1 align="center"></h1> <p style="font-size:0.32in;">LATEST VIDEO <object width="1280" height="745"><param name="movie" value= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1"> <param name="allowFullScreen" value="true"> <param name="allowscriptaccess" value="always"> <embed src= "http://www.youtube.com/v/Suz3LcKKCfc?fs=1&hl=en_US&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></object><p align="center" style="font-size:0.20in;">Full length video<a href="http://vimeo.com/14761465" target= "_blank"><img align="center" src="vimeolink.jpg" align="center" border="0" width= "63" height="48" alt="#########"></a><br></p> <p style="font-size:0.16in;"></p> <h1 align="left"></h1> <p align="center" style="font-size:0.30in;">FRIENDS <p> <a href= "http://www.bangarangcomedy.com/" target="_blank"><img src= "bangarangcomedy.JPG" align="center" border="0" width="306" height= "50" alt="#########"></a> <a href="http://bottlecapfilm.com" target="_blank"><img src="bottlecapfilms%20link.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.farookkhan.com" target="_blank"><img src= "farookkhan.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.facebook.com/home.php?#!/pages/Hall-1/158898480630" target="_blank"><img src="hall_1.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.afilmsnob.com/" target="_blank"><img src= "afilmsnob.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.lockstockandtwofilmgeeks.com" target="_blank"><img src= "lockstockandtwofilmgeeks.JPG" border="0" width="306" height="50" alt="#########"></a> <a href="http://www.picardmaneuvercomedy.com" target="_blank"><img src="picardmaneuver.JPG" align="center" border="0" width="306" height="50" alt="#########"></a> <a href= "http://www.loserstatus.com" target="_blank"><img src= "loserstatusproductions.JPG" align="center" border="0" width="306" height="50" alt="#########"></a><br> <p> </p><p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <br></p> </div> <!-- end of left column --> <!-- right column --> <div id="rh-col"> <h1 align="center"></h1> <p align="center" style="font-size:0.32in;"><br> NEWS</p> <h1 align="center"></h1> <p ></p> <p align="center"style="font-size:0.20in;">November 3, 2010</p> <p align="center" style="font-size:0.30in;">FILM FESTIVAL NEWS</p> <h1 style="font-size:0.16in;"><p class="two">Our movie Killin? Folks has been submitted for entry as part of Dr. Spin's Propaganda Machine Film and Video Extravaganza in downtown Napa, CA on Saturday, November 13. If you live in or near Napa, mark your calendars and be sure to come check our movie and some movies by actual artists. Admission is totally free, and the festivities start at 5:00 PM. We will post more details as they become available. For more information on the festival, click this link<br></p> <a href="http://wanderingrose.org/" target="_blank"><img src= "ff.JPG" align="center" border="0" alt="#########"></a></h1> <p align="center"></p> <p align="center" style="font-size:0.20in;">November 2, 2010</p> <p align="center" style="font-size:0.30in;">UNEMPLOYED VAMPIRES ANNOUNCED</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Cana Pictures is pleased to announce the start of pre-production on a new web-series, Unemployed Vampires. Created by Patrick Krainert, this comedy series will start shooting late this year and, with any luck, begin airing episodes online early next year. Keep an eye out for further updates.</p></h1> <p align="center"style="font-size:0.20in;">October 30, 2010</p> <p align="center" style="font-size:0.30in;">CANAPICTURES.COM LAUNCHED</p> <p align="center" style="font-size:0.16in;"><p class="two">We are pleased to announce that canapictures.com has officially been launched! But you knew that already obviously, since you are here. Thank you for stopping by, please tell your friends!</p> <h1 align="center"></h1> <p align="center"style="font-size:0.20in;">October 24, 2010</p> <p align="center" style="font-size:0.30in;">KILLIN' FOLKS</p> <h1 align="center" style="font-size:0.16in;"><p class="two">Our most recent short film, "killin' folks" is now available for viewing on our vimeo page.Actually, it has been there for a while now. So why haven't you watched it yet? You can find the link on our VIDEOS page.</p></h1> <div id="contentwrapper"> <div style="float:left;"></div> <br> <br> <!-- end of right column --> <!-- Mister Analytics Code Start //--> <!-- Paste this code into every page that you would like to track //--> <script type="text/javascript"> document.write(unescape('%3Cscript type="text/javascript" src="'+document.location.protocol+'//expo-max.com/adserver/js/"%3E%3C/script%3E')); </script> <span id="auth42722986f381436582ccc7151406ca3e"> <!-- Mister Analytics Code End //--></div> </div> </body> </html> And here is my CSS body{ margin: 0; padding:0; background: #000; color: #fff; } #hdr{ width: 100%; height: 65px; margin: 0; border: solid #000; border-width: 0 0 2px 0; background: #000; color: #fff; } #lh-col{ width: 50%; float: left; border: solid #000; border-width: 0 2px 0 0; background: #000; color: #fff; margin: 60px; padding: ; } #rh-col{ background: #000; color: #fff; margin: 60px; padding: ; border: 0 } h1 { font-family: calibri, calibri; } p.one { border-style:solid; border-width:5px; } p.two { border-style:solid; border-width:2px; } THANKS! Hi. A total newbie here. Here's what I would like to do. I need a thick border around my text. Something like this: <table width="100%" align="center" cellspacing="20" cellpadding="50" border="1" bgcolor="#FA4305" ><tr><td bgcolor="#FFFFFF" > ....contents go here.... </td></tr></table> BUT, I need to place text inside that thick border. Actually I need it to be invisible, i.e. in the same color as border, but I guess that doesn't really matter here. Preferably, I'd like to be able to fill border vertically as well as horizontally. Thanks. I wish to change the html of my TD element by specifying a filename. The file I specify will include the new html I want the TD element to have. I do not know how to use innerHTML to do this. Thank you for any help you can provide. Hi, I was hoping someone could work out why when i assign text-align:right to a col element it doesn't align all the text in that column to the right. I've called the column col1, and in the css have put col1 { text-align:right }. Any ideas why this doesn't work? The text-align:right does work if put it straight into all of the td's within that column. Thanks, Matthew Millar Hi I am very HTML newbe I want to put some text on the image but i cant This is the code i am using HTML Code: <table> <tr> <td> <img src="http://asmgx.webs.com/p1.jpg">My text should start from the red dot till the right border of the image, up to the bottom border to the image but as you can see it does not :(</img> </td> <td> <img src="http://asmgx.webs.com/p2.jpg">another text goes here</img> </td> <td> <img src="http://asmgx.webs.com/p3.jpg">another one too</img> </td> </tr> </table> This is how should my result look like can any one help me here? I'm trying to put text inside the body of an image. I've seen this done multiple times, but I have no idea where to start. An example of what I'm trying to do is: http://www.warriorwebinar.com/ Can anyone help? Thank you, Jim Im making a calendar table and i want to be able to change the color of the background depending on the status of the date. and i wanted to know were do i code the conditional statements to determine the color of the background? and hot do i make that text take me to a form when you click on it? thanks for the help, Tavo Hello, How can i make a combo box (<select>) where people can enter text on the first option? Thanks! Hi all, I have a table with some data in it. Sometimes the data in one of the cells fills up and it messes up the formatting of the rest of the table. I would like to have the table show a "...." when this happens and then when the user hovers his mouse over this then I want the remaining data to float over the table. Somewhat like a tooltip text. Is there anyway to do this? Thanks in advance for any help, Jehan Hello All, I am increasing the font size of the text using javascript. In IE, the div size increases or text get automatically wrapped when font size increased. But in firefox browser, the div size remain same and text flows out of the div. Anybody having any idea to correct his behavior in firefox? Please help. Hi, I am using Dreamweaver CS3 to create a site, by default i have learnt that when you use an image as a link to another page, dreamweaver creates a coloured border around your linked image. I have since been able to get rid of this border by adding border="0" into my img tag however this now has caused my rollover not to work before clicking on the image to take you to the linked page. this is my code; any ideas how i can fix this? <td colspan="4"> <a href="About Us.html"><img src="images/About_Off.jpg" border="0" alt="About Us" name="Aboutus" width="120" height="64" id="Aboutus" onMouseOver="MM_swapImage('Image2','','images/About_On.jpg',1)" onMouseOut="MM_swapImgRestore()"></a></td> <td colspan="6"> Any help would be greatly appreciated. Hi, I have a search form with the following code:# <!-- Begin FusionBot.com site search engine code--> <FORM NAME=fbsearch METHOD=GET ACTION="http://ss021.fusionbot.com/cgi-bin/ss_query"> <INPUT TYPE=text NAME=keys style="height: 18px; width: 100px; background-color:#1E7CC8;<input size="8" SIZE=10> <INPUT TYPE=hidden NAME=sitenbr VALUE="154309449"> <INPUT TYPE="image" src="http://www.freewebs.com/hanifm/search.gif" name="go" value="go" alt="Click to Search"><BR> </DIV> </FORM> <!-- End FusionBot.com site search engine code --> What I want is, is for the form to be like the login area of this site: http://www.pixel2life.com/ if u look at the top right of that site u can see it has the bit with username. I want that same style of the box with the white text inside and with the same border thickness and colour. These are the colours: Inside of the form (background): #1E7CC8 The Border colour: #64A2D6 The boder thickness has to be small like the one on the sie If anyone could do this it would be much appreciated. Thank You Why the <img> tag does not have or does not need an ending tag like <p> and </p> > Thank you I have a form element (radio) that currently has an ID and a Name. But I need a third identifying parameter. (The third reference-able parameter is used as an argument in another form element's onClick event.) Knowing that class="x" can actually have class="x y z" and it seems to work, can I also have id="pa1 pa2 pa3"? (I suppose I could try it and see what breaks...) Hello, I am Delphi programmer and PHP web development, I have a problem with the AJAX which is: how to free or close the element, in the Delphi when I create an object in runtime it can be free the object and close it like query, anyway how to close or free the result in AJAX language? below is an exmple: Code: var Buffer= document.body;
var getDivBox= document.getElementById("div_box");
var EDivBox= document.createElement("div");
if (getDivBox != null)
{
getDivBox.style.visibility = "visible";
}
else
{
EDivBox.setAttribute("id","div_box");
Buffer.appendChild(EDivBox);
}
with the above code, for first loading it will create to element and while you are in the page it will still create my question is how to close the created element in order to make the page fast because in the localhost I checked the CPU performance and I surprised: it was 100%, when I close the page it go back normal. any help with this topic is highly appreciated Regards Hi, is it possible to add a number of tables (or td's or any rectangluar html container element) in the same vertical level but as long as there is room. But if there is no more room the new ones will be added in the next line the behaviour i am need is the like the behaviour of the img element. Am I clear enough? Merci! |
|||||||