Hallo,
naja das es Pflicht ist würde ich so nicht sagen, aber Windows macht doch den Hauptteil aus. So wohl was die Sprachen als auch was das OS betrifft. Prüfung 2009: C#, MSSql, XP und Vista, MS Server 2008. Keine Linux als OS oder Server.
MFG Matthias.
Dann würde ich an deiner Stellen aber C# den Vorrang geben. Das ist in den letzten Jahren auch immer wieder Thema bei den Prüfungen gewesen.
MFG Matthias
Wenn du das Netbook verkaufen willst, dann wirst du doch sicherlich die Platte formatieren und das OS neu aufspielen. Damit dürfte sich das Problem erledigt haben.
p.s.: was ich gerade gefunden habe: http://www.modernboard.de/notebook-probl…start-html.html
Soetwas ist nicht gernen gesehen!
MFG Matthias
invidicult: Handelt es sich bei deiner Ausbildung um den FIAE? Wenn ja dann wirst du nicht um eine dieser beiden Sprachen (Visual Basic oder C#) herum kommen!
MFG Matthias
The User: jetzt sag mir doch bitte mal was dir an meinen Beitrag so weh getan hat und warum du ihn so sinnlos fandest.
Wenn du etwas gegen meine Meinung hast dann kann du das doch sicherlich mit etwas mehr Niveau zu Ausdruck bringen. Aber wie schon von mehreren Usern festgestellt worden ist, hat sich das Klima hier im Forum stark verhärtet.
Wenn ich etwas falsches geschrieben haben dann freut es mich natürlich wenn jemand das richtig stellt.
Aber zurück zum Thema:
Was ist den an Ruby und Qt besser? Mal abgesehen davon das sie Plattform unabhänig sind?
MFG Matthias
Ich denke mal weil man damit unter Windows schnell Erfolge erreichen kann.
Wenn dem so ist würde als bessere Alternative (meiner Maeinung) C# in Frage kommen.
MFG Matthias
Hallo,
nach langen hin und her habe ich es nun doch hinbekommen.
Was gefehlt hat war einmal ein "position: relative" und ein "position: absolute".
Hier der Code so wie es funktioniert:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
</meta><title>Menü zum ausklappen</title>
<link rel="stylesheet" href="menue_ausklappen.css" type="text/css" />
</head>
<boby>
<div id="doc">
<header id="header">
<h1>JavaScript, Animation mit jQuery und dem easing Plugin</h1>
<nav>
<ul>
<li class="active" id="Home"><a href="http://localhost/JavaScript/jQuery/animation_2_1.html">Home</a></li>
<li><a id="Groesser" href="#">Größer</a></li>
<li><a id="Kleiner" href="#">Kleiner</a></li>
<li><a id="Verschieben" href="#">Verschieben</a>
<ul>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
</ul>
</li>
<li><a id="Slide" href="#">Ausbelenden</a></li>
<li><a id="Show" href="#">Einblenden</a></li>
</ul>
</nav>
</header>
</div>
<div style="clear:both;"></div>
<div id="inhalt">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec,
vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium.
Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu,
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut
metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque
sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae
sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris
sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,
</div>
</body>
</html>
und CSS:
header, section, footer, aside, nav, article {
display: block;
}
/* LAYOUT ------------------------------------------ */
body {
background: #fff;
font-size: 12px;
font-color: #444;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
#doc {
width: 100%;
margin: 0 auto;
}
/* HEADER & NAVIGATION ------------------------------ */
#header {
background: #333;
padding: 0 15px;
}
#header h1 {
margin: 0;
padding: 15px 0;
color: #45CC2F;
text-shadow: #a5a5a5 3px 1px 3px;
//color: #A5A5A5;
}
#header nav ul {
list-style-type: none;
font-weight: bold;
margin: 0;
padding: 0 0 0 100px;
}
#header nav ul li {
display: inline;
position: relative;
margin: 0;
padding: 0;
}
#header nav ul li a {
width: 85px;
text-align: center;
display: inline-block;
padding: 2px 10px;
color: #fff;
background-color: #45CC2F;
text-decoration: none;
}
#header nav ul li.active a,
#header nav ul li a:hover {
background-color: #fff;
color: #444;
}
#header nav li ul {
display: none;
opacity: 0.9;
}
#header nav li:hover ul {
display: block;
position: absolute;
}
#header nav li ul li a {
margin-left: 227px;
}Danke noch einmal für die Hilfe.
MFG Matthias
Das hatte ich schon probiert. Es ist das so das die verschachtelte Liste zwar darunter angezeigt wird, aber es verschiebt auch alle weiteren Menüpunkte nach unten.
MFG Matthias
Warum "float:none"?
Ich habe nirgens gefloatet. Mein Csss-Code:
header, section, footer, aside, nav, article {
display: block;
}
/* LAYOUT ------------------------------------------ */
body {
background: #fff;
font-size: 12px;
font-color: #444;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
#doc {
width: 100%;
margin: 0 auto;
}
/* HEADER & NAVIGATION ------------------------------ */
#header {
background: #333;
padding: 0 15px;
}
#header h1 {
margin: 0;
padding: 15px 0;
color: #45CC2F;
text-shadow: #a5a5a5 3px 1px 3px;
//color: #A5A5A5;
}
#header nav ul {
list-style-type: none;
font-weight: bold;
margin: 0;
padding: 0 0 0 100px;
}
#header nav ul li {
display: inline;
margin: 0;
padding: 0;
}
#header nav ul li a {
width: 85px;
text-align: center;
display: inline-block;
padding: 2px 10px;
color: #fff;
background-color: #45CC2F;
text-decoration: none;
}
#header nav ul li.active a,
#header nav ul li a:hover {
background-color: #fff;
color: #444;
}
#header nav li ul {
display: none;
}
#header nav li:hover ul {
display: block;
}MFG Matthias
unknownsoldier: jetzt habe ich das erst mal verstanden wie du das gemeint hast.
Ich bin aber auch manchmal etwas von ...........
Einen Fortschritt habe ich damit schon erreicht. Die Element der Unterliste werden jetzt angezeigt wen ich mit der Maus über das obere Listenelement fahre.
Leider werden diese noch neben einander dargestellt und nicht wie gewünscht unter einander.
MFG Matthias
Also die <ul> ist doch in der <li> drinn! Oder sehe ich das falsch?
MFG Matthias
Im Opera, im FF und im Chromium wird das von mir probierte ohne Fehler angezeigt.
Ich würde euch ja mal eine Link geben, aber wie gesagt läuft das bei mir im Netzwerk nur local.
Ich habe mal 2 Screenshots gemacht. Das erste ist das Menü ohne Verschachtelung:
Das 2 mit unter "<ul>", das was in der Mitte sollte erscheinen wen man mit der Maus über "verschieben" geht:
MFG Matthias
Also mein Browser (Opera 10.60) unterstützt die von mir hier verwendeten Html5 Elemente.
Wie gesagt ohne das verschachtelte "<ul>" wird alles korrekt angezeigt.
MFG Matthias.
Habe ich doch geschrieben, weil ich es ausprobieren will. Also ohne die untere "ul" funktioniert es auch. Nur bekomme ich das mit dem Aufklappen nicht hin.
Aber ich finde sicher noch raus woran das liegt.
MFG Matthias
Hallo,
neuer Tag neue Frage.
Ich habe ein Menü und möchte diesen nun Unterpunkte hinzufügen, diese sollen beim Überfahren nach unten aufgehen.
<div id="doc">
<header id="header">
<h1>JavaScript, Animation mit jQuery und dem easing Plugin</h1>
<nav>
<ul>
<li class="active" id="Home"><a href="http://localhost/JavaScript/jQuery/animation_2_1.html">Home</a></li>
<li><a id="Groesser" href="#">Größer</a></li>
<li><a id="Kleiner" href="#">Kleiner</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<ul>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
<li><a id="Verschieben" href="#">Verschieben</a></li>
</ul>
<li><a id="Slide" href="#">Ausbelenden</a></li>
<li><a id="Show" href="#">Einblenden</a></li>
</ul>
</nav>
</header>
</div>CSS sieht so aus:
header, nav {
display: block;
}
/* LAYOUT ------------------------------------------ */
body {
background: #fff;
font-size: 12px;
font-color: #444;
font-family: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
}
#doc {
width: 100%;
margin: 0 auto;
}
/* HEADER & NAVIGATION ------------------------------ */
#header {
background: #333;
padding: 0 15px;
}
#header h1 {
margin: 0;
padding: 15px 0;
color: #45CC2F;
text-shadow: #a5a5a5 3px 1px 3px;
//color: #A5A5A5;
}
#header nav ul {
list-style-type: none;
font-weight: bold;
margin: 0;
padding: 0 0 0 100px;
}
#header nav ul li {
display: inline;
margin: 0;
padding: 0;
}
#header nav ul li a {
display: inline-block;
padding: 2px 10px;
color: #fff;
background-color: #45CC2F;
text-decoration: none;
}
#header nav ul li.active a,
#header nav ul li a:hover {
background-color: #fff;
color: #444;
}
#header nav ul li ul {
display: none;
background-color: #000;
}
#header nav ul li:hover ul {
display: block;
}Ich weis das das teilweise Html5 ist, ist nur zu Testzwecken in meinen Netzwerk.
Also so wie ich es hier habe klappt das nicht das der eine Punkt nach unten aufklappt.
Wenn mir jemand helfen kann wäre es nicht schlecht.
MFG Matthias
Nimm doch ein Hintergrundbild. Hier beschrieben: http://www.css4you.de/list-style-image.html
MFG Matthias
Das läuft nur hier bei mir in meinen Netzwerk und ich habe auch nicht vor das mal Online zustellen.
Das sind reine Übungen und Tests um zusehen was schon geht und was wie in welchen Browser dargestellt wird.
Was ich am Ende geschrieben haben war nicht gegen dich persönlich gerichtet, sondern ich es mir (und auch sicherlich anderen) aufgefallen das es hier im Forum rauer geworden ist.
Meine eigentliche Frage wurde ja beantwortet, so das ich meine Problem lösen konnte.
Danke
MFG Matthias
Danke.
Es hat an den fehlenden </script> gelegen.
Dargestellt wird die Seite in Oper 10+, Chromium und FF ohne Fehler.
Eines brennt mir schon eine Zeit lang auf der Zunge. Ich bin wirklich dankbar für die Hilfe die ich hier bekommen, aber die Form wie dieses geschieht hat sich in letzter Zeit richtig verschlechtert. Teilweise überlege ich echt lange ob ich hier eine Frage stellen.
MFG Matthias
Leider brauche ich schon wieder Hilfe.
Wie ich schon geschrieben haben befasse ich mich gerade mir js und dort insbesondere mir jQuery.
Ich habe eine html Datei mit js, diese wird im Opera ohne Probleme angezeigt und das js wird auch so ausgeführt wie es seien soll.
Im FF passiert von den js über haupt nichts, obwohl js im FF aktiviert ist.
Hier mal der Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Animation mit jQuery und CSS</title>
<link rel="stylesheet" href="animation_2_1.css" type="text/css" />
<script type="text/javascript" src="Scripte/jquery.js"/>
<script type="text/javascript" src="Scripte/jquery.easing.1.3.js" />
<script type="text/javascript" >
$(document).ready(function(){
$("#Groesser").click(function(){
$("#Fade").animate({
width: "+=10px",
height: "+=10px"
}, 600);
});
$("#Kleiner").click(function(){
$("#Fade").animate({
width: "-=10px",
height: "-=10px"
}, 600);
});
$("#Links").click(function(){
$("#Fade").animate({
marginLeft: "-=20px"
}, 600);
});
$("#Rechts").click(function(){
$("#Fade").animate({
marginLeft: "+=20px"
}, 600);
});
$("#Slide").click(function(){
$("#Fade").slideUp("slow");
});
$("#Show").click(function(){
$("#Fade").show("slow");
});
});
</script>
</head>
<body>
<div id="doc">
<header id="header">
<h1>JavaScript, Animation mit jQuery und dem easing Plugin</h1>
<nav>
<ul>
<li class="active" id="Home"><a href="http://localhost/JavaScript/jQuery/animation_2_1.html">Home</a></li>
<li><a id="Groesser" href="#">Größer</a></li>
<li><a id="Kleiner" href="#">Kleiner</a></li>
<li><a id="Links" href="#">Links</a></li>
<li><a id="Rechts" href="#">Rechts</a></li>
<li><a id="Slide" href="#">Ausbelenden</a></li>
<li><a id="Show" href="#">Einblenden</a></li>
</ul>
</nav>
</header>
<section id="content">
<div class="fade" id="Fade"></a></div>
</section>
</div>
</body>
</html>
Ich finde den Fehler leider nicht, vielleicht jemand von euch.
MFG Matthias
Fehler gefunden!
Es hat ein schließendes Klammern Paar gefehlt:
<script type="text/javascript" src="Scripte/jquery.js"/>
<script type="text/javascript" src="Scripte/easing.js" />
<script type="text/javascript" >
$(document).ready(function(){
$("#Verkleinern").click(function(){
$("#Fade").animate({
width: "-=40px",
height: "-=40px"
}, 600);
}); //das hat gefehlt
});MFG Matthias