----- Original Message ----- From: "Marcelo Wolfgang" <[EMAIL PROTECTED]> To: <[email protected]> Sent: Friday, August 01, 2008 9:36 AM Subject: [css-d] Problem with position ...
You can see the problem here: http://www.zerocinco.com.br/code on the right sidebar unde "Nossa equipe", you can see where the first one is displayed and the 4 one, who should be displayed under the first picture on the second line, is show on the first line on the right. Here is this section code only: HTML: (repeated 13 times) <span class="bubbleInfo"> <img class="trigger" src="<?php bloginfo('template_directory'); ?>/images/clients_bottero.jpg" alt="Alam"> <div class="popup"> <p><strong>Nome:</strong>Alam</p> <p><strong>Cargo:</strong>Produção gráfica</p> <p><strong>E-mail:</strong>[EMAIL PROTECTED]</p> </div> </span> 08/01/2008 Marcelo: You have a number of validation errors, both in the HTML and CSS. Not the least of which is illustrated in your example above, you have a <div> block element inside of a <span> inline element. In your CSS, you need to code decimals as 0.8em, not 0,8em. If you want three pics on a line, try (bare bones)... HTML <div id="people"> <div class="picset"> <!-- repeat as needed --> <img /> <img /> <img /> </div> <!-- end of a row of three pictures --> </div> <!-- end of people division --> CSS div.picset img { float: left; } Best Regards, Peter www.fatpawdesign.com WIN XP/SP2 + IE8, FF3, O9, A11 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
