Diskuze: Zarovnání elementů do stejné řádky

Ondřej Štorc

Tvůrce

Ondřej Štorc:9.11.2014 23:18

Ahoj, mám problém s tím že tahám jména z databáze a když ho má někdo delší tak se vypíše na dva řádky a tím pádem se posune u té osoby také jeho popis, ale u ostatních ne, nevíte jak to vyřešit? Zde je kód (je z šablony Moesia pro WP):

<?php while ( $r->have_posts() ) : $r->the_post(); ?>
                                        <?php //Get the custom field values
                                                $photo = get_post_meta( get_the_ID(), 'wpcf-photo', true );
                                                $position = get_post_meta( get_the_ID(), 'wpcf-position', true );
                                                $facebook = get_post_meta( get_the_ID(), 'wpcf-facebook', true );
                                                $twitter = get_post_meta( get_the_ID(), 'wpcf-twitter', true );
                                                $google = get_post_meta( get_the_ID(), 'wpcf-google-plus', true );
                                                $linkedin = get_post_meta( get_the_ID(), 'wpcf-linkedin', true );
                                        ?>
                                        <div class="col-md-3 col-sm-3 col-xs-3">
                                                <?php if ($photo != '') : ?>
                                                        <img class="employee-photo wow zoomInDown" src="<?php echo esc_url($photo); ?>" alt="<?php the_title(); ?>">
                                                <?php endif; ?>
                                                <h4 class="employee-name wow fadeInUp"><?php the_title(); ?></h4>
                                                <?php if ($position != '') : ?>
                                                        <span class="employee-position wow fadeInUp"><?php echo esc_html($position); ?></span>
                                                <?php endif; ?>
                                                <div class="employee-desc wow fadeInUp"><?php the_content(); ?></div>
                                                <?php if ( ($facebook != '') || ($twitter != '') || ($google != '') || ($linkedin != '') ) : ?>
                                                        <div class="employee-social wow fadeInUp">
                                                                <?php if ($facebook != '') : ?>
                                                                        <a href="<?php echo esc_url($facebook); ?>" target="_blank"><i class="fa fa-facebook"></i></a>
                                                                <?php endif; ?>
                                                                <?php if ($twitter != '') : ?>
                                                                        <a href="<?php echo esc_url($twitter); ?>" target="_blank"><i class="fa fa-twitter"></i></a>
                                                                <?php endif; ?>
                                                                <?php if ($google != '') : ?>
                                                                        <a href="<?php echo esc_url($google); ?>" target="_blank"><i class="fa fa-google-plus"></i></a>
                                                                <?php endif; ?>
                                                                <?php if ($linkedin != '') : ?>
                                                                        <a href="<?php echo esc_url($linkedin); ?>" target="_blank"><i class="fa fa-linkedin"></i></a>
                                                                <?php endif; ?>
                                                        </div>
                                                <?php endif; ?>
                                        </div>
                                <?php endwhile; ?>

Odpovědět

9.11.2014 23:18

Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..

Tonda Kozák

Člen

Tonda Kozák:10.11.2014 13:49

Tohle je spíš záležitost CSS, proto PHP kód je k ničemu, pošli prosím ten HTML výstup, nebo odkaz na stránku, kde to vypisuješ.

Nahoru Odpovědět

10.11.2014 13:49

Ori I

Člen

Ori I:10.11.2014 17:14

konštantná výška, dobre nastavená výška riadku a overflow: hidden, samozrejme to čo ti prečnieva ti zmizne a nezobrazí sa, ak pošleš stránku tak sa ti povie určite viac

Nahoru Odpovědět

10.11.2014 17:14

Ondřej Štorc

Tvůrce

Ondřej Štorc:10.11.2014 18:28

Tak jsem to nakonec vyřešil tak že jsem nastavil spanu kam se vypisuje jméno zaměstnance vlastnost min-height. Možná to není úplně univerzální řešení ale pro moje potřeby je dostatečné

Akceptované řešení
+20 Zkušeností

Nahoru Odpovědět

10.11.2014 18:28

Život je příliš krátký na to, abychom bezpečně odebírali USB z počítače..

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.