Logo im Header bzw. links auf der Seite

feder80

Liebe Community,
ich möchte gerne ein Logo entweder in den Header oder links auf die Seite einbauen. (http://www.lebenswertes-matrei.at/)

Der Header schaut wie folt aus:

PHP

<body>
<div id="head">
    <div id="logo">


<h1><a href="<?php echo get_option('home');  ?>/"><?php bloginfo('name'); ?></a></h1>
<p>
<?php bloginfo('description'); ?></p>

wenn ich hier mittels <img...> das bild einfügen will, hüpft es automatisch in die nächste zeile oder lässt den text in die nächste zeile springen. wie kann ich das ändern?

lg

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

wie, was, wo genau?
in deinem beispiel gibt's bestimmmt mehr als 5 verschiedene moeglichkeiten, ein img tag einzufuegen.
und wo genau soll das logo sitzen?
links vom text - rechts vom text?
wie gross ist das logo?

PHP

<div id="logo">


<h1><a href="<?php echo get_option('home');  ?>/">X<?php bloginfo('name'); ?>X</a></h1>
<p>
<?php bloginfo('description'); ?></p>

wenn das logo nicht zu gross ist, kann das an den mit X gekennzeichneten stellen gehn, ohne dass das logo in die naechste zeile geht - es ist dann mit dem text klickbar.
und dann vielleicht noch mit ganz wenig css die position regeln:

Code

#logo h1 a img { margin: 0 0 0 0; }

andere stellen gehen auch, aber mit mehr css aufwand.

feder80

also das logo sollte am besten links vom text stehen. wie genau würde der code dann ausschauen? die größe des logos werde ich wohl an den banner anpassen müssen, oder?

alchymyth

PHP

<div id="logo">
 
<h1><a href="<?php echo get_option('home');  ?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" /><?php bloginfo('name'); ?></a></h1>
<p>
<?php bloginfo('description'); ?></p>

das logo muss dann im images verzeichnis des themes gespeichert sein.

das hier, oder was aehnliches, zu der style.css hinzufuegen:

Code

#logo h1 a img {width:60px;height:45px;margin-right:10px;float:left;margin-top:-8px;display:block;border:none;}

die zahlen sind gewaehlt fuer ein logo 60px weit, und 45px hoch.

feder80

hat funktioniert, danke!
du bist der beste!!!

Tschik

Ich komme auch irgendwie nicht weiter, möchte ebenfalls ein Logo oben links in der Ecke haben statt dem Blogtitel, aber wenn ich den oben genannten Code einbaue wird das Template zerstört.

Hier der Code von meinem Template welches ich benutze:

PHP

<body>
<div id="main_container">
    <div id="centercolumn">
    
    <div id="leftcolumn">    
        <div id="main_logo">
            
<div id="logo">
 
<h1><a href="<?php bloginfo('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<span class="desc"><?php bloginfo('description'); ?></span>
</div>

Alles anzeigen

muss man das Bild ins CSS einbauen oder geht es auch mit diesem Code

Code

<p><img src="/images/test.jpg"></p>

alchymyth

wenn du die html struktur beachtest, sollte das template eigentlich nicht zerstoert werden. mit bild sollte das etwa so aussehen:

PHP

<body>
<div id="main_container">
    <div id="centercolumn">
 
    <div id="leftcolumn">    
        <div id="main_logo">
 
<div id="logo">
 
<h1><a href="<?php bloginfo('home'); ?>/"><img src="<?php bloginfo('template_url'); ?>/images/test.jpg"/><?php bloginfo('name'); ?></a></h1>
<span class="desc"><?php bloginfo('description'); ?></span>
</div>

Alles anzeigen

kann vielleicht kleine verschiebungen im header geben, aber das kann dann mit der css ausgeglichen werden.

link zum blog hilft auch hier ein wenig weiter.

eine loesung ueber css kann nur nur am live link zum blog diskutiert werden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Logo im Header bzw. links auf der Seite

Jetzt mitmachen!