Bild per CSS frei positionieren im wordpress

mimo

Hallo,
ich nutze das template Quick-Vid 1.0.3 von iThemes.
Wie bekomme ich es hinn, ein Bild frei so zu positionieren, das es rechts zwischen header und body ist ? Ich habe das auf dem bild mal gelb makiert (wo es erscheinen soll):
http://s1.directupload.net/images/110702/jvqafttr.png..
Also das Bild bleibt bei mir immer in der rechten oder linken ecke klebe, welche html datei muss ich für meinen fall am besten bearbeiten ?!
Die header.php und das CSS in die style.css ?!
Normalerweise schreibe ich sowas in die index.html aber bei WOrdPress weiß ich es leider nicht.

Update:
ich habe das ganze jetzt in die header.php geschrieben:

Code

<style type="text/css">
#a1 { 
position:absolute; 
top:35px; left:240px; width:250px; height:200px;
      z-index:1; 
background-image:url([URL="http://pixo-webdesign.de/wp-content/themes/quick-vid/images/pixo-webdesign-logo.png%29;"]http://domain.de/images/domain.png);[/URL]
      background-repeat:no-repeat;}
</style>


<div id="a1"></div>

Alles anzeigen

Leider bewegt sich das bild wenn ich den browser verkleiner oder vergrößer nach links oder rechts, wie behebe ich das ???

http://xmimox.bplaced.de/wordpress/

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

eXestend

Eventuell liegt es am Z-Index ?

mimo

Zitat von eXestend

Eventuell liegt es am Z-Index ?

Leider bewegt sich auch ohne Z-Index das Bild von rechts nach Links wenn ich die größe des Fensters ändere.

eXestend

könntest du einen link zeigen ?

zur site ?

achso und es ist die style.css

sofern dein div auch den namen a1 hat.. :)

alchymyth

Zitat

Leider bewegt sich das bild wenn ich den browser verkleiner oder vergrößer nach links oder rechts, wie behebe ich das ???

grundlagen:
http://www.w3schools.com/css/css_positioning.asp

mimo

Danke für die Seite, hier ist die header.php:

PHP

<?php global $wp_theme_options; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">


<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<?php wp_meta(); ?>


<!--The Title-->
<title><?php wp_title(''); ?><?php if(wp_title('', false)) { echo ' :: '; } ?><?php bloginfo('name'); ?> | <?php bloginfo('description'); ?></title>


<link rel="icon" type="image/png" href="<?php bloginfo('template_url'); ?>/images/favicon.gif" />


<!--The Stylesheets-->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<?php if ( file_exists( dirname( __FILE__ ) . '/custom-style.css' ) ) : ?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/custom-style.css" type="text/css" media="screen" />
<?php endif; ?>


<!--[if lt IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lt-ie7.css" type="text/css" media="screen" />
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/dropdown.js"></script>
<![endif]-->
<!--[if lte IE 7]>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/lte-ie7.css" type="text/css" media="screen" />
<![endif]-->


<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
    var sfEls = document.getElementById("menu").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>


<!-- custom style-sheet -->
<?php if ( file_exists( dirname( __FILE__ ) . '/custom-style.css' ) ) : ?>
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/custom-style.css" type="text/css" media="screen" />
<?php endif; ?>


<!--The RSS and Pingback-->
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />


<?php
//A function that adds the necessary javascript for comment replying.
if (is_singular()) wp_enqueue_script( 'comment-reply' );
?>


<?php wp_head(); ?>


















[B]<style type="text/css">
#a1 { position:absolute; top:35px; left:240px; width:250px; height:200px;
      z-index:1; background-image:url(http://domain.de/logo.png);
      background-repeat:no-repeat;}
</style>
<div id="a1"></div>
</div>
[/B] 






















</head>


<body <?php body_class(); ?>>


<div id="outer-wrap">
    <div id="header-wrap">
        <div id="header" class="clearfix">
            <div id="title">
                <a href="<?php bloginfo('url'); ?>" title="Return to Home"><h1><?php bloginfo('name'); ?></h1></a>
            </div>
        </div>
    </div>
    <div id="wrap" class="clearfix">
        <div id="menu-wrap" class="clearfix">
            <div class="limit">
                <?php ithemes_navigation(); ?>
            </div>
        </div>

Alles anzeigen

mimo

Zitat von eXestend

könntest du einen link zeigen ?
zur site ?
achso und es ist die style.css
sofern dein div auch den namen a1 hat.. :)

hi, hier die Seite:
http://xmimox.bplaced.de/wordpress/

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild per CSS frei positionieren im wordpress

Jetzt mitmachen!