Logo und Seitentitel...

Aloha Community,

ich muss nochmal nachfragen, aber da das gestern auch so schnell und unkompliziert ging, bin ich zuversichtlich.

ich bin gerade dabei eine Seite für die Uni etwas aufzufrischen. bisher wurde diese mit typo3 gemacht und vor allem ewig nicht aktualisiert.

Um in es in Zukunft den Leuten einfacher zu machen, news und events einzutragen,wollte ich das ganze noch wordpress protieren/ nachbauen.

derzeit stehe ich aber mal wieder vor einen kleinen Problem:

ich kann entweder einen Titel oder ein Logo verwenden, hätte aber gern rechts neben dem Logo den Seitentitel.

derzeit schaut es so aus:

http://abload.de/img/bildschirmfoto2015-030oasv.png

bzw so:

http://abload.de/image.php?img=bildschirmfoto2015-03tnao6.png

(warum ist abload.de/... keine gültige url für ein bild?)

Ich finde leider keine Angaben zum Titel (um diesen zum Beispiel auch bottom-align zu setzen).

meine style.css:

http://pastebin.com/sXVFaP4g

und die originale seite: http://www.ifg.uni-kiel.de/marineclimateresearch.html

Ebenso verstehe ich nicht, wie diese kleine Lücke zwischen unterem Ende des Logos und der darunterliegenden Leiste entsteht... das soll eigentlich bündig sein...

ne liveversion kann ich derzeit leider nicht bieten, da mein server daheim probleme hat und ich derzeit die Webseite nur auf nem webserver in ner vm hier auf meinem Notebook betreibe.

Ich hoffe, ihr könnt mir noch mal helfen und verzeit meine Unwissenheit, bin doch recht neu in der ganzen web-geschichte ;)

Grüße!

die geschichte mit dem Titel hat sich geklärt, hier wurde in der header.php unterschieden und entweder ein Logo oder der Titel verwendet... die kleine Lücke ist aber immer noch da und nervt mich...

eine editierfunktion wäre echt toll.... :/

im header.php steht nun:

<div class="header-wrapper">
        <header id="masthead" class="site-header" role="banner">


            <div class="site-title"> 
                                
                <href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                <p style="color:white; font-size:120%">  <?php echo bloginfo( 'name' ); ?> </p>        
            </div>




            <div class="site-logo" style="<?php echo !$has_logo ? 'display: none' : ''; ?>">
                <?php if( $has_logo ): ?>
                    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home" class="site-logo">
                    <img src="http://www.ifg.uni-kiel.de/fileadmin/IfG/gfx/cauLogo_neu.gif"/>
                    </a>
                <?php endif; ?>
            </div>
    </div>

in der style.css:

.site-logo {
    float:left;
    width:30%;
    


.site-title {
    position: relative;
    float: left;
    width:50%;
}

trotzdem gibts kein Logo, sondern nur den Text... vorher waren Logo und Text untereinander... kann mir da jemand aushelfen?