hallo,
ich habe eine frage bzg. der umsetzung des paddings von boxen bei unterschiedlichen webbrowsern:
Bei allen gängigen, aktuelleren Brwosern (Safari, IE, Firefox, Opera) wird es ja dazugezählt, aber wisst ihr wie es mit älteren ausschaut?
lg
hallo,
ich habe eine frage bzg. der umsetzung des paddings von boxen bei unterschiedlichen webbrowsern:
Bei allen gängigen, aktuelleren Brwosern (Safari, IE, Firefox, Opera) wird es ja dazugezählt, aber wisst ihr wie es mit älteren ausschaut?
lg
zb. so:
(ERROR)
im browser bekomme ich einen error angezeigt, so funktioniert leider auch nicht:
(es wird, wenn $s größer gleich 240 ist, hidden ausgegeben)
weiß jemand wie man so was hinkriegt?
wahnsinn!! danke funktioniert echt super..
also nochmals vielen Dank ich check jquery leider einfach ned..
hallo,
Weis jemand, ob man das skript so modifizieren kann, dass sich automatisch die anderen Meüpunkte einklappen, wenn man einen öffnet?
Lg und schon mal im vorhinein danke
niklas
ps.: img html ist auch noch die "main" datei von jquery - ich gluabe version 1.7.1 ´- inkludiert.
<div id="sidebar">
<script type="text/javascript" >
$(document).ready(function() {
$(".expand").click(function(e) {
$("expanded").toggleClass("expand");
$(this).toggleClass("expanded");
$(this).children("ul:first").slideToggle("300");
$(this).children("div:first").slideToggle("300");
e.stopPropagation();
});
}); //$(document).ready
</script>
<ul id="nav">
<li class="expand"><h2>Dienstleistungen für...</h2>
<ul class="expand " >
<li class="expand"><h3>Verwaltung</h3>
<ul class="expand hidden">
<li><a href="asdfsdfasf">Betriebsaufsicht/Kontrolle</a></li>
<li><a href="">Beratung</a></li>
<li><a href="">Sachverständigentätigkeit</a></li>
<li><a href="">Planung und Bauaufsicht</a></li>
</ul>
</li>
<li class="expand"><h3>Industrie</h3>
<ul class="expand hidden">
<li><a href="">Betriebsanlagenplanung</a></li>
<li><a href="">Optimierung</a></li>
<li><a href="">Anlagenrevamping</a></li>
<li><a href="">Behördenmanagement</a></li>
<li><a href="">Sicherheitstechnik</a></li>
<li><a href="">Prüfung nach Gewerbeordnung §82b</a></li>
</ul>
</li>
<li class="expand"><h3>Abfallbehandlung</h3>
<ul class="expand hidden">
<li><a href="">Chemisch-Physikalisch</a></li>
<li><a href="">Kompostierung</a></li>
<li><a href="">Anaerob-Biogas</a></li>
<li><a href="">MBA-Mechnisch-Biologisch</a></li>
<li><a href="">Optimierung</a></li>
<li><a href="">Anlagenrevamping</a></li>
<li><a href="">Behördenmanagement</a></li>
<li><a href="">Sicherheitstechnik</a></li>
<li><a href="">Prüfung nach<br />Abfallwirtschaftsgesetz §62</a></li>
</ul>
</li>
<li class="expand"><h3>Forschung</h3>
</li>
</ul>
</li>
<li onclick="1l ()" class="expand"><h2>Projekte</h2>
<ul class="expand hidden">
<li><a href="">Industrie</a></li>
<li><a href="">Verwaltung</a></li>
<li><a href="">Abfallwirtschaft</a></li>
<li><a href="">Forschung</a></li>
</ul>
</li>
<li onclick="1l ()" class="expand"><h2>Kunden</h2>
<ul class="expand hidden">
<li><a href="">Industrie</a></li>
<li><a href="">Verwaltung</a></li>
<li><a href="">Abfallwirtschaft</a></li>
<li class="lastElement">Forschung</a></li>
</ul>
</li>
</div>
Alles anzeigen
#sidebar {
padding: 0 0 0 0;
color: #8F8F8F;
background-color: #55a779;
float: left;
border: 3px solid #000000;
box-shadow: 0 0 15px 2.5px #000;
}
#sidebar h2 {
padding-left: 5px;
padding-top: 6px;
padding-bottom: 6px;
background: #5C5C5C;
letter-spacing: -.5px;
font-size: 1.8em;
color: #FFFFFF;
font-weight: bold;;
opacity: 1;
text-shadow: 0 0 3px #000;
cursor: s-resize;
width: 250px;
box-shadow: 0 -2.5px 5px #8C8C8C;
}
#sidebar h3 {
letter-spacing: +2.5px;
font-size: 20px;
color: #DD9923;
font-weight: bold;
opacity: 1;
text-align: center;
text-shadow: 0 0 5px #010101;
border-top: 1px #77BD8C solid;
border-bottom: 0px;
box-shadow: 0 2.5px 5px #77BD8C, 0 -2.5px 5px #050505;
cursor: s-resize;
width: 255px;
}
#sidebar p {
margin: 0 0px;
padding: 10px 30px 20px 30px;
text-align: justify;
}
#sidebar a {
border: none;
color: #DD9923;
}
#sidebar a:hover {
text-decoration: underline;
color: #6E6E6E;
}
#sidebar ul {
list-style: none;
color: black;
}
.hidden {
display: none;
}
#sidebar li ul {
}
#sidebar li ul li {
line-height: 35px;
width: 255px;
letter-spacing: +2.5px;
font-size: 20px;
color: #DD9923;
font-weight: bold;
opacity: 1;
text-align: center;
text-shadow: 0 0 5px #010101;
border-top: 1px #77BD8C solid;
border-bottom: 0px;
box-shadow: 0px 4px 5px #77BD8C, 0px -0.25px 2.5px 0px #050505;
cursor: pointer;
}
#sidebar li ul li ul li {
border-right: none;
text-align: right;
width: 250px;
letter-spacing: 0px;
font-size: 20px;
color: #000000;
font-weight: bold;
opacity: 1;
text-align: right;
text-shadow: 0 0 6px #5C5C5C;
border-top: none;
border-bottom: 0px;
box-shadow: none;
cursor: pointer;
}
#sidebar li ul li ul li a {
color: #000000;
}
#sidebar li ul li ul li :hover {
border-right: none;
text-align: right;
width: 250px;
letter-spacing: 0px;
font-size: 18px;
color: #DDDDDD;
font-weight: bold;
opacity: 1;
text-align: right;
text-shadow: 0 0 6px #000000;
border-top: none;
border-bottom: 0px;
cursor: pointer;
}
Alles anzeigen
Hallo,
ich wollte kurz darauf hinweisen, dass im "ajaks- vorlagescript sich ein fehler befindet:
statt txtHint gehört logischerweise "sicherheitshinweise"
Wahrscheinlich ist dieser "fehler" eh beabsichtigt...
lg
add.1)
Zitat1) Kann ich php (mit globalen Variablen) auch ins css-stylesheets verwenden?
meine damit folgendes: wird php in stylesheets auch interpretiert, bzw. würde es funktionieren:
#menue {
margin-top:
<?php
if($page != "sitemap")
{
echo "15px"
}
else
{echo "0px"}
?>
;
Alles anzeigen
add. 2) habe zurzeit leider keine zeit mich mit java tiefgründig auseinanderzusetzten, wäre nett wenn du mir deine idee zukommen sagen würdest...
hat wirklich niemand eine Idee nzg. meinenProblemen?
1) Kann ich php (mit globalen Variablen) auch ins css-stylesheets verwenden?
2) Kann ich mit Java den <title> einer homepadge verändern (siehe bsp.:
"<title>*name der hemopadge* -
<script type="text/javascript" >
var title = 'getElementById(h1)';
document.write( title );
</script>
</title>"
So funktioniert es (leder) nicht... Hat irgendwer von euch eine Idee? (mit phph kann es (?) leider glaube ich nicht gehen, da der Content (inkl. h1) erst später, ebenfalls mittels php includet wird... :O
3) Kann ich mit java ein Menü (sidebar) so konfigurieren, dass es sich bei "mouseover" automatisch (ev. mit einem netten effekt - ist aber nicht so wichtig) ausklappt (und solange die maus über dem objekt bleibt, ausgeklappt bleih (ev mit "onmeouseout" und wenn man darauf klickt, dauerhaft ausgeklappt bleibt?
LG
nima
Ps.: schön habt "ihr" die homepadge überarbeitet (editot, login etc...)
hallo,
Ich bin leider blutiger Anfänger und habe 3 Fragen:
1) sind fertige Css-Templets (wie sie auf zB www.freecsstemplates.org angeboten werden sinnvoll (natürlich nicht zum lernen sondern zum Homepage programmieren...
2) kann man "mit-rutschende" Steuerungen+Kopfzeilen (so wie zB bei Facebook) auch ohne Java/Php-Kenntnisse oder Frames erstellen??
3) wie kann man alle Steuerungen (ohne Frames) auf einmal ändern? (siehe http://www.html-seminar.de/howto-frames.htm dirkt über aufgabe 2)
Vielen Dank schon im Voraus für die Antworten.. ;=)
Ig
nima
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.