mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 12.07.2020 11:43 Benutzername: Passwort: Auto-Login

Thema: Layer positionierung horizontal vom 01.08.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Layer positionierung horizontal
Seite: 1, 2  Weiter
Autor Nachricht
zkremenovic
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 01.08.2008 12:10
Titel

Layer positionierung horizontal

Antworten mit Zitat Zum Seitenanfang

ich versuche eine navi zu erstellen mit einem layer. der layer soll sich nach mouse over öffnen, er macht das zwar nur die positionierung ist mozilla und IE unterschiedlich - heißt die positionierung richtet sich nach dem browserfenster aber er soll eine feste position annehmen....wie bekomme ich das hin?

Positionierung Layer

#navi {
position:absolute;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding: 0px;
margin: 0px;
}
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Fr 01.08.2008 12:23
Titel

Antworten mit Zitat Zum Seitenanfang

du hast doch eine absolute positionierung.

kann das grad nicht nachvollziehen.
ist die position in den untersch browsern unterschiedl?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
zkremenovic
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 01.08.2008 12:30
Titel

Antworten mit Zitat Zum Seitenanfang

...das ist ja das komische und ich weiß nicht warum!
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Fr 01.08.2008 12:32
Titel

Antworten mit Zitat Zum Seitenanfang

stell mal

Code:

*  {
  margin: 0;
  padding:0;
}


zu anfangs deine css datei
  View user's profile Private Nachricht senden
zkremenovic
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 01.08.2008 12:58
Titel

Antworten mit Zitat Zum Seitenanfang

...funzt nicht da haut er mir die grafik positionierung auf die linke seite und das problem bleibt gleich!
 
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 37
Geschlecht: Männlich
Verfasst Fr 01.08.2008 13:37
Titel

Antworten mit Zitat Zum Seitenanfang

solange du keinen link postest, dein HTML gerüst und evtl bissel mehr vom css, kann ich nur raten.
  View user's profile Private Nachricht senden
zkremenovic
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 01.08.2008 14:29
Titel

...das ist das html

Antworten mit Zitat Zum Seitenanfang

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Powerslide Racing | 2009</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
<!--
* {
margin: 0;
padding:0;
}

#navi {
position: fixed;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding:0px;
margin:0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'*Schnief*v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color:#020202; background-image:url(pics/hg_page-verlauf.jpg); background-repeat:repeat-x">
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="357">
<?
if ($datei > '0') {
include ("$datei");
}

else {
include ("pages/inhalt.htm");
}
?>
</td>
</tr>
<tr>
<td height="1" style="background-color:#005191"><img src="pics/tr_px.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="100"valign="top" width="960" style="background-color:#000000">
<table height="100" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="345"><img src="pics/welovetoskate_logo2.jpg" width="213" height="94" /></td>
<td width="615" valign="top">
<?
if ($datei > '0') {
include ("$fnav");
}

else {
include ("skates.html");
}
?></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="33" style="background-image:url(pics/hg_nav-bottom.jpg); background-repeat:repeat-x"><table height="33" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat" class="nav-padding"><a href="#" class="nav">PROTECTION</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">TEXTILES</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">BAGS</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">WHEELS</a></td>
<td valign="bottom" class="nav-padding">&nbsp;</td>
<td width="149" align="center" valign="bottom" class="nav-padding" style="background-image:url(pics/hg_nav-bottom-misc.jpg); background-repeat:no-repeat"><a href="#" class="nav"><div id="misc" onmouseover="MM_showHideLayers('navi','','show','misc','','show')" onmouseout="MM_showHideLayers('navi','','hide','misc','','show')"> MISC.</div></a><div id="navi">navi inhalt hier.....</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" align="right" valign="middle"><a href="#" class="navbottom">HOME </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">POWERSLIDE.DE </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">IMPRESSUM </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">CONTACT </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /><span class="nav-bottom">© by POWERSLIDE 2008</span></td>
</tr>
<tr>
<td>?</td>
</tr>
</table>

</body>
</html>
 
zkremenovic
Account gelöscht Threadersteller


Ort: -

Verfasst Fr 01.08.2008 14:30
Titel

sorry das ist das richtige html

Antworten mit Zitat Zum Seitenanfang

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Powerslide Racing | 2009</title>

<link rel="stylesheet" type="text/css" href="css/style.css" />
<style type="text/css">
<!--
* {
margin: 0;
padding:0;
}

#navi {
position: fixed;
right:160px;
top:300px;
width:149px;
height:100px;
z-index:91;
background-color:#666666;
visibility: hidden;
padding:0px;
margin:0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'*Schnief*v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="background-color:#020202; background-image:url(pics/hg_page-verlauf.jpg); background-repeat:repeat-x">
<table width="960" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="357">
<?
if ($datei > '0') {
include ("$datei");
}

else {
include ("pages/inhalt.htm");
}
?>
</td>
</tr>
<tr>
<td height="1" style="background-color:#005191"><img src="pics/tr_px.gif" width="1" height="1" /></td>
</tr>
<tr>
<td height="100"valign="top" width="960" style="background-color:#000000">
<table height="100" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="345"><img src="pics/welovetoskate_logo2.jpg" width="213" height="94" /></td>
<td width="615" valign="top">
<?
if ($datei > '0') {
include ("$fnav");
}

else {
include ("skates.html");
}
?></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="33" style="background-image:url(pics/hg_nav-bottom.jpg); background-repeat:repeat-x"><table height="33" width="960" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat" class="nav-padding"><a href="#" class="nav">PROTECTION</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">TEXTILES</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">BAGS</a></td>
<td align="center" valign="bottom" width="117" style="background-image:url(pics/nav_bottom-button.jpg); background-repeat:no-repeat"class="nav-padding"><a href="#" class="nav">WHEELS</a></td>
<td valign="bottom" class="nav-padding">&nbsp;</td>
<td width="149" align="center" valign="bottom" class="nav-padding" style="background-image:url(pics/hg_nav-bottom-misc.jpg); background-repeat:no-repeat"><a href="#" class="nav"><div id="misc" onmouseover="MM_showHideLayers('navi','','show','misc','','show')" onmouseout="MM_showHideLayers('navi','','hide','misc','','show')"> MISC.</div></a><div id="navi">navi inhalt hier.....</div></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="40" align="right" valign="middle"><a href="#" class="navbottom">HOME </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">POWERSLIDE.DE </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">IMPRESSUM </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /> <a href="#" class="navbottom">CONTACT </a><img src="pics/navi_trennung-linie.png" height="9" width="17" /><span class="nav-bottom">© by POWERSLIDE 2008</span></td>
</tr>
<tr>
<td>?</td>
</tr>
</table>

</body>
</html>
 
 
Ähnliche Themen bottom layer positionierung
[css] Layer horizontal und vertikal mittig ausrichten
innerer layer soll äußeren layer automatisch größer machen
[Dreamweaver] Layer in einem anderen Layer unten ausrichten?
Photoshop Layer exportieren auf einzelne Layer Größe
[CSS] Float - Layer in Layer
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
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.