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

HTML a CSS HTML a CSS Zarovnání elementů do stejné řádky American English version English version

Avatar
Ondřej Štorc:

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..
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Ondřej Štorc
Tonda Kozák:

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
Avatar
Ori
Člen
Avatar
Odpovídá na Ondřej Štorc
Ori:

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
Avatar
Ondřej Štorc:

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í
Řešení problému
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.