Ver Mensaje Individual
  #4 (permalink)  
Antiguo 30/08/2016, 22:25
fidelio
 
Fecha de Ingreso: agosto-2004
Mensajes: 106
Antigüedad: 19 años, 8 meses
Puntos: 3
Respuesta: Alineación vertical de textos con CSS

Ok. Pensaba que la gente lo podía ver con el inspeccionador de objetos del navegador. Perdonad.

Éste es el php

Código PHP:
<?php
// Get theme Options
$max_slider_posts cs_getoption('theme_slidermax');

get_header(); ?>
    
    <?php if(ts_getoption('ts_show_slider') == 1): ?>
    
    <div id="slider-container">

        <div id="slider-window">
            
            <div id="slider">
            
                <?php get_slider_posts($max_slider_posts); ?>
            
            </div>

            <div class="clearer"></div>
                
        </div>
        
        <div class="nivo-controlNav">
            <?php get_slider_thumbnails($max_slider_posts); ?>
        </div>
            
    </div>

    <div class="clearer"></div>
    
    <?php endif; ?>

    <div id="main" class="containerblock">
        
        <div id="content">
            <?php if (have_posts()) : $postcount 0;
                    while (
have_posts()) : the_post(); ?>                
                        <div <?php post_class('archive'); ?> id="post-<?php the_ID(); ?>">
                            
                            <div class="preview_image">

                        <div class="preview_data">
                                <?php $category get_the_category(); ?>
                                    <div class="post-categories"><a href="<?php echo get_category_link($category[0]->cat_ID); ?>"><?php echo $category[0]->cat_name?></a></div>
                                    <div class="archive_title"><a href="<?php the_permalink(); ?>"><?php echo titulo_corto('...'80);; ?></a><span class="nota_index"><?php echo get_post_meta($post->ID,'NOTA',true); ?></span></div></p>            
                                </div>
                                
                                <a href="<?php the_permalink(); ?>">
                                <?php echo get_preview_thumbnail(); ?>
                                </a> 
                                
                            </div>
                            
                            <div class="preview_text">
                        
                                <br/>
                            <?php echo get_post_meta($post->ID,'TITULAR',true); ?>.                            
                        </div>                                                    
                            <div class="clearer"></div>
                            
                        </div>                
                
                    <?
        
                    
endwhile; ?>
                    
                    <div class="clearer"></div>
                                        
                    <div id="navigation">
                        </p>
                        <center><?php wp_pagenavi(); ?></center>
                        </p>
                        <div class="clearer"></div>
                    </div>
                    
            <?php else : ?>
        
                <div class="post">                    
                    <div class="entry">
                        <h2 class="title"><?php echo $notfound_title?></h2>
                        <p><?php echo $notfound_text ?></p>
                    </div>
                </div>
        
            <?php endif; ?>
                
        </div>
        
        <?php get_sidebar(); ?>
        
        <div class="clearer"></div>

    </div>
    
    <?php get_footer(); ?>
Y éstos los CSS:

Código:
.preview_image {
    display: block;
    position: relative;
    width: 300px;
    height: 150px;
}
.preview_data {
    text-transform: uppercase;
    font-family: 'Francois One', sans-serif;
    font-size: 9px;
    word-spacing: -1px;
    letter-spacing: 1px;
    display: block;
    width: 290px;
    max-height: 140px;
    overflow: hidden;
    background-image: url('../images/post_title_bg2.png');
    padding: 121px 5px 2px 5px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.archive_title {
    text-align: left;
    font-family: 'Francois One', sans-serif;
    word-spacing: -2px;
    text-shadow: 0 0 0.2em #000000, 0 0 0.2em #000000;
    height: 33px;
    width: 291px;
}
.archive .post-categories {
    float: right;
    margin: -121px -5px 0px 0px;
}
.nota_index {
    font-style: normal;
    font-size: 14.5px;
    letter-spacing: 0px;
    color: #ffbb00;
    margin-left: 4px;
    vertical-align: 1px;
Muchas gracias.