XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bilder werden überlagert und verschoben. (http://xhtmlforum.de/showthread.php?t=43330)

Küspert 06.12.2006 22:36

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

Küspert 06.12.2006 23:36

Komisch ist dass es Lokal funzt ...

Hier mal ein paar Bilder ...

Lokal und normal:

http://img300.imageshack.us/img300/2...rmalgl4.th.jpg

IE und online:

http://img300.imageshack.us/img300/7...linepw5.th.jpg

Firefox und Online:

http://img300.imageshack.us/img300/4...linegk1.th.jpg

kadees 06.12.2006 23:45

Dein Link funzt nicht: 404 Not Found
Zitat:

The requested URL /pwf/templates/index.xhtml was not found on this server.

Küspert 06.12.2006 23:53

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

=|PWF|= Clansite | Online Gaming since 2005

THX

Küspert 07.12.2006 15:56

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

Küspert 07.12.2006 18:15

Hoi,

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

Mag jetzt nimmer ...

Bye


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:27 Uhr.

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

© Dirk H. 2003 - 2023