02.07.2011, 19:23
|
|||
|
|||
Bild bewegt sich von links nach rechts
Hallo,
ich hätte eine Frage zur Positionierung von Bildern. Ich nutze WordPress und habe in der Header.php ein Logo welches ich an einer bestimmten Stelle platzieren möchte. Mein Code: Code:
#a1 {
background-image: url("http://homepage.de/..logo.png");
background-repeat: no-repeat;
height: 200px;
left: 240px;
position: absolute;
top: 35px;
width: 250px;
z-index: 1;
}
Wie verhinder ich das ganze. Hier die Seite (der blaue fuchs links ist gemeint) 1. Panzerdivision Brandenburg | semper fidelis Geändert von xmimox (03.07.2011 um 13:58 Uhr) 
|
| Sponsored Links |
|
02.07.2011, 19:45
|
|||
|
|||
|
Zitat:
Code:
<?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(); ?>
<style type="text/css">
#a1 {
position:absolute;
top:35px;
left:240px;
width:250px;
height:200px;
z-index:1;
background-image:url(http://domain.com/logo.png);
background-repeat:no-repeat;}
</style>
<div id="a1"></div>
</div>
</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>
Geändert von xmimox (02.07.2011 um 19:49 Uhr)
|
|
02.07.2011, 21:01
|
|||
|
|||
|
Hier die Seite:
1. Panzerdivision Brandenburg | semper fidelis
|
|
03.07.2011, 13:57
|
|||
|
|||
|
Zitat:
ich hatte vorhin kurzzeitig den Theme geändert um etwas zu testen. Der kleine blaue fux links ist gemeint. Ich hoffe jemand hat eine Lösung 
|
|
03.07.2011, 14:12
|
||||
|
||||
|
#a1 liegt ausserhalb von #outer-wrap, richtet sich deshalb immer nach dem body aus. Wo soll das logo hin? Hier bei 1280px liegt es über dem home-Link.
Manfred
|
 |
| Stichwörter |
| background, bild, css, image, positionieren |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Bild im Fliesstext unten rechts ausrichten | FinalAngel | CSS | 3 | 08.01.2009 08:29 |
| "Grafiken" links und rechts vom content | michimunk | CSS | 3 | 23.01.2008 15:13 |
| "Text1" links und "Text2" rechts in eine | nodoubt | CSS | 2 | 14.03.2006 18:48 |
| grafik links und rechts unten ohne zwischenraum einbinden ? | Kurt | CSS | 2 | 08.06.2004 15:04 |
Linear-Darstellung
