danke!
also ich muss schon sagen, bis schon nen profi!
ich könnte ja noch nen schritt weitergehen und dann ein bild einblenden lassen, um das ganze wieder anzeigen zu lassen.
Wie mach ich das?
Ich hab das versucht, aber bei mir geht dann gar nichts mehr!
danke ersteinmal für die info dass es geht.
aber irgendwie funktioniert das skript nicht.
es passiert gar nichts mehr, wenn man auf das bild mit der id close klickt!
Hallo,
wie manche wahrscheinlich schon wissen, habe ich eine Funktion in meine Webseite für mein Projekt eingebaut, mit der man einen bestimmten DIV Bereich schließen kann.
Jetzt ist es ein wenig doof, dass man beim Neuladen wieder auf den Button klicken muss.
Kann man das ohne PHP und MySQL lösen?
Hier ist mein bisheriges Skript:
<script type="text/javascript">
function window$onload () {
var el = document.getElementById("close");
el.onclick = function () {
document.getElementById("header").style.display="none";
document.getElementById("content").style.padding="100px 20px 20px 20px";
}
}
window.onload=window$onload;
</script>Mit freundlichen Grüßen,
Philipp E.
es läuft alles nur im FF.
is jetz alles in ordnung. danke!
Ich benutze momentan internet explorer.
bei mir kommt da das:[attachment=0]<!-- ia0 -->Unbenannt.PNG<!-- ia0 -->[/attachment]
jo. aber mit fixed geht immer noch nicht.
ok. hab jetz z-index: 1000;
hier is der komplette code:
HTML
<body>
<div id="navi">
<br />
<ul id="nav">
<li><a href="index.php"><img src="png/menu/home.png" title="Willkommen" width="50" /></a></li>
<li><a id="various2" href="login.txt"><img src="png/menu/key.png" title="Login" width="50" /></a></li>
<li><a id="various22" href="register.txt"><img src="png/menu/register.png" title="Registrieren" width="50" /></a></li>
<li><img src="png/menu/mobile.png" title="Mobile" width="50" /></li>
<li><img src="png/menu/globe.png" title="Download & Co." width="50" /></li>
<li><img src="png/menu/comments.png" title="Reaktionen" width="50" /></li>
<li><a href="impressum.php"><img src="png/menu/vcards.png" title="Impressum" width="50" /></a></li>
</ul>
</div>
...und CSS:
div#navi {
background-color: #3e3e3e;
color: white;
font-family: Arial;
padding: 1px;
border-top: 1px solid #2c2c2c;
width: 100%;
position: relative;
z-index: 1000;
top: 0;
height: 70px;
opacity: 0.1;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}also das mit der Transparenz funktioniert super!
Aber das mit dem Fixieren hab ich nicht so ganz hingekriegt:
Ich habe jetzt bei div#navi folgendes hinzugefügt:
width: 100%;
position: fixed;
top: 0;
height: 70px;
Was muss ich jetzt noch machen? Es klappt nicht: keine Veränderung!
mfg
pe
ach ja:
hier ist das so ähnlich:
<!-- m --><a class="postlink" href="http://daswebdesignblog.de/">http://daswebdesignblog.de/</a><!-- m -->
HTML:
<div id="page">
<div id="header">
<img src="png/logo.png" align="right" width="170" title="Y.T.P" />
<img align="right" src="png/close.png" width="15" height="15" alt="X" id="close" title="Newszeile schließen" /> <h1><span>Yamram</span>.<span>Team</span>.<span>Player</span></h1>
<h2>the possibility for teams, groups and classes</h2>
</div>
<div id="navi">
<ul id="nav">
<li><a href="index.php"><img src="png/menu/home.png" title="Willkommen" width="50" /></a></li>
<li><a id="various2" href="login.txt"><img src="png/menu/key.png" title="Login" width="50" /></a></li>
<li><a id="various22" href="register.txt"><img src="png/menu/register.png" title="Registrieren" width="50" /></a></li>
<li><img src="png/menu/mobile.png" title="Mobile" width="50" /></li>
<li><img src="png/menu/globe.png" title="Download & Co." width="50" /></li>
<li><img src="png/menu/comments.png" title="Reaktionen" width="50" /></li>
<li><a href="impressum.php"><img src="png/menu/vcards.png" title="Impressum" width="50" /></a></li>
</ul>
</div>CSS:
body {
padding: 0px;
margin: 0px;
}
div#header {
padding: 10px;
background-color: black;
font-family: Tahoma;
font-weight: 100;
}
div#navi {
background-color: #3e3e3e;
color: white;
font-family: Arial;
padding: 1px;
border-top: 1px solid #2c2c2c;
position: fixed;
opacity: [0,5];
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=[WERT VON 0-100]);
}also das mit der transparenz klappt bestimmt.
aber das mit dem schönen navi geht irgendwie nicht.
Guck mal hier ist mein Code:
HTML
<div id="navi">
<ul id="nav">
<li><a href="index.php"><img src="png/menu/home.png" title="Willkommen" width="50" /></a></li>
<li><a id="various2" href="login.txt"><img src="png/menu/key.png" title="Login" width="50" /></a></li>
<li><a id="various22" href="register.txt"><img src="png/menu/register.png" title="Registrieren" width="50" /></a></li>
<li><img src="png/menu/mobile.png" title="Mobile" width="50" /></li>
<li><img src="png/menu/globe.png" title="Download & Co." width="50" /></li>
<li><img src="png/menu/comments.png" title="Reaktionen" width="50" /></li>
<li><a href="impressum.php"><img src="png/menu/vcards.png" title="Impressum" width="50" /></a></li>
</ul>
</div>
und hier CSS:
div#header {
padding: 10px;
background-color: black;
font-family: Tahoma;
font-weight: 100;
}
div#navi {
background-color: #3e3e3e;
color: white;
font-family: Arial;
padding: 1px;
border-top: 1px solid #2c2c2c;
position: fixed;
opacity: [WERT VON 0,5];
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=[WERT VON 0-100]);
}Wie muss ichs jetz machen?
Hallo,
bin wieder da!
Und schon hab ich auch eine Frage.
Also, wie kann ich mein Navi fixieren, sodass DIV-Content man scrollen kann und das Navi im oberen Teil bleibt?
Es soll dabei keine zweite Scrollleiste entstehen!
Und weiter:
Wie mache ich das dann transparent, sodass man im Hintergrund noch verblasst die seite sehen kann?
Mit freundlichen Grüßen,
Philipp Escher
Ich würde sagen, benutz einfach eine ältere Version, wenns nötig ist.
So viel neues tolles is da auch nicht bei.
Hallo,
ich würde gern wissen, was ihr von meinen Artikeln haltet. Ich habe das in die Rubrik CSS gepostet, weil der erste Artikel von CSS handelt. Also was sagt íhr zu meinen bisherigen Artikel?
Siehe hier: <!-- m --><a class="postlink" href="http://webspace.dnsalias.net/phome/blog/blog.php">http://webspace.dnsalias.net/phome/blog/blog.php</a><!-- m -->
Mit freundlichen Grüßen,
Philipp Escher
jo, is schon mal nen ansatz.
ja, stimmt das war echt dumm.
Hallo,
ich bin gerade dabei ein Design für mein Projekt yPA zu erstellen. Stellt euch jetzt vor, ich mach folgendes:
<div id="header">
<div id="head">
...
</div>
<div id="suche">
...²
</div>
</div>
Also bei ... kommt die Überschrift rein (<h1>). Und bei ...² kommt ein Eingabefeld und ein Button.
Wie kann ich es jetzt schaffen, dass div#header keinen weißen Abstand rechts, links und oben hat?
Es hat folgende Eigenschaft: width: 100%;
Mit freundlichen Grüßen,
Philipp Escher
das hat mich ja auch gewundert.
DerWaldschrat: Das ist halt Geschmackssache!
Ah, ich hab ein wenig quer gedacht.
Entschuldigung.
Danke sehr.