mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 02:19 Benutzername: Passwort: Auto-Login

Thema: Text und Links nicht anwählbar bei Full BG Image vom 31.03.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Text und Links nicht anwählbar bei Full BG Image
Autor Nachricht
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Di 31.03.2009 14:24
Titel

Text und Links nicht anwählbar bei Full BG Image

Antworten mit Zitat Zum Seitenanfang

Wie die Überschrift es schon sagt, habe ich etwas rumgespielt mit dem full Background, habe auch einiges gepackt aber jetzt bin ich an meine Grenzen gestoßen und komme einfach nicht mehr weiter bzw. verstehe es überhaupt nicht warum der ganze Text der auf der Seite ist nicht anwählbar ist, die Links machen auch nciht mit.

Könnt Ihr mir vielleicht helfen?


HTML:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Werbung  ::  Kommunikation  ::  Innovation  ::  Marketing  ::  Konzepte</title>

<link href="css/template.css" rel="stylesheet" type="text/css">


</head>

<body>
<div>
<img id="background" src="images/fullbg.jpg" alt="" title="" />
</div>
<div id="boxRechts">
<div id="bildTest"></div>
<p2>Who is your King?</p2>
<p>Bei uns sind die Kunden einfach glücklicher!
Oder: Bei uns ist auch der Kunde des Kunden König. Klingt komplizierter als es ist: Dass der Kunde bei uns König ist, versteht sich von selbst. Aber das ist nicht alles: Als kompetenter Dienstleister im Handelsbereich kennen wir nicht nur unsere Kunden, sondern auch die Kunden unserer Kunden. Wir wissen, was die Konsumenten
oder die Partner in den Handelsstufen von unseren Kunden erwarten.</p><p>Und mit diesem Know-how entwickeln und realisieren wir Kommunikationskonzepte, die auf den Punkt sitzen. Weil sie genau diese Erwartungen erfüllen. Und wenn der Kunde unserer Kunden glücklich ist, ist auch unser Kunde glücklich. Und wir natürlich auch. Ist doch ganz einfach, oder?</p>
</div>


<div id="boxLinks">
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Eins</a></li>
<li><a href="#">Zwei</a></li>
<li><a href="#">Drei</a></li>
<li><a href="#">Vier</a></li>
<li><a href="#">Fuenf</a></li>
</ul>
</div>
</div>

<div id="navi">
<div id="logoBFN">
</div>
<h1>Werbung  ::  Kommunikation  ::  Innovation  ::  Marketing  ::  Konzepte</h1>
</div>





<div id="scroller">
<div id="content">
</div>
</div>



</body>
</html>



CSS:

Code:
/* CSS Document */

body {
font-size: 11px;           
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif, Helvetica;
padding:0px;
margin: 0px;

}

a {
color:#CCC;
text-decoration:none;
}

a:hover {
color:#666;
text-decoration:none;
}

a:active {
color:#000000;
text-decoration:none;
}

/* --- navi --- */

#navi {
position:absolute;
background-color: black;
width:100%;
height:80px;
z-index: 1;
top:50px;
border-bottom:1px solid white;
border-top: 1px solid white;
}


/* --- main --- */

#boxRechts {
position:relative;
width:400px;
height:auto;
background-color:#fff;
opacity: 0.5;
filter:alpha(opacity=50); /* IE's opacity*/
-moz-opacity:0.5;
z-index:1;
margin-top: 130px;
margin-right:350px;
padding:5px;
float:right;
border:1px solid black;
}

#boxLinks {
background-image: url(../images/transbg.png);
position:relative;
width:200px;
height:400px;
z-index:1;
margin-top: 130px;
margin-left:350px;
padding:5px;
float:left;
border:1px solid black;
}

#bildTest {
background-image: url(../images/logo.png);
width:200px;
height:43px;
float:left;
}



/* --- logoBFN --- */

#logoBFN {
background-image: url(../images/logo.png);
width: 200px;
height:43px;
margin-left:20px;
margin-top:15px;
}


/* --- fullBG --- */

#background {
position:absolute;
z-index:1;
width:100%;
height:100%;
}

#scroller {
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
overflow:auto;
z-index:2;
}
 
#content {
padding:5px 300px 20px 200px;
margin-top: 110px;
}



/*
#fixed2 {
position:absolute;
top:25px;
right:10px;
margin-right:15px; 
width:150px;
z-index:10;
padding:10px;
background-color: #fff;
opacity: 0.5;
border:1px dashed #000;
}



/* --- text --- */

h1 {
color: #fff;
text-align:right;
font-size:10px;
margin-right:15px;

}

h2 {
color: #000;
text-align:left;
font-size:10px;
}

p {
line-height:1.8em;
letter-spacing:0.1em;
text-align:left;
color:#000;
}


p2 {
line-height:1.8em;
letter-spacing:0.1em;
text-align:left;
color:#000;
font-weight:bolder;
text-decoration: underline;
margin-left:30px;
}


/* --- menu --- */

#navcontainer {
position:relative;
}

#navlist {
position:relative;
font-size:10px;
}
  View user's profile Private Nachricht senden
DesignKater

Dabei seit: 26.06.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 01.04.2009 08:47
Titel

Antworten mit Zitat Zum Seitenanfang

Das liegt daran, dass du für alle Bereiche einschließlich dem Hintergrundbild den selben z-index gegeben hast. Änder den z-index bei allen andern außer der #background auf einen anderen Wert als 1. Dann funzt das auch. Der z-index gibt an auf welcher Ebene sich ein Element befindet. Je größer die Zahl desto höher die Ebene. Und der background steht nunmal ganz unten in der Reihenfolge, also 1. Alles andere sollte über 1 liegen.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 01.04.2009 09:38
Titel

Antworten mit Zitat Zum Seitenanfang

der validator sollte auch <p2></p2> als fehler ausspucken.sollte ja sicherlich einen Überschrift werden.
  View user's profile Private Nachricht senden
Star_Scream
Threadersteller

Dabei seit: 26.08.2005
Ort: -
Alter: 41
Geschlecht: Männlich
Verfasst Do 02.04.2009 19:04
Titel

Antworten mit Zitat Zum Seitenanfang

Danke für die Tipps, habe alles was ich wollte zuerst auf z-index:2; gestellt, ging nicht danach auf z-index:3; ging auch nicht. Seltsam das ganze.
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS: background-color von image links
Image Ready - Gepunktete Linien um Slices/Links
Mouseover erweitert Text/Links CSS(3) oder...?
Float-Problem in <li> mit a href (links) und Text (rechts)
[HTML] Navigationsmenü: Button-Grafiken kontra Text-Links
suche ein fall out Image Menu, mit 3 image ebenen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.