HTML - Wrapping Text Around Playlist Widget
Hi. I've been trying and failing at wrapping text around a mixpod playlist widget. [The widget is in a draft post I'm working on in a blog, not installed as a sidebar gadget.] I'm not technical, and the widget is "flash" technology which befuddles me even further. Fiddling with <div> and "align" codes, I was able to type in text next to the widget, but only in the editor page of Blogger...once I previewed or published it, the text appeared below the widget.
I would very much appreciate anyone's ideas. The widget code is: <embed border="0" flashvars="mycolor=5C1400&mycolor2=baac8f&mycolor3=450101&autoplay=false&rand=0& f=4&vol=100&pat=0&grad=false" height="382" name="myflashfetish" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" salign="TL" src="http://assets.mixpod.com/swf/mp3/mff-nano.swf?myid=76126179&path=2011/01/26" style="height: 382px; visibility: visible; width: 165px;" type="application/x-shockwave-flash" width="165" wmode="transparent"></embed> Thank you. Similar TutorialsBelow is my code & how it looks... what im trying to do is type in the area inbetween where theres nothing... i tried placing text in alota areas im thinking either it cant be done or needs extra coding Code: <div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"> <object width="435" height="270"> <param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf"> </param> <param name="allowscriptaccess" value="never"> </param> <param name="wmode" value="transparent"> </param> <param name="flashvars" value="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.indimusic.us%2Floadplaylist.php%3Fplaylist%3D66633792%26t%3D1259344566&wid=os"></param> <embed style="width:435px; visibility:visible; height:270px;" allowScriptAccess="never" src="http://www.profileplaylist.net/mc/mp3player_new.swf" flashvars="config=http%3A%2F%2Fwww.indimusic.us%2Fext%2Fpc%2Fconfig_black.xml&mywidth=435&myheight=270&playlist_url=http://www.indimusic.us/loadplaylist.php?playlist=66633792&t=1259344566&wid=os" width="435" height="270" name="mp3player" wmode="transparent" type="application/x-shockwave-flash" border="0"/> </object><br/></div> First of all hope this is the right forum. I need to know how to wrap text so it flows around this twitter widget that I would like to place on my site in the center of page http://knowingabout.co.uk/bestinhulme/index.html. I have tried the usual way for an image but it doesnt seem to work. Below is a image and below that the actual code. <div id="twtr-search-widget"></div> <script src="http://widgets.twimg.com/j/1/widget.js"></script> <link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet"> <script> new TWTR.Widget({ search: 'Manchester', id: 'twtr-search-widget', loop: true, title: 'Who\'s tweeting about...', subject: 'Manchester', width: 250, height: 280, theme: { shell: { background: '#887640', color: '#ffffff' }, tweets: { background: '#f3d2a5', color: '#444444', links: '#1985b5' } } }).render().start(); </script> Thx in advance in firefox text wraps around the div, but in IE7 it pushes down. i've done everything correctly to the best of my knowledge. is this an IE7 bug or ? www.clipograph.com code: <?php if ($node->node_images) { ?> <!-- Node images --> <div class="node-images" rowspan="2"> <?php print $node->node_images ?><?php ?> </div> <?php }?> <div class="content"><?php print $content ?></div> CSS: .node .content { text-align: left; font-size: 0.85em; line-height: 1.3; min-height: 137px; } .node-images a img { margin-bottom: -3px; } .node-images { float: right; border: 1px solid #000; padding: 5px; margin-left: 10px; margin-top: 10px; } I thought I could remember , but I want to wrap my text using HTML. I forgot how, I am using tables and I want a picture inserted to the right. I have a pix for an example. TIA Is there a way to wrap text in a drop down selection box without increasing the height attribute? Otherwise very long text just cut off. Thanks. p.s. of course the solution should be compliant and especially work in the dreaded IE7. For some strange reason if I want to have an ad or image on the left of my text article usually i put a div code around whatever it is like.. Code: <div style="DISPLAY: block; FLOAT: left; MARGIN: 0px 10px 0px 0px"> </div> This works GREAT in firefox but then i was shocked when i went over to Internet explorer and tested my site there using the latest browser.. it doesnt acknowledge that code and so the ad or the image ends up being above my article instead of nicely on the left and the text wrapped around it on the right like you see in firefox Any ideas how to get around this? Maybe a fix that works for ie. and firefox? thank you guys and gals in advance Hi there Anyone know how to force a long piece of link text to wrap on to the next line. Only seems to be a problem in FireFox. Here is the offending page: http://packlife.co.uk/news.asp By the way, the content is generated by the client via content management, otherwise I would stick in a <br />. Thanks, Kev Hello what is the HTML code for text wrapping, As whenever I put a html banner link to amazon, it puts it on the next line down And I would like it to appear at the side of text. So what is the html code for text wrapping? Thanks James Hello, I have a drop down menu where one of the items is EXTREMELY long, and because of this, the overall size of the drop down box is the size of this item. I found a way to shrink the size of the drop down box via: <style type="text/css"> select {height: 12px; width: 50px; max-height: 12px} </style> This works in shrinking the overall size, but what happens is that the really long item is now longer than the width of the box and the text for the item doesn't wrap around down to the line below. So you don't actually see the whole item in the list. Do you know how I can wrap this item so that the text falls down to the line below? Cheers Hi all, I tried posting this under the CSS forum, but didn't get any answers, so I'm hoping for better success here. I don't know if this is a common issue or not, but it's giving me fits. I am trying to make an in-house employee directory for my company. It is a simple design, with the individual's picture displayed on the left of the page and their name and contact information flowing around it to the right of the image. When I use "float: left" in the style sheet, or even align="left" as an attribute in the img tag, it works beautifully in FF. But IE7 seems to want to make the image the same height as the first line of text, and only shows that much of it. If I use no formatting instructions, FF still displays it properly, but IE7 now displays the full image with the bottom aligned with the bottom of the first line of text and the remaining lines of text (each is produced with a br tag) below the image, rather than wrapped along the side. Unfortunately, although I like FF, my company uses IE7, so I need to find a solution. Any help would be greatly appreciated. The problem page can be viewed at: http://skmcbride.com/CHFA/employee_directory.php The style sheet is at: http://www.skmcbride.com/CHFA/_styles/mainstyle.css Thanks for you input, Steve I'm making a form that contains three places for the user to enter text. The first two are for taking only one line of text, but the third is a bigger input for taking in multiple paragraphs of text. The trouble is, I can't get this third one to wrap the text! Is there a way to turn word wrapping on for an input bar? Or should I be using a different form element? I've found some help here already, so thanks in advance to the good folks that help us novices. I have just a couple that need addressing, but they're pretty important to me, so hopefully someone can spell them out. I'll explain them below but here's a quick rundown first: 1.) Wrapping text around a captioned image 3.) A pop-up text bar when a link is moused over. 1.) When I'm posting an image, a caption is almost always necessary. Here's the code I've been using for the image and caption: "<table class="image"> <caption align="bottom">CAPTION</caption> <tr><td><IMAGE LINK></td></tr> </table>" But when I post like that, there's a break between paragraphs to show the image, which disrupts the reading flow. I need a code that will let me post an image, add a bottom-aligned caption, and still have the story text appear alongside the image. NOTE: I've been shown the "align=left/right" code, but where do I insert that in the code listed above?? I've tried right before and right after the image source code, but to no avail. Help, please!! 2.) I'm willing to spend hours to learn this one. Somebody, somebody has to know how to do this one. It's done on this site! OK, here it is. You mouse over a post listing, and a text bar appears next to the cursor. In that bar is the first few lines of the person's post. HOW IS THIS DONE??? For someone looking to find new ways to boost hits on a news site, this is a priceless gem. If anyone knows how to do this or something similar in HTML, PLEASE let me know. Thanks in advance to each and every person who reads this, and a special thanks to those who take the time to help. It means much. aefattwotgm@aol.com Hello, first post. HELLO! my video widget playlist on my index is a different size on my index.php but the correct size throughout the rest of my site. Its quite annoying, can anyone shed any light on this issue? thanks. http://www.brewrecords.net HTML Code: <?php get_header(); ?> <div id="content"> <div id="homepagetop"> <div class="textbanner"> <?php $recent = new WP_Query("cat=" .ot_option('hp_top_cat'). "&showposts=1"); while($recent->have_posts()) : $recent->the_post();?> <h3><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h3> <?php endwhile; ?> </div> <div id="homeslider"> <?php include(TEMPLATEPATH."/includes/slider.php");?> </div> <div class="homewidgets"> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage Top Right') ) : ?> <div class="widget"> <h4>Widget Area</h4> <p>This section is widgetized. To add widgets here, go to the <a href="<?php echo admin_url(); ?>widgets.php">Widgets</a> panel in your WordPress admin, and add the widgets you would like to <strong>Homepage Top Right</strong>.</p> <p><small>*This message will be overwritten after widgets have been added</small></p> </div> <?php endif; ?> </div> </div> <div id="homepage"> <?php include(TEMPLATEPATH."/sidebar_left.php");?> <div class="homepagemid"> <h3><?php echo cat_id_to_name(ot_option('hp_mid_cat')); ?></h3> <?php $recent = new WP_Query("cat=" .ot_option('hp_mid_cat'). "&showposts=" .ot_option('hp_mid_num') ); while($recent->have_posts()) : $recent->the_post();?> <div class="homepagecontent"> <a href="<?php the_permalink() ?>" rel="bookmark"><?php the_post_thumbnail( 'home-thumbnail' ); ?></a> <h4><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h4> <?php the_excerpt(); ?> </div> <?php endwhile; ?> </div> <?php include(TEMPLATEPATH."/sidebar_right.php");?> </div> </div> <!-- The main column ends --> <?php get_footer(); ?> I know there are multiple ways to do this, but I'm just interested in the easiest possible way. I want to create a video playlist in which I can have a video player combined with a playlist either on the left or the right in which each video in the playlist has a (perferably automatically) generated thumbnail. The playlist could be xml or whatever, just pure html or flash. I'm assuming it would look the best using flash with FLV video. I've seen numerous tutorials on sites such as adobe on how to do this using Macromedia Flash Pro but they are too complicated. I just want to enter the links to where the videos or hosted. If it can't be that simple, I'm just looking for the most simplistic and easiest method possible. Thanks to anyone patient enough to read and respond to this. I am attempting to embed my Imeem playlist. I checked the "autoplay" box before embedding. Everything works out, but it does NOT autoplay. Any help/suggestions is/are appreciated. I can supply you with whatever info you need to help me. Thanks!! hi there, i have a last.fm playlist listed on my shop: www.brewrecords.net/shop however whenever you go to a new page it obviously reloads and resets itself. how do i make it so that it continues playinging throughout the site when people are browsing different sections? I've been told frames could possibly cure this but i have no clue what they are or what coding to put any help will be well appreciated! cheers! Hello, I am looking to add a weather widget to my website. Basically the website has several 100 profiles which all have a different city and country. I was wondering if there is a widget that I could add into these profiles which automatically find the weather update of that profile according to its city and country and if possible also display climate information for the year. Any help? Thanks, Sunny Comments on this post Mandarin disagrees: Duplicate topic: http://www.htmlforums.com/multimedia-elements/t-weather-widget-141305.html Hi folks, I'm trying to achieve something in a wordpress widget, but no good result so far. Please have a look at the image. My problem is that I cant separate text from the image on the right side. Cant give the space between "vivamus lectus" and the "venenatis tempus..." And cant separate social icons on bottom without using a table. I'm coding it with normal html, no css. Can you please help me out? thanks Hi everyone, Basically I want to add 3 tickers from this site: http://www.worldometers.info to my page. I've tried viewing the page source and copying but having some issues. Let's say I want to add the "CO2 emissions this year (tons)" ticker; what is the code I need please? Any help is much appreciated. Thank you! |