zurück zur Startseite
  

Registrieren Hilfe Benutzerliste Suchen Heutige Beiträge Alle Foren als gelesen markieren

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, 21: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 22:53 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (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
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, 22: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 22:49 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 06.12.2006, 22: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, 14: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, 17: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

« Vorheriges Thema | Nächstes Thema »
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

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 06:32
Visual Light Box - Bilder verschoben hasimaus CSS 1 05.02.2011 16:51
Bilder verschoben Tequilla CSS 1 01.11.2009 18:57
bilder und link sind verschoben alejandro CSS 3 28.07.2009 07:08
Photoslide Bilder verschoben Callidus CSS 4 08.08.2008 10:32


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:49 Uhr.

Datenschutzerklärung - Impressum - Archiv - Nach oben

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2023, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023