HTML - Writing Besides An Object
Dear HtmlForums!
I've just bumped into a problem, the following two files is used; HTML file CSS file Now, what i want to do, is to be able to write on top of, at the side and at the bottom in the mainbox, so that the text kinda "goes around" the black-er box to the right in the mainbox. Text starts at the top, and floats around the image and continues. (Dont worry about the image saying "Unable to load picture - please check browser version. Its because the image file is not correctly linked) Following image describes what i'd like to accomplish: IMAGE In front, Thank you! Similar TutorialsHello, I am wondering if something is possible.. and if it is, how I would go about accomplishing the desired result.. This is a sample page to illustrate the problem http://comp.uark.edu/~bcagnin/test/index.html Is there a way to resize the object from a link that is within the website being displayed in that very same object?? Also, I am willing to use iframe if there is a solution that can be found with that... Thanks!! Tyrick I am using another persons code for our band's MySpace.( With some of my own) I am trying to display the shows section and the music player. When i insert the shows section the music player always displays behind the shows section. It is displaying the music player within the limits of the shows section. How do i make the music player seperate? Here is the code for the entire site with the music and show sections bolded. Code: <i class=i>!--START CODE IN BAND MEMBERS --!</i> <i class=i> !-Start Div Overlay Content Block-! <a href="http://www.msplinks.com/MDFodHRwOi8vdmlld3MtdW5kZXItY29uc3RydWN0aW9uLmJsb2dzcG90LmNvbS8="> myspace code tutorials by Eileen</a> !-Close 3 layers of cell/row/table. This puts our Div ONE table deep. </i> </td></tr></table> </td></tr></table> </td></tr></table> <i class=i>!-Create and size our div. We will never close this div. It will close when the containing table closes-! </i> <i class=i>!!! MODIFY width to the SAME width as your core image !!!</i> <div class="myCoreDiv" style="position:relative; top:0px; width:799px; height:auto; border:2px green solid;"> <i class=i> when DONE editing CHANGE the border:2px to border:0px or change the magenta to the color you want your border.----!</i> <i class=i> !----START CUSTOM CONTENT BLOCK 1----!</i> <img src=http://i42.tinypic.com/16iz2j5.jpg> <img class="grid" src="http://i11.tinypic.com/4pczehk.gif" style="position:absolute; top:0px; left:0px;"> <span class="off">!-START COMMENT FORM-!</span> <div class="myCommentFormD"> <form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"> <input name="friendID" value="445328869" type="hidden"/> <textarea name="f_comments" class="myFormBox"></textarea> <center> <input type="submit" value="Post Comment" class="myPostCommentButton"/> <input type="reset" value="Clear" class="myClearButton"/> </center> </form> </div> <span class="off">!-END COMMENT FORM-!</span> <i class=i> !----END CUSTOM CONTENT BLOCK 1----!</i> <i class=i>!-Open 3 layers of table/row/cell-!</i> <i class=i>!-IF do NOT want any content from my Right side, I can use i instead of L1-!</i> <table class="L1" ><tr><td> <i class=i>!-The below class i hides the remainder of the general table-!</i> <table class="i"><tr><td> <table class="i"><tr><td> <style>.i {display:none}</style> <i class=i>END CODE IN BAND MEMBERS</i> <i class=i>!START code in Influences !</i> <i class=i>!START Style Block For Hiding Elements on Band Page! <a href="http://www.msplinks.com/MDFodHRwOi8veGlpaS51cy9tcy9iYW5kLWhpZGUtYWxs">MySpace Band Hide Everything</a> </i> <style> .i, div.clearfix i i i {display:none} {! fix a centering problem, and clear white space caused by clear gifs !} td {width:auto;} table td img {display:none;} {! restore any images displayed inside our div. You may want to use block instead of inline for some images. !} table td div.myCoreDiv img, table td div.myCoreDiv table td img, table td div.myCoreDiv div img {display:inline;} {!OPTIONAL restore image on maroon nav bar, we could use a.navbar img!} div table td a.navbar img {display:block;} {! removes most content and the space it occupied !} table table table {display:none} {! minimize the remaining main page content that can not be removed without effecting the ad and menus !} table table td { height:0px; margin:0px; padding:0px;} {! restore my div. !} table div.myCoreDiv {display:block;} {! restore div with Comments !} table div.myCoreDiv div.myDclassFC {display:block;} table div.myCoreDiv div {display:block;} table table br {display:none;} table table table br {display:block;} {! OPTIONAL decrease space between bottom and bottom menu, and between bottom menu and cc thing !} {! does not work in Safari !} table div br {line-height:4px;} {! reverse effect on custom div !} table div.myCoreDiv br {line-height:11px;} {! remove default background coloring !} table table, tr, td {background-color:transparent !important} {! ONLY if you want to remove the blue behind the ad banner AND the maroon !} div.profileWidth table, div.profileWidth td {background-color:transparent !important} div table {border-bottom:none !important;} {! ADDITIONAL STYLE BLOCKS CAN GO HERE !} <style> {!- shows -!} table table td.text div {position:absolute; width:440px; height:130px; overflow:scroll; overflow-x:hidden; top:30px; left:415px;} {!- UnDo effect on Div in Friend and Comment spaces -!} table table td.text table div {position:static; height:auto; overflow:hidden} table table td.text div.commentlinks {display:none;} table table td.text div table {display:block} {!-fix column width of shows-!} {!-set below px width to the width of your shows space-!} table table td.text div table td, table table td.text div table {width:425px;} table table td.text div table table {width:100% !important} {!-adjust below value as needed-!} table table td.text div table table table {width:40% !important} </style> <style> {!-music player-!} table table td.text div object {position:absolute !important; top:196px !important; left:100px} table table td.text div object object {position:static !important;} </style> hey u know, i just wanna give a code for my banner and need it to appear as a text, nto as a picture or whatever the code commands... how? thanks! Hey, Does anyone know how to write over images, so for example if i make a image where i place a title how do i write over it without the image moving to the right e.tc Code: <html> <head> </head> <body> <table border= 1px> <tr> <td> 11 </td> <td> 12 </td> </tr> <tr> <td> 21 </td> <td> 22 </td> </tr> </table> <br> Hello </body> </html> How can I write on the right side of the table Is there any simple solution rather than playing with the 'div' tag in html 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. anyone know a code that enables you to write over a image because right now i had to use my header and nav as a backround (because there pictures) is there anyway i can write text over a picture? thanks alot heres my website for reference, (the only reason the letters are on the nav bar is because i set it as a backround) someone please help www.seattlewest.net Hey everyone, im looking for a piece of code in which i believe is an advanced marquee, not just the regular scroll across text. I would like words to write themselves down and move to another line and write themselves out again so like: welcome to html forums Each word appears after the other has been written automatically by the HTML code. Help is more than appreciated, thanks Hello =) Well.. I wrote in a text box over my image in a html editor (frontpage) However, when i upload my index file to the web, the text box goes to another place o.O I don't know what to do =x help me please =) thanks 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. I'm very new to html and was trying to make myself a simple code to write the word hello to an iFrame to allow me to undertand the basics behind what i need to do in my coursework. Here's what i've got so far but it doesn't seem to work still and i've got to the stage where i've been staring at it too long. Any help would be greatful... Code: <html> <head> <title>iFrame Test Page</title> </head> <script language=JavaScript type="text/javascript"> function iWrite(iFrameID,content){ with(document.getElementById(iFrameID).contentDocument){ open(); write(content); close(); } } function initialise(){ iWrite("iAlbums", "<html><head><body>Hello</body></head></html>") </script> <body onload=initialise()> <iframe id="iAlbums" name=iAlbums ></iframe> </body> </html> 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 _________ Hi, I am not too sure if this is doable, but I have several buttons that let you put in an image location. Then at the bottom you click another button. I want this button to upload those images to my server. I know this sounds confusing, sorry. Does anyone know how to help me with this? thanks, David Hello, this is my first post, and I'm looking for a bit of help. I am a beginner. I bought webspace and have designed a site to put up there. I made it all and wrote the code and it all ran fine locally, then I uploaded it and things started looking a bit funny. The site is at http://www.kaleidoscope-eyes.co.uk There are a few problems : 1. There is chinese (or korean or something) writing in the main window randomly all over the place 2. It's not picking up the info from my stylesheets on the main page for the body text, it's black rather than yellow, but shows up in other pages, and the code is the same. 3. Only the first page is transparent, the others are giving a white background, even though I copy-pasted the code to do it for all the pages. Anyone have any ideas what I've done wrong? Hi everybody I know what is CLASSID. But, when embedding an ActiveX control into my Web page, what CLASSID should I include. For example, I want to embed Microsoft Agent "Merlin", how can I know what is its CLASSID. Any help will be highly appreciated. hi can anyone tell me how to findout the value for "classid" attribute of <object> element, if iam uploading flash vedio i can get that value in source code document after publishing it but how would i know for vedio formets like quicktime,mpeg,DV etc and what is the use of declare attribute? thanks & regards I have been making a website for some hours now, I started off making it comply to XHTML Transitional 1.0, however, this made it incredibly difficult for me to make the website appear how I wanted in both Firefox and Internet Explorer, so I downgraded to HTML 4.0.1 and decided to use iframes instead of objects to implement another webpage. However, there are two flash files on my website that are embedded using the object property: HTML Code: <object data="flButtons.swf" width="790" height="85" style="border-width: 0px;"> </object> And HTML Code: <object data="flSarah.swf" width="230" height="380"> </object> This works fine in firefox however, in internet explorer 7 it has a weird border like thing around it, and no matter what I try, I can't get rid of it. I initially had it on the iframe but i got rid of that using "frameborder=0".. this has no such attribute. The website is: http://www.geocities.com/s.cowperthwaite/index.html (temporary host obviously ) Any help will be appreciated : ) Thanks, matthew haworth Hello guys, Is there any way to make a large files of flash into a smaller file size for faster loading of a site using JavaScript? |