NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

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

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Ondřej Štorc
Tvůrce
Avatar
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..
Avatar
Tonda Kozák
Člen
Avatar
Odpovídá na Ondřej Štorc
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
Avatar
Ori I
Člen
Avatar
Odpovídá na Ondřej Štorc
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
Avatar
Ondřej Štorc
Tvůrce
Avatar
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í
Ř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.