zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bilder werden überlagert und verschoben.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 06.12.2006, 22:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard Bilder werden überlagert und verschoben.

Hi,

also hier mal der Link zur Demo (funktioniert auch im IE - Habe den Mime Type des Apache angepasst )

=|PWF|= Clansite | Online Gaming since 2005

Wie ihr sehen könnt werden Die Bilder die das Menü links in die Gruppen unterteilen "überlagert" mit den Linkpics (im IE 7) und Im Firefox wird das erste Linkpic "unterlagert"

Nur was kann das sein ?

Hier mal die stylesheet.css:

Code:
/************
Background settings
************/

body 
{
	background-image: url(../images/background.jpg);
	margin: 0px;
	padding: 0px;
	height: auto;
}

/************
Global settings
************/

img
{
	border: none;
	vertical-align: bottom;
}

/************
Container settings
************/

#maincontainer
{ 
	background-image: url(../images/background_top.jpg);
	background-repeat: repeat-x;
} 

#maincontainer_center
{ 
	background-image: url(../images/background_content.jpg);
	width: 857px; 
	text-align: left;  
	margin-left: auto; 
	margin-right: auto;  
} 

#container_header_main
{
	width: 857px;
	height: 219px;
}

#container_header_left
{
	width: 427px;
	float: left;
}

#container_header_right
{
	width: 430px;
	float: right;
}

#container_menu_left
{
	width: 172px;
}

/************
Menu button settings
************/

a.news, a.newsarchive, a.forum, a.guestbook, a.calendar, a.votes, a.links, a.sponsors, a.downloads, a.userlist, a.squads, a.clanrules, a.clanwars, a.awards, a.rankings, a.serverstatus, a.serverrules, a.teamspeak, a.serverstats, a.serverlist, a.gallery, a.contact, a.join_us, a.fight_us, a.link_us, a.impressum
{
	height: 18px;
	display: block;
}

a.news
{
	background-image: url(../images/news.jpg);
}

a.newsarchive
{
	background-image: url(../images/newsarchive.jpg);
}

a.forum
{
	background-image: url(../images/forum.jpg);
}

a.guestbook
{
	background-image: url(../images/guestbook.jpg);
}

a.calendar
{
	background-image: url(../images/calendar.jpg);
}

a.votes
{
	background-image: url(../images/votes.jpg);
}

a.links
{
	background-image: url(../images/links.jpg);
}

a.sponsors
{
	background-image: url(../images/sponsors.jpg);
}

a.downloads
{
	background-image: url(../images/downloads.jpg);
}

a.userlist
{
	background-image: url(../images/userlist.jpg);
}

a.squads
{
	background-image: url(../images/squads.jpg);
}

a.clanrules
{
	background-image: url(../images/clanrules.jpg);
}

a.clanwars
{
	background-image: url(../images/clanwars.jpg);
} 

a.awards 
{
	background-image: url(../images/awards.jpg);
}

a.rankings
{
	background-image: url(../images/rankings.jpg);
}

a.serverstatus
{
	background-image: url(../images/serverstatus.jpg);
}

a.serverrules
{
	background-image: url(../images/serverrules.jpg);
}

a.teamspeak
{
	background-image: url(../images/teamspeak.jpg);
}

a.serverstats
{
	background-image: url(../images/serverstats.jpg);
}

a.serverlist
{
	background-image: url(../images/serverlist.jpg);
}

a.gallery
{
	background-image: url(../images/gallery.jpg);
}

a.contact
{
	background-image: url(../images/contact.jpg);
}

a.join_us
{
	background-image: url(../images/join_us.jpg);
}

a.fight_us
{
	background-image: url(../images/fight_us.jpg);
}

a.link_us
{
	background-image: url(../images/link_us.jpg);
}

a.impressum
{
	background-image: url(../images/impressum.jpg);
}

/************
Mouseover settings
************/

a.news:hover
{
	background-image: url(../images/news_mouseover.jpg);
}

a.newsarchive:hover
{
	background-image: url(../images/newsarchive_mouseover.jpg);
}

a.forum:hover
{
	background-image: url(../images/forum_mouseover.jpg);
}

a.guestbook:hover
{
	background-image: url(../images/guestbook_mouseover.jpg);
}

a.calendar:hover
{
	background-image: url(../images/calendar_mouseover.jpg);
}

a.votes:hover
{
	background-image: url(../images/votes_mouseover.jpg);
}

a.sponsors:hover
{
	background-image: url(../images/sponsors_mouseover.jpg);
}

a.downloads:hover
{
	background-image: url(../images/downloads_mouseover.jpg);
}

a.userlist:hover
{
	background-image: url(../images/userlist_mouseover.jpg);
}

a.squads:hover
{
	background-image: url(../images/squads_mouseover.jpg);
}

a.clanrules:hover
{
	background-image: url(../images/clanrules_mouseover.jpg);
}

a.clanwars:hover
{
	background-image: url(../images/clanwars_mouseover.jpg);
} 

a.awards:hover
{
	background-image: url(../images/awards_mouseover.jpg);
}

a.rankings:hover
{
	background-image: url(../images/rankings_mouseover.jpg);
}

a.serverstatus:hover
{
	background-image: url(../images/serverstatus_mouseover.jpg);
}

a.serverrules:hover
{
	background-image: url(../images/serverrules_mouseover.jpg);
}

a.teamspeak:hover
{
	background-image: url(../images/teamspeak_mouseover.jpg);
}

a.serverstats:hover
{
	background-image: url(../images/serverstats_mouseover.jpg);
}

a.serverlist:hover
{
	background-image: url(../images/serverlist_mouseover.jpg);
}

a.gallery:hover
{
	background-image: url(../images/gallery_mouseover.jpg);
}

a.contact:hover
{
	background-image: url(../images/contact_mouseover.jpg);
}

a.join_us:hover
{
	background-image: url(../images/join_us_mouseover.jpg);
}

a.fight_us:hover
{
	background-image: url(../images/fight_us_mouseover.jpg);
}

a.link_us:hover
{
	background-image: url(../images/link_us_mouseover.jpg);
}

a.impressum:hover
{
	background-image: url(../images/impressum_mouseover.jpg);
}
und die index.xhtml:

Code:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC
	"-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" dir="ltr">
	<head>
		<meta name="author" content="Daniel K&uuml;spert"/>
		<meta name="description" content="Das ist der Webauftritt der Polnische Wurschtfabrik"/>
		<meta name="keywords" content="=|PWF|=, Online Gaming, Counter-Strike Clan"/>
		<meta name="robots" content="index, follow"/>
		<meta http-equiv="pragma" content="no-cache"/>
		<meta http-equiv="content-language" content="de"/>
		<meta http-equiv="content-type" content="application/xhtml+xml; charset=utf-8"/>
		<meta http-equiv="content-style-type" content="text/css"/>
		<meta http-equiv="content-script-type" content="text/javascript"/>
		<script type="text/javascript" src="../inc/java.js"></script>
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="stylesheet" type="text/css" href="../inc/stylesheet.css"/>
		<title>=|PWF|= Clansite | Online Gaming since 2005</title>
	</head>
	<body>
		<div id="maincontainer">
			<div id="maincontainer_center">
				<div id="container_header_main">
					<div id="container_header_left">
						<img src="../images/header_left.jpg" alt=""/>
					</div>
					<div id="container_header_right">
						<img src="../images/header_right.jpg" alt=""/>
					</div>
				</div>
				<div id="container_menu_left">
					<a class="news" href="ka.php"/>
					<a class="newsarchive" href="ka.php"/>
					<a class="forum" href="ka.php"/>
					<a class="guestbook" href="ka.php"/>
					<a class="calendar" href="ka.php"/>
					<a class="votes" href="ka.php"/>
					<a class="links" href="ka.php"/>
					<a class="sponsors" href="ka.php"/>
					<a class="downloads" href="ka.php"/>
					<a class="userlist" href="ka.php"/>
					<img src="../images/clan.jpg" alt=""/>
					<a class="squads" href="ka.php"/>
					<a class="clanrules" href="ka.php"/>
					<a class="clanwars" href="ka.php"/>
					<a class="awards" href="ka.php"/>
					<a class="rankings" href="ka.php"/>
					<img src="../images/server.jpg" alt=""/>
					<a class="serverstatus" href="ka.php"/>
					<a class="serverrules" href="ka.php"/>
					<a class="teamspeak" href="ka.php"/>
					<a class="serverstats" href="http://stats.polnische-wurschtfabrik.de/hlstats.hp"/>
					<a class="serverlist" href="ka.php"/>
					<img src="../images/misc.jpg" alt=""/>
					<a class="gallery" href="ka.php"/>
					<a class="contact" href="ka.php"/>
					<a class="join_us" href="ka.php"/>
					<a class="fight_us" href="http://stats.polnische-wurschtfabrik.de/hlstats.hp"/>
					<a class="link_us" href="ka.php"/>
					<a class="impressum" href="ka.php"/>
					<img src="../images/top_downloads.jpg" alt=""/>
					<img src="../images/partner.jpg" alt=""/>
					<img src="../images/last_registered.jpg" alt=""/>
					<img src="../images/counter.jpg" alt=""/>
				</div>
			</div>
		</div>
	</body>
</html>
Aja wenn ich schon mal was fragen, da ich noch Anfänger bin, was würdet ihr anderst machen in der index.xhtml und stylesheet.css ?

Beste Grüße

Geändert von Küspert (06.12.2006 um 23:53 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 06.12.2006, 23:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard

Komisch ist dass es Lokal funzt ...

Hier mal ein paar Bilder ...

Lokal und normal:



IE und online:



Firefox und Online:

Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 06.12.2006, 23:45
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 792
kadees wird schon bald berühmt werden
Standard

Dein Link funzt nicht: 404 Not Found
Zitat:
The requested URL /pwf/templates/index.xhtml was not found on this server.
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS

Geändert von kadees (06.12.2006 um 23:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 06.12.2006, 23:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard

Scheiß ... kommt davon wenn man auf 3 baustellen gleichzeitig werkelt:

=|PWF|= Clansite | Online Gaming since 2005

THX
Mit Zitat antworten
  #5 (permalink)  
Alt 07.12.2006, 15:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard

Hmm sry for Doppelpost ...

Aber ich habe so eine vermutung, dass die Bilder unterlagert werden wegen dem Background und ich haue ja das Image drüber drum geht das nicht ... Komisch komisch.

Wer ne Idee ? ich weiß schon nicht mehr was ich machen soll ... Und Java will ich ned !! <-- Teufels Werkzeug
Mit Zitat antworten
  #6 (permalink)  
Alt 07.12.2006, 18:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.12.2006
Beiträge: 21
Küspert befindet sich auf einem aufstrebenden Ast
Standard

Hoi,

so habe es nun mit einer <ul> probiert ging aber auch ned ...

Mag jetzt nimmer ...

Bye
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bilder bzw. Text werden bei a:hover 'falsch' verschoben. vinny CSS 4 21.10.2015 07:32
Visual Light Box - Bilder verschoben hasimaus CSS 1 05.02.2011 17:51
Bilder verschoben Tequilla CSS 1 01.11.2009 19:57
bilder und link sind verschoben alejandro CSS 3 28.07.2009 08:08
Photoslide Bilder verschoben Callidus CSS 4 08.08.2008 11:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:12 Uhr.