• Resolved infexious

    (@infexious)


    I am new to wordpress and am in the process of building a new site for a club night I run. I was aiming to launch the site on Monday

    I wanted to include serveral artist profiles with set layout and questions. I made a very simple template with an html table and pasted this in.

    Almost works perfectly but despite it telling the table to align images ot the top it doesnt. I presume somehting to do with css. Please can someone tell me how to work around this.

    http://www.infexious.tv/word/artists/alex-kidd/

    I would like the image on left aligned to the top.

    Many Thanks in advance

    p.s. there are a few more probs with site you may notice but dont worry – I am in process of fixing these!

Viewing 15 replies - 1 through 15 (of 18 total)
  • simple, change

    table, td, th {
    vertical-align:middle;
    }

    to

    table, td, th {
    vertical-align:top;
    }

    Thread Starter infexious

    (@infexious)

    Thanks for the reply but i think it is like this?

    here is the table code i am pasting in..

    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="261" rowspan="2" align="left" valign="top"><img src="http://infexious.tv/artists/alex_kidd_logo_260.jpg" alt="alex kidd" width="260" height="44" /><img src="http://infexious.tv/artists/alex_kidd_260.jpg" alt="alex kidd" width="260" height="314" /><br /></td>
        <td align="center" valign="top"><div align="left"><br />
          <br />
        </div></td>
        <td align="left" valign="top"><div align="left"><font size="4"><strong>ALEX KIDD</strong> - Infexious Profile</font></div></td>
      </tr>
      <tr>
        <td width="10" align="center" valign="top"><div align="left"></div></td>
        <td width="851" align="left" valign="top"><p align="left"><font color="784fa0"><strong>1. In no more than 100 words tell us a bit about yourself.</strong></font></p>
          <p align="left">Hello to everyone reading this , My name is Alex Kidd and about 15 years ago i got into the art of DJ’ing. Since then i have been through an unbelievable and at times disturbing journey of insanity. From winning awards, hosting festivals, promoting large scale events, running record labels, setting up artist management rosters, flying on private jets and travelling all over the world - from what i can remember iv had a bit of a mad one. the rest is a blur.</p>
          <p align="left"><strong><font color="784fa0">2. When did you first show an interest in DJ’ing / producing?</font></strong></p>
          <p align="left">When i was about 12 i got into DJ’ing from listening to old tape packs. the producing followed when i realized i needed to understand how to make tunes before i could go to the next level. So i went on a studio course and haven’t looked back since</p>
          <p align="left"><strong><font color="784fa0">3. Who would you say have influenced you over the years musically?</font></strong></p>
          <p align="left">There’s no one person – I’d say different genres like techno and hardcore influence the hard dance sounds i play currently.</p>
          <p align="left"><strong><font color="784fa0">4. What has been your favourite event to-date and why?</font></strong></p>
          <p align="left">Kiddstock , every year - for obvious reasons. </p>
          <p align="left"><strong><font color="784fa0">5.What other artists would you recommend in the scene at the moment?</font></strong></p>
          <p align="left">Kidd Kaos and Argy seem to be flying high right now - which is good as they are signed to my label  ;)</p>
          <p align="left"><strong><font color="784fa0">6. What would you say is your favourite record label at the moment?</font></strong></p>
          <p align="left">Hmm tough one that changes every day - but today il choose a minimal techno thing by Reboot called Vandon<br />
          </p>
          <p align="left"><strong><font color="784fa0">7. What would you say has been your biggest achievement in your djing career so far?</font></strong></p>
          <p align="left">I’d say the whole package for me is a big achievement - but I’m still only half way there so far – here is to the next 15 years !</p>
          <p align="left"><strong><font color="784fa0">8. What’s the strangest thing you have ever seen at an event?</font></strong></p>
          <p align="left"> Police raiding a gay club i was playing at in Taiwan - very surreal </p>
          <p align="left"><strong><font color="784fa0">9. What can we expect from you in the future?</font></strong></p>
          <p align="left">I’m looking at getting my breasts smaller, my back has been in real pain. apart from that there is news coming soon of the kiddfectious world tour which will be history in the making!</p>
          <p align="left"><strong><font color="784fa0">10. Do you have a message for the Infexious crew?</font></strong></p>
          <p align="left">infexious - kiddfectious - its all love baby x</p>
          <div align="left"><br />
        </div></td>
      </tr>
      <tr>
        <td colspan="3" align="center" valign="top"><div align="center">
          <p><font size="2"><br />
          </font></p>
        </div></td>
      </tr>
    </table>
    Thread Starter infexious

    (@infexious)

    is there some css setting that is over riding this I need to change maybe?

    Infexious, no expert here, but I’m learning too. I think the answer to the above is, as you suspect, that the table instructions themselves are one thing, the code with the style another. So if you’ve got code that sets a certain style, the html will follow that, or work within its boundaries, to some extent. as if you had a <TD> or <TR> within a table…

    Hope this helps. Let me know, I’m going through some of the same woes, especially with initial template setup. Once that’s set we should have smooth sailing.

    Thread Starter infexious

    (@infexious)

    any ideas waht do chnage in style?

    Did you try following zeniph’s suggestion?

    Thread Starter infexious

    (@infexious)

    I was thinking his suggestion was to chnage in the html, but it was already set like this in html (as showen above)

    am i mistaken and this is for css ? If so which style sheet should I change do you know?

    sorry for my lack of knowledge.

    why dont you just make a huge picture of the album?

    Thread Starter infexious

    (@infexious)

    these are the style sheets i have, but i cant see that code in there

    Theme Files
    Templates
    404 Template (404.php)
    Archives (archive.php)
    Comments (comments.php)
    Footer (footer.php)
    Header (header.php)
    Main Index Template (index.php)
    Page Template (page.php)
    Search Form (searchform.php)
    Search Results (search.php)
    Sidebar (sidebar.php)
    Single Post (single.php)
    Theme Functions (functions.php)
    featured.php (featured.php)
    recent-comments.php (recent-comments.php)
    Styles
    Stylesheet (style.css)

    the code should be on page template…

    Thread Starter infexious

    (@infexious)

    Hmm this is what i got? any suggestions?

    <?php get_header(); ?>
    <div class="span-24" id="contentwrap">
    	<div class="span-16">
    		<div id="content">	
    
    			<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    			<div class="post" id="post-<?php the_ID(); ?>">
    			<h2 class="title"><?php the_title(); ?></h2>
    				<div class="entry">
                        <?php if ( function_exists('has_post_thumbnail') && has_post_thumbnail() ) { the_post_thumbnail(array(300,225), array('class' => 'alignleft post_thumbnail')); } ?>
    					<?php the_content('<p class="serif">Read the rest of this page &raquo;</p>'); ?>
    
    					<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
    
    				</div>
    			</div>
    			<?php endwhile; endif; ?>
    		<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
    		</div>
    	</div>
    
    <?php get_sidebars(); ?>
    
    </div>
    <?php get_footer(); ?>
    Thread Starter infexious

    (@infexious)

    hoping someone can help. so i can launch this site haha 😉

    You have code errors in style.css.
    top: -400px is out of order and an ending bracket that doesn’t belong there.
    This code doesn’t work anyway so delete it.
    In your screen.css remove the td, from this line of code.
    table, td, th {vertical-align: middle;}
    You might need to add some padding to the top now.
    td {padding-top:6px} adjust the amount as needed.

    Thread Starter infexious

    (@infexious)

    Thankls for the reply but where is screen.css ??

    Thread Starter infexious

    (@infexious)

    found screen.css and removed the td . and great result 😉 many thanks

    i couldnt find this bit thou: top: -400px nor this bit td {padding-top:6px} – there is quite a big gap now..

    http://www.infexious.tv/word/artists/alex-kidd/

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Problem with html table within theme’ is closed to new replies.