|
CSS - Ff Renders Hidden Inputs As A Periods
Has anyone seen hidden inputs being rendered as periods or dots under FF? I am using FF 3.5.4. Is this normal? Thanks
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-language" content="en">
<title>Funny Dots</title>
<style type="text/css">
input
{
border:1px solid blue;
display:inline-block;
}
</style>
</head>
<body>
<form action="index.php" method="post" name="mainForm">
<input type="hidden" name="aaa" value="5" />
<input type="hidden" name="bbb" value="" />
<input type="hidden" name="ccc" value="" />
</form>
</body>
</html>
Similar TutorialsSometimes, when I change the CSS to using periods instead of pound signs, (i.e. div.container{text-align:left} vs. div#container{text-align:left} ) things don't work. When I switch it back to pound signs, it works again. However, my teacher said never to use pound signs and always stick to periods. Is there any advantage/ disadvantage of using periods instead of pound signs? And come when you change a layout which has pound signs to a layout with periods, it doesn't work? Thanks for the help! I had a similar problem earlier this week and it turned out to be solved by changing the encoding of my php files to ASCII instead of the default UTF-8 set by MS Expression Web. The problem I have now is that one of my pages looks wrong in IE7. The same page looks fine in IE8, FireFox 3, Chrome, Opera, and Safari. This is what it looks like in IE7: This is what it looks like in IE8 and all the other browsers mentioned above: The page can be seen he http://dev.asbco.com/products/commercialindustrial/ Any help is greatly appreciated! Thanks! has anyone every had css render different on diffrent hosts? I have a small website which i tested on firefox 1.6 and IE6 locally. When i upload it, some things change, my nav <li>'s become narrower and images dont fit on 1 line anymore? any ideas what can cause such behaviour? Am I missing some syntax here? In IE this image won't show up, in Firefox no problem. <img src="http://us.f2.yahoofs.com/users/41732981z94cf47c3/c124/__tn_/1186.jpg?ph.UM1BByCkprWYq"></a> web site herehere : small logo tag on upper right sidebar. . . I'm a newbie so be gentle. . . Thanks!! Hello, I am trying to use the hr tag to create a visual division between news stories on this web page http://www.heshimakenya.org/newsmedia.html When I view this page in Firefox on a Mac, the story headlines are immediately under the hr line. I want to add some bottom padding to this line so there is some white space between the line and the headlines. I have used the hr tag in other sites and have never had this rendering issue before so I'm really stuck. For example, the site below uses the hr tag but when viewed in Firefox on a Mac, the lines render fine. http://oharenoise.org/ I've been working on a css zen garden and I've only got one more roadblock untill it is complete... The site works perfectly in IE 6 but all the other browsers don't like it so much. I suspect the problem lies in the positioning of the preamble and the supporting text, but I've tried nearly everything...I can make the site work in other browsers but then resizing the text causes the page to break. Plz help me make the site look and behave the way it does in IE accross all browsers. Here is the page- http://phobos.ramapo.edu/~chdonnel/zenie/ here is the css- http://phobos.ramapo.edu/~chdonnel/zenie/sample.css also the site closely follows the layout methods of this page http://csszengarden.com/?cssfile=/179/179.css&page=1 Thanks, Chris Hey everyone, the development site I'm working on is here.... http://firstchoiceflooring.stealthwd.ca/ The font in the top navigation is Media Gothic.... well, it's SUPPOSED to be. It's rendering really strange. I'm using @font-face. My font looks fine in photo shop, but it doesn't render correctly in FF or website (no IE yet). My CSS is like this.... Code: @font-face {
font-family: mediaGothic;
src: url( "http://firstchoiceflooring.stealthwd.ca/images/fonts/Md_Gothic11.eot" ); /* IE */
src: url( "http://firstchoiceflooring.stealthwd.ca/images/fonts/Md_Gothic11.ttf" ) format("truetype"); /* non-IE */
}
Code: #topNavContainer p{
height:100%;
width:100%;
text-align:center;
font-family: mediaGothic;
}
Any help would be appreciated. This is my first time using @font-face Hey, for a while I've been developing a site, just to improve my skills in php etc. I always tested it in IE7/IE8 and Mozilla 3, I knew other browsers wouldn't render it great, but I also need things to look okay with Chrome. This is how my site SHOULD look: This is how it looks in chrome: My site URL is http://www.pokerbrothers.net The HTML for the entire page: The parts that effect the 2 bars that are broken in chrome are highlighted Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta name="keywords" content="poker,brothers,free,fast,simple,texas,holdem,guest" />
<meta name="robots" content="follow,index" />
<title>Home :: PokerBrothers.net</title>
<link href="http://www.static.pokerbrothers.net/css/include?load=15&x=182&y=631" rel="stylesheet" type="text/css" />
<script type="text/javascript">
// Globs
var session_id = "pjpennan89o2m1dn6kjh4n48d7";
var session_userid = 0;
var session_username = "Guest_";
var session_location = "http://www.pokerbrothers.net/";
var session_location_encoded = "http%3A%2F%2Fwww.pokerbrothers.net%2F";
var session_location_last = "";
function pageOnLoad () {
setTimeout("pbhttp_Session_Exit(true, '15')", 900000);
}
</script>
<script type="text/javascript" src="http://www.static.pokerbrothers.net/js/class.js" defer="defer"></script>
<script type="text/javascript" src="http://www.static.pokerbrothers.net/js/global.js" defer="defer"></script>
</head>
<body onload="pageOnLoad();">
<div id="container" align="center">
<div class="bar_container">
<ul id="bar_header">
<li id="bar_header_left"></li>
<li id="bar_header_title"><a href="http://www.pokerbrothers.net/"></a></li>
<li id="bar_header_fill"></li>
<li id="bar_header_howtoplay"><div/><a href="http://www.faq.pokerbrothers.net/play/how"></a></li>
<li id="bar_header_signup"><div/><a href="http://www.signup.pokerbrothers.net/"></a></li>
<li id="bar_header_play"><div/><a href="http://www.play.pokerbrothers.net/"></a></li>
</ul>
</div>
<div class="bar_container">
<div id="bar_navigation">
<div id="bav_navigation_top">
<div id="bar_navigation_top_left"></div>
<div id="bar_navigation_top_fill">
<div id="bar_navigation_top_fill_loginarea">
<form id="navlogin" name="navlogin" action="http://www.login.pokerbrothers.net/login" method="post" onsubmit="return pbhttp_nav_login_check()">
<div id="bar_navigation_top_fill_loginarea_usernamearea">
<input type="text" id="navlogin_username" name="navlogin_username" maxlength="30" value="Username" onfocus="nav_login_form_onclick('user');" onblur="nav_login_form_exit('user')" />
</div>
<div id="bar_navigation_top_fill_loginarea_passwordarea">
<input type="text" id="navlogin_password" name="navlogin_password" maxlength="30" value="Password" onfocus="nav_login_form_onclick('pass');" />
</div>
<div id="bar_navigation_top_fill_loginarea_submitarea">
<input type="submit" id="navlogin_submit" name="navlogin_submit" value="" />
</div>
</form>
</div>
<div id="bar_navigation_top_left_text">
Welcome to PokerBrothers. Please login or <a href="http://www.signup.pokerbrothers.net/">Sign up</a>
</div>
</div>
<div id="bar_navigation_top_right"></div>
</div>
<div id="bar_navigation_bottom">
<div id="bar_navigation_bottom_left"></div>
<div id="bar_navigation_bottom_fill">
</div>
<div id="bar_navigation_bottom_right"></div>
</div>
</div>
</div>
<div class="bar_container">
<table id="bar_body" cellpadding="0" cellspacing="0" border="0">
<tr id="bar_body_top">
<td id="bar_body_box1_top_left"></td>
<td id="bar_body_box1_top_fill" align="center"><div id="bar_body_box1_top_text"></div></td>
<td id="bar_body_merge_top"></td>
<td id="bar_body_box2_top_fill" align="center"><div id="bar_body_box2_top_text"></div></td>
<td id="bar_body_box2_top_right"></td>
</tr>
<tr id="bar_body_middle">
<td id="bar_body_box1_middle_left"></td>
<td id="bar_body_box1_body">
Welcome to PokerBrothers.net, bleh.
</td>
<td id="bar_body_merge_middle"></td>
<td id="bar_body_box2_body">
Load ad here
</td>
<td id="bar_body_box2_middle_right"></td>
</tr>
<tr id="bar_body_bottom">
<td id="bar_body_box1_bottom_left"></td>
<td id="bar_body_box1_bottom_fill"></td>
<td id="bar_body_merge_bottom"></td>
<td id="bar_body_box2_bottom_fill"></td>
<td id="bar_body_box2_bottom_right"></td>
</tr>
</table>
</div> </div>
</body>
</html>
And the CSS... Direct links: Some CSS that effects both bars: http://www.static.pokerbrothers.net...de?load=6&x=571 The top bar's css: http://www.static.pokerbrothers.net/css/headerbar.css the other bar's css: http://www.static.pokerbrothers.net/css/navbar.css I'm wondering if anybody has any clues as to why my site appears like this, i've spent hours and hours trying countless things but to no avail. Any help on anything related to this will be appreicated, thanks . Oh, and sorry for the lack of commenting in the CSS, it wasnt planned... It is quite messy I am working on a development site (http://dev.asbco.com/products/commercialindustrial/ ) and I am getting different looks in Safari and Chrome. IE8/FireFox 3/Opera all render the page correctly, Safari and Chrome are off. Any ideas how to fix this issue? Thanks! [EDIT] I meant Safari and Chrome not Safari and FireFox 3. A margin-top:10px is the equivalent of margin-top:11px on IE8 (compatibility mode). I actually took a screenshot and counted the number of pixels in Photoshop. This gives me a hell load of frustration because I want to align my comment form's submit button with the bottom of my textarea. For an example look at this (http://www.deliciousdays.com/archives/2009/10/07/stuffed-but-happy/#comments) scroll all the way down. I dunno how deliciousdays did it but they managed to get the button aligned with the textarea in both Firefox and IE. Anybody can help? Hi All: When i use <ul><li> and <li> is set to "list-style-type: none;" IE and Firefox renders it differently. Does anybody know a work-around for this? The good example of this and the CSS code is at following holzgreen.com/list-test/ HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>List Test 1</title> <meta name="Description" content="x.x.x. CHANGE .x.x.x"> <meta name="KeyWords" content="x.x.x. CHANGE .x.x.x"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META name="Publisher" content="Firework Studio"> <META name="revisit-after" content="15 days"> <META name="robots" content="index, follow"> <META name="Robots" content="All"> <link href="000-style.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- .style1 { font-family: "Courier New", Courier, monospace } --> </style> </head> <body> <div #none> <ol> <li>List item - 1</li> <li>List item - 2 <ol> <li>LI - 2.1</li> <li>LI - 2.2</li> </ol> </li> <li>List item - 3</li> <li>List item - 4</li> </ol> </div> </body> </html> CSS: body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; border: 1px solid #000000; margin: 0em; padding: 0em; } #none ol { background: #BB0000; list-style-position: inside; margin: 0em; padding-left: 1em; /* Moves the Whole List */ } #none ol ol{ background: #BB00BB; list-style-position: inside; margin-left: 0em; padding-left: 3em; /* Moves the Nested List */ } #none ol li { background: #BBBB00; font-size: .8em; margin-left: 0em; list-style-type: none; } #none ol ol li { background: #00BBBB; font-size: 1em; list-style-type: lower-alpha; margin-left: 0em; list-style-type: none; } Thanks for your interest Hi there, I am trying to add some padding to my inputs, but the padding is being ignored by IE. This is my CSS: PHP Code: INPUT { background-color:#FFFFFF !important; border: 1px solid #ececec; padding: 10px; } Any ideas why it is not working? First off, I use Firefox more than IE, so I'm a little upset to see my Firefox version doesn't look as nice as the IE version... When I design, I like to design to make the Firefox one always look better (even though you should make them look the same, sometimes the FF one still looks better than IE... <h3> tags anyone?). So, I have to make these file inputs look better than they do. A couple things I want to focus on (css code below for reference): 1. Make the FF inputs have a width of 450 like they should. 2. Make the FF input buttons have the same border as IE buttons. 3. Remove the bevelled border from FF inputs. First, the screenshots (attached) Second, the inline HTML styles: Code:
<tr>
<td colspan="4" align="left" style="padding-left: 50px;">
Image 1: <input type="file" name="file[]" style="width: 450px;" /><br />
Image 2: <input type="file" name="file[]" style="width: 450px;" /><br />
Image 3: <input type="file" name="file[]" style="width: 450px;" /><br />
Image 4: <input type="file" name="file[]" style="width: 450px;" /><br />
Image 5: <input type="file" name="file[]" style="width: 450px;" />
</td>
</tr>
Third, the CSS code: Code:
input, textarea, select
{
border: 1px solid #45649B;
}
input {-moz-box-sizing: border-box;}
Any help is appreciated, Thank You! i tried to search for any threads that talk about this problem, but i wasn't able to find any. i have a css dropdown menu and it works great in firefox(cuz FF rocks). there is an input dropdown under the css dropdown menu, and in IE, the input dropdown shows through the css dropdown layer. i've tried playing with the z-index, but it doesn't seem to work. can anyone help me with this? here is an example of my problem, you'll see the input is showing through the div layer when it shouldn't. Code:
<html>
<head>
<title>Untitled</title>
<style>
div#layerOne { background-color: #fff000; position:absolute; width:50; top:1em;left:1em; z-index:2;}
div#layerTwo { z-index:1; position:absolute; top:2em;left:2em; }
</style>
</head>
<body>
<div id="layerOne">
11 adsf adsf asdf asdfasdf asdfasdf asdf
</div>
<div id="layerTwo">
<select>
<option selected="selected">Choose a topic...</option>
<option>
DECORATING</option>
<option>
All Rooms</option>
</select>
</div>
</body>
</html>
I'm trying to make a simple input form, but the problem is that when trying to use CSS to align things, it makes it seems a lot more difficult. I was trying to get away from using tables because I was told they are unnecessary most of the time for alignment purposes. So if I have a couple of labels and form fields, how can I align them so that the labels all are at around 10px left , and then the inputs start at around 150x left. This is what I started to do, and I was thinking...wouldn't tables be much @$!# easier? I have to specify the position for every form field, and this is just one row: Code: <label style="position:relative; left: 10px; top: 50px; ">Input <u>N</u>ame:</label> <input style="position:relative; left: 100px; top: 50px; " type="text" name="txtInputName" maxlength="40" accesskey="n" > I tried it without the style tags, but the labels and fields would then be right next to each other on each line (no way to horizontally space it out nicely because the label length will vary) Can they play nicely together? What I have is a series of check boxes displayed inline with a short label next to each one. Problem is, when there are a lot of check boxes generated and it comes time for a line break, the check box gets broken off from its label. I've tried everything, the label tag, the white-space: nowrap styling. I can't get it to work. So, how do I do this? I have a very curious problem with the formatting of input fields in html forms which has me completely stumped. Basically, input fields are not looking as they should (and in particular, not showing any text typed inside them) in any versions of IE (well, 6, 7 and 8 anyway) - tested on various machines so not a Windows installation issue. Despite my setting a class for them I cannot get them to look like proper inputs, nor can I make the inputted text visible. I can see the cursor for the text when I click inside where the input should be, but it looks far too small- about 4 px as far as I can tell. (???) Interestingly in Firefox the text inputted IS visible, although the border of the inputs doesn't show. I've set a class for input: input {border:1px #000; color:#000;} I also tried setting this explicitly for inside the div holding a form where the input appears: .searchform input {border:1px #000; color:#000;} Neither of which work. Here's one of the forms where I'm trying to include the input (hashes at the moment for links as it's in development): <form action="#" method="POST" name="searchform"> <img src="/images/freecallback.gif" alt="Free Call Back"> <a href="#" title="Member Login"><img src="/images/memberlogin.gif" alt="Member Login"></a> <input type="text" name="searchtext" value="" size="8" /> <input type="image" src="/images/searchbutton.gif" name="searchform" /> </form> And here's another form (same result though interestingly the SELECT appears ok): <form action="#" name="bookahotel" method="post"> <label>Arrival</label> <input name="date" size="6" type="text" /> <p class="text_normalblack">Arriving Today</p> <input name="country" size="6" value="Country" type="text" /> <input name="towncity" size="6" value="Town/City" type="text" /> <select name="_EnquiryType" size="1" class="forminputs" /> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> </select> <input name="bookahotel_search" size="6" value="" type="image" src="/images/bookahotel_search.gif" /> </form> Any ideas??? Thanks When a Text Input is disabled, is there a way to control the visual characteristics such that it's not as subdued, or use different colors for the text / background? I've, thanks to you guys, almost solved all the bugs on my page, so i thought it was about time to make the DIVs hidden as their default setting. But this messes the image-script. try for you self on
Code: www.scalesmusic.dk/beta . When you open the 'Images' window the thumbnail-bar is positioned in the middle... it is supposed to be hidden in the top. See Code: www.scalesmusic.dk/picture.jpg to see how the window is supposed to look. Does anyone of you have an explanation. ...oh, and i still have a wird white line appearing i IE hey guys i have 6 hidden divs that onclick are shown. They look just how i want them on every browser except safari theres something wonky going on that i cant seem to figure out. you can see a screen shot he brendanperkinsDOTcom/pictures/ryan_works.jpg brendanperkinsDOTcom/pictures/ryan_nowork.png Code:
/* Individual page divs (also in left column) */
.hidden-divs {
position: relative;
display: none;
width: 387px;
height: auto;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
font-size: 11px;
line-height: 1.5em;
padding-top: 10px;
padding-bottom: 10px;
}
Code:
<div id="main-nav">
<ul id="nav-higher" class="nav">
<!-- HOME -->
<li><a class="trigger" rel="#header-6" onclick="return toggle_div('home-video', 'ryan_1');" href="#">Home</a></li>
<li><div id="home-video" class="hidden-divs"></div></li>
<!-- MEET RYAN -->
<li><a class="trigger" rel="#header-5" onclick="return toggle_div('meet-ryan', 'ryan_2'); " href="#">Meet Ryan</a></li>
<li><div id="meet-ryan" class="hidden-divs">
<p><strong>Ryan Porter</strong> has always believed that human potential is unlimited and that each individual possesses the power to create the life they want to live.<br /><br /></p>
<p>He is the creator of the Make Your Own Lunch™ program, which has been developed to empower students with the 'ingredients' needed to create their individual success.<br /><br /></p>
<p>Ryan is a full-time ambassador of the Make Your Own Lunch™ philosophy. His dedication to inspiring others is evident in his work. He is a successful youth speaker who is known for his entertaining stories and easy-to-understand principles and strategies. His refreshing approach to achieving success creates an extraordinary experience for his audiences.<br /><br /></p>
<p>Ryan has spent his most recent years working for <a rel="external" href="http://www.whats-next.ca/">What's Next?... Transition Strategies</a> in Toronto, Canada. He has spoken to tens of thousands of people of all ages and at all stages of life and has been featured in different newspapers, magazines and on various television programs.<br /><br /></p>
<p>His active presentation style has been called entertaining, engaging, inspiring, motivating, hilarious, unforgettable and Ryan's favorite, "AWESOME!"<br /><br /></p>
<p>When not on stage, Ryan can usually be found on an airplane traveling to new places to create new life-defining experiences.<br /><br /></p>
<p>From cliff diving in Hawaii and backpacking through Europe to shopping in the streets of Shibuya, Tokyo, or scuba diving in Honduras, Ryan knows what it means to create experiences and a life worth living.<br /><br /></p>
<p>For more information on Ryan , subscribe to his always entertaining <a rel="external" href="http://twitter.com/lunch_buddy">Twitter</a> alerts or join him on <a rel="external" href="http://www.facebook.com/ryanspeaks">Facebook.</a></p>
</div>
</li><!-- END OF MEET RYAN -->
<!-- PROGRAMS -->
<li><a class="trigger" rel="#header-4" onclick="return toggle_div('programs', 'ryan_3'); " href="#">Programs</a></li>
<li><div id="programs" class="hidden-divs">
<p><strong>Imagine having a school, conference or assembly full of focused, passionate students.</strong> Students who have a clear purpose and vision of what their future could look like. Imagine having students who were excited to be in their seats because they can see how being there will affect their future.<br /><br /></p>
<p>Does this sound impossible? It isn't! Make Your Own Lunch™ can prove it!<br /><br /></p>
<p><strong>Make Your Own Lunch™ is about one thing; DECISION.</strong> It's about the decision to actively create the exact life you want to lead. It's about deciding what you want to have, what you want to do, where you want to go and who you want to be.<br /><br /></p>
<p>It has nothing to do with the actual preparation of food but everything to do with making a life that you are excited about living everyday.<br /><br /></p>
<p>Make Your Own Lunch™ empowers young people to decide to create their future through experiences.<br /><br /></p>
<p>There are a few different ways to get your portion of Make Your Own Lunch™<br /><br /></p>
<h3>1. Make Your Own Lunch™ - Feast for All <br /><br /></h3>
<h4>Keynote/Assembly Presentation (45-75mins)<br /><br /></h4>
<p>Too many people go day-to-day living lives they don't want to be living. They work in jobs they can't stand, stick around in toxic relationships and give up on lives they used to dream about. It's time for you to become the gourmet chef of your life. It's time to block out all of those distractions, like the people tell you that your dreams aren't realistic and it's time to have the experiences of your lifetime!<br /><br /></p>
<p>Make Your Own Lunch™ is all about deciding to create the life you “crave”. Is it going to University? Owning your own business? Traveling around the world? or all three? Through his hilarious stories and adventures, Ryan Porter will give you the "ingredients" needed to make the exact life you want to live while giving you a bunch of laughs along the way!<br /><br /></p>
<h3>2. Make Your Own Lunch™ - Your Personal Menu<br /><br /></h3>
<h4>Workshop (45 - 60mins)<br /><br /></h4>
<p>This workshop has nothing to do with making a sandwich but everything to do with you deciding to create your own experiences and living a life that you love! In this workshop Ryan will show you 4 decisions you can make that will completely change the way you view your future. His outrageous escapades from Hawaii to Slovakia will have you laughing, learning and preparing to lead the life of your dreams. Stop living by someone else's menu and Make Your Own Lunch™.<br /><br /></p>
<p>Additional breakout sessions are also available upon request. Please contact us with the details of your event for more information.<br /><br /></p>
</div>
</li><!-- END OF PROGRAMS -->
<!-- BLOG -->
<li><a rel="external" href="http://makeyourownlunch.com/">Blog</a><br /></li><!-- END OF BLOG -->
<!-- REVIEWS -->
<li><a class="trigger" rel="#header-3" onclick="return toggle_div('reviews', 'ryan_4');" href="#">Reviews</a></li>
<li><div id="reviews" class="hidden-divs">
<div class="blurbwrap" id="review1">
<p class="blurb">“UH-MA-ZING!!! I laughed so hard that I think I sprouted a six-pack!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Molly Somerville</strong><br />Idaho Business Professionals of America</p>
<div class="blurbwrap" id="review2">
<p class="blurb">“...In a nutshell Ryan blew those kids away”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Misty Elliott</strong><br />Michigan Association of Student Councils and Honor Societies</p>
<p><a onclick="return toggle_div('review_section2');" href="#">more..</a></p>
<div id="review_section2" style="display: none;">
<div class="blurbwrap" id="review3">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Sara Gutowski</strong><br />Director of Programming, Michigan Youth Leadership</p>
<div class="blurbwrap" id="review4">
<p class="blurb">“I cannot begin to tell you how much the students, the parents and the staff volunteers all LOVED Ryan and his message. It has been the most astounding feedback we have ever had about a speaker!”</p>
</div><!-- blurbwrap -->
<img class="review1-pic" src="images/ben.jpg" alt="Review" />
<p class="img_id"><strong>Heaven Snowden</strong></p>
</div><!-- review section 2 -->
</div><!-- reviews -->
</li><!-- END OF REVIEWS -->
<!-- MEDIA -->
<li><a class="trigger" rel="#header-2" onclick="return toggle_div('media', 'ryan_5');" href="#">Media</a></li>
<li><div id="media" class="hidden-divs">
<h3>Client Resources<br /><br /></h3>
<p>Click <a href="html/av-checklist.htm" class="ceebox" rel="800 500">here</a> for Ryan's A/V requirements and event checklist<br /><br /></p>
<p>Click <a href="html/speaker-intro.htm" class="ceebox" rel="800 250">here</a> for Ryan's speaker introduction<br /><br /></p>
<p>Click <a href="html/bio.htm" class="ceebox" rel="800 500">here</a> for Ryan's bio (to be used in your program, website, blog, newspaper, magazines etc.)<br /><br /><br /></p>
<h3>Media Appearances<br /><br /></h3>
<p>Ryan on the radio If the player does not work, click <a href="pdf/Radio_Interview.mp3">here</a><br /><br /></p>
<p id="radio"><embed flashvars="valid_sample_rate=true&external_url=http://www.ryanspeaks.com/Radio_Interview.mp3" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" quality="high" src="http://www.odeo.com/flash/audio_player_standard_gray.swf"/><br /><br /></p>
<h3>Photo Gallery <br /></h3>
<p>Click images to enlarge..<br /><br /></p>
<span><a href="images/media_photo1.jpg" class="ceebox"><img src="images/media_photo1_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo2.jpg" class="ceebox"><img src="images/media_photo2_thumb.jpg" alt="Video Tag" /></a><br /><br /></span>
<span><a href="images/media_photo3.jpg" class="ceebox"><img src="images/media_photo3_thumb.jpg" alt="Video Tag" /></a> </span>
<span><a href="images/media_photo4.jpg" class="ceebox"><img src="images/media_photo4_thumb.jpg" alt="Video Tag" /></a></span>
</div>
</li><!-- END OF MEDIA -->
<!-- CONTACT -->
<li><a class="trigger" rel="#header-1" onclick="return toggle_div('contact', 'ryan_6');" href="#">Contact</a></li>
<li><div id="contact" class="hidden-divs"></div></li>
<li><a href="http://vimeo.com/1239140" rel="vidbox 550 360" class="ceebox">Video</a></li><!-- END OF CONTACT -->
<!-- LOGO, FOOTER -->
<li>
<img id="main_logo" src="images/logo.png" alt="Ryan Speaks Logo" />
<div id="footer_content">
<p>Contact Toll Free: 1.888.318.3530</p>
<p>or email us at <a href="mailto:info@ryanspeaks.com"><strong>info@ryanspeaks.com</strong></a></p>
<p><a rel="external" href="http://www.facebook.com/ryanspeaks"><em>Facebook</em><!--<img src="images/facebook.gif" alt="Facebook" />--></a><em> .+ </em><a rel="external" href="http://twitter.com/lunch_buddy"><em>Twitter</em><!--<img src="images/twitter.png" alt="Twitter" />--></a></p>
<p>RyanSpeaks.com. All Rights Reserved.<a rel="external" href="http://designpilotonline.com"><strong>Website - Design Pilot</strong></a></p>
</div><!-- Footer Content -->
</li><!-- END OF LOGO FOOTER -->
</ul>
<div id="home" class="hidden-divs"></div>
</div><!-- Main nav -->
|
|||||||