Beiträge von AnyKey

AnyKey

In der Philosophie versucht ein Anbieter bzw. ein Unternehmen in einem kurzen Text Einblicke in seine Arbeitsweise, seinen Qualitätsanspruch und teilweise auch seine unmittelbar mit dem Gewerbe verbundenen Wertvorstellungen zu geben.

Eine solche Philosophie könnte sich z.B. so lesen:

Zitat

Höchste Qualität ist unser Anspruch.
Wir arbeiten zielstrebig und terminnah und setzen auf Kundenfreundlichkeit, Vertrauen und faire Preise.
Als international tätiges Unternehmen handeln wir selbstverständlich stets nach den "Fair-Trade"-Kriterien.

Wundert mich, Gastl, dass Du noch nie auf sowas gestoßen bist.

AnyKey

Hallo,

manche Anbieter stellen auf ihrer Website ja auch eine Philosophie aus.

Liest sich diese überhaupt jemand durch?

Danke schon mal.

AnyKey

Hallo!

Komisch! Ich habe ne Benachrichtigung erhalten, dass lantran hier etwas in diesem Thread geschrieben hat, aber irgendwie wird sein Beitrag bei mir hier nicht angezeigt. Geht das nur mir so oder seht Ihr den Beitrag auch nicht?

Oder wurde der Beitrag etwa wieder entfernt?

AnyKey

Danke für die Beiträge bis dahin.

Ich hatte ja vorher auch schon probiert, die Eingaben zwischenspeichern zu lassen und den Absendevorgang erst auf der Folgeseite (mit der Absende-Bestätigung) durchführen zu lassen.

Allerdings waren auf dem Weg dorthin die Variablen verloren gegangen, so dass beim Testen stets eine leere Mail in den Briefkasten geflattert ist.

Gruß
anykey

AnyKey

Hallo,

ich habe da auch mal ein Kontaktformular nach der PHP-Self-Methode erstellt und würde gerne mal wissen, ob Ihr dort noch Sicherheitslücken oder technische Schwächen drin erkennt:

PHP

<?php
// nach dem Absenden des Formulars
if(isset($_POST['abschicken'])){
    while(list($feld,$wert)=each($_POST)){
        $wert=preg_replace("/(content-type:|bcc:|cc:|to:|from:)/im", "",$wert);
        $$feld=$wert;
        if($feld!="abschicken") $mailnachricht.=ucfirst($feld).": $wert\n";
    }
    $mailnachricht.="\nDatum/Zeit: ". date("d.m.Y H:i:s");
    // Formular-Angaben ueberpruefen
    empty($name) ? $err[] = "<p>* Sie m&uuml;ssen noch Ihren Namen angeben!</p>" : false;
    empty($email) ? $err[] = "<p>* Sie m&uuml;ssen noch Ihre E-Mail-Adresse angeben!</p>" : false;
    empty($text) ? $err[] = "<p>* Das Textfeld ist noch leer!</p>" : false;
    // Ausgabe der Fehlermeldung
    if(!empty($err)) {
        echo "<p><font color=red>Es ist leider ein Fehler aufgetreten:<br /><br /></font></p>";
        foreach($err as $fehler){
            echo $fehler;
        } ?>
        <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post">
        <br><h1>&nbsp;Kontaktformular</h1><br><br>
      <table width="98%" border="0" cellpadding="6" cellspacing="1">
        <tr><td width="35%" align="right" class="fd">*Name:</td><td align="left"><input type="text" name="name" value="<?php echo $name; ?>" style="width:100%;" /></td></tr>
        <tr><td align="right" class="fd">Stra&szlig;e / Hausnr.:</td><td align="left"><input type="text" name="adress" value="<?php echo $adress; ?>" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">PLZ / Ort:</td><td align="left"><input type="text" name="plz" value="<?php echo $plz; ?>" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">Telefon:</td><td align="left"><input type="text" name="phone" value="<?php echo $phone; ?>" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">*E-Mail:</td><td align="left"><input type="text" name="email" value="<?php echo $email; ?>" style="width:100%" /></td></tr>
        <tr><td align="right" valign="top" class="fd">*Nachricht:</td><td align="left"><textarea rows="6"  style="width:100%" name="text"><?php echo $text; ?></textarea></td></tr>
        <tr><td colspan="2"></td><td> </td></tr>
        <tr><td align="right">&nbsp;</td><td align="left" class="fd">*Pflichtfelder<br></td></tr>
        <tr><td colspan="2" align="right" nowrap><br /> <input type="submit" name="abschicken" class="button" value="Senden" style="width:25%" /></td></tr>
      </table>
        </form>

        <br />
        <br />
        <br />
        <p align="center"></p>
<?php    // es wurden keine Fehler gefunden - die Nachricht wird versendet
    } else {
        $mailbetreff="Ihr Kontakt zu Mitralklappenprolaps.org";
        // HIER DIE EMPFAENGER EMAIL-ADRESSE ANPASSEN!!!       
        echo (mail('kontakt@email.org',$mailbetreff,$mailnachricht,'From:'.$email."\r\n".'Mime-Version: 1.0'."\r\n".'Content-Type: text/plain; charset=UTF-8'."\r\n".'Content-Transfer-Encoding: quoted-printable'."\r\n".'X-Mailer: PHP/'.phpversion()))  ? "<p><font color=black><br>Vielen Dank f&uuml;r Ihre Nachricht!<br><br>Ihre Anfrage wird so schnell wie m&ouml;glich bearbeitet.<br><br></font><br /><br /><br /></p><p align=center><br><br></p>": "<p><font color=red>Es ist leider ein Fehler aufgetreten!</font></p>";
    }
// dieses Formular wird dem Benutzer als erstes angezeigt 
} else { ?>
        <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" accept-charset="UTF-8">
        <br><h1>&nbsp;Kontaktformular</h1><br><br>
      <table width="98%" border="0" cellpadding="6" cellspacing="1">
        <tr><td width="35%" align="right" class="fd">*Name:</td><td align="left"><input type="text" name="name" value="" style="width:100%;" /></td></tr>
        <tr><td align="right" class="fd">Stra&szlig;e / Hausnr.:</td><td align="left"><input type="text" name="adress" value="" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">PLZ / Ort:</td><td align="left"><input type="text" name="plz" value="" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">Telefon:</td><td align="left"><input type="text" name="phone" value="" style="width:100%" /></td></tr>
        <tr><td align="right" class="fd">*E-Mail:</td><td align="left"><input type="text" name="email" value="" style="width:100%" /></td></tr>
        <tr><td align="right" valign="top" class="fd">*Nachricht:</td><td align="left"><textarea rows="6"  style="width:100%" name="text"></textarea></td></tr>
        <tr><td align="right">&nbsp;</td><td align="left" class="fd">*Pflichtfelder<br></td></tr>
        <tr><td colspan="2" align="right" nowrap><br />  <input type="submit" name="abschicken" value="Senden" style="width:25%" /></td></tr>
      </table>
        </form>

        <br />
        <br />
        <br />
        <p align="center"></p>

<?php
}
?>

Alles anzeigen

Ich weiss jedenfalls schon mal, dass dort noch ein "htmlcharsets" eingesetzt werden muss, damit das Formular bspw. nicht für Spam-Angriffe missbraucht werden kann.
Ich weiss aber jetzt nicht genau, an welcher Stelle genau diese htmlcharsets eingesetzt werden müssen.
Vielleicht könnt Ihr mir da ja helfen.

Findet Ihr darin vielleicht sonst noch irgendwelche Fehler?

Danke schon mal im voraus.

Gruß
anykey

AnyKey

Gut das stimmt.

Hätte mich auch nicht vor größeren Fragen gestellt, würde es auf der Seite von MySQL eine Kontaktadresse + Kontakthotline zu Rumänien geben.

AnyKey

Hallo,

ich habe mich mal auf mysql.de umgesehen.

Da MySQL dort einerseits als OpenSource ausgewiesen wurde, anderseits dort Lizenzen für MySQL verkauft werden, hat mich das etwas verwirrt.

Ich habe mal aus Neugier dort per Mail angefragt, wie es tatsächlich um die Nutzungsrechte von MySQL steht.

Ich habe eine Antwort-Mail bekommen, dass die mich auf meine Anfrage hin gerne zurückrufen würden.

Kürzlich habe ich jenen Rückruf erhalten, der der Vorwahl nach aus Rumänien abgesetzt wurde.

Auf der Website von MySQL ist jedenfalls keine Kontaktadresse aus oder für Rumänien hinterlegt. Das hat mich dann doch etwas stutzig gemacht.

Ist jemandem von Euch schon mal etwas Ähnliches passiert?

Was denkt Ihr darüber?

Eigentlich habe ich ja mit mysql.de doch die offizielle Website kontaktiert, oder?

Gruß
anykey

AnyKey

Danke.

Es klappt wieder.

Welches Vorgehen würdest Du denn alternativ vorschlagen?

AnyKey

Hilfe!

Ich habe folgendes Problem:

Ich habe zwei verschiedene css-Dateien, einmal für die normale Darstellung und einmal für eine mobile Darstellung.

In der normalen Darstellung wird auch alles so angezeigt, wie es sein sollte.

Nur mache ich das Browserfenster kleiner (bis das media query angesprochen wird), wird die Seite nur noch in der unformatierten, standardisierten HTML-Struktur nach den Browser-Defaults dargestellt (so als ob gar keine Styles definiert wurden).

Ich hab schon alles durchgesehen und finde des Fehler einfach nicht, kann mir jemand helfen?

Hier die Codes:

HTML-Bereich:

Code

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


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


  <link type="text/css" rel="stylesheet" media="screen and max-width:800px" href="CSS/mobile.css">

Die styles.css:

Code

@media all and (min-width:801px) {




body {


    background: linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -moz-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -webkit-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -ms-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -o-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444, endColorstr=#000000,GradientType=1);
    color: #202020;
    font-size:100%;
    font-family: Tahoma, Geneva, sans-serif;
    overflow-x:hidden;
    min-width:800px;
}








#header {
    width:90%;
    padding:2.5% 5%;
    border-top:#606060 solid 4px;
    border-bottom:#202020 solid 4px;
    margin:0;
    overflow:hidden;
    text-align:center;
    background-color:#404040;
}
    #header img {max-width:90%;}


#nav {

    width:100%;
    margin:0;
    color:#DDDDDD;
}
    #nav p {display:inline;}
    #nav img {display:none;}
    #nav a, #nav a:active, #nav a:visited {color:#DDDDDD;}
    #nav a:hover, #nav a:focus {color:white;}
    #navwrapper {width:100%;}
    #nav ul {
        display:block;

        list-style:none;
        margin:0 auto;
        width:100%;
    }
        #nav ul li {

            width:calc(20% - 2px);
            padding:1% 2.5%;
            float:left;
            border-left:#666666 solid 1px;
            border-right:#444444 solid 1px;
            border-bottom:#444444 solid 2px;
            text-align:center;
            color:#DDDDDD;
            font-family:Impact,Charcoal,sans-serif;
            font-size:1.088em;
        }


        #nav ul li:hover {background-color:#CC0000;color:white;}


        #nav ul li ul {display:none;}


        #nav ul li:hover ul {display:block;margin-top:calc(1% + 2px);margin-left:calc(-2.5% - 1px);list-style:none;position:absolute;}        

        #nav ul ul li {display:block;float:none;padding:0.5% 2.5%;text-align:left;font-size:0.938em;font-family:Tahoma,Geneva,sans-serif;font-weight:bold;border-bottom:#CCCCCC solid 1px;background-color:#111111;color:#DDDDDD;}
            #nav ul ul li:hover {background-color:#FF2222;color:white;}


            #spiel-ul {}
            #optionen-ul ul {width:120%;}
                #optionen-ul ul li {width:120%;}
            #highscore-ul {}
            #help-ul {}




#content {
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
    overflow:hidden;
    background-color:#999999;


}


    #userview {width:90%;padding:1.25% 5%;margin:0;color:#EEEEEE;font-size:0.938em;text-align:right;vertical-align:middle;}
        #userview img {max-width:32px;vertical-align:middle;}
            #userview #switchProfileView {margin-top:-1%;}
            #userview .notice {font-size:0.875em;line-height:1.3;}




#leftbar {width:25%;padding:2.5%;margin:0;background-color:#999999;color:ivory;text-align:center;float:left;}


#rightbar {width:60%;padding:1.25% 5%;margin:0;text-align:center;float:left;background-color:rgba(160,160,160,0.75);}


#canvasDiv {
    min-height: 400px;
}


    


#footer {
    width:100%;
    font-size:0.875em;
    overflow:hidden;
    background-color:rgba(8,8,8,0.8);
    color:#EEEEEE;
    padding-bottom:2.5%;

}


    #footer ul {
        list-style:none;
        margin:2% auto;
        display:block;
        text-align:center;
        margin-bottom:2%;
    }

        #footer ul li {
            display:inline-block;
            margin:0 5%;
        }


    #footer p {text-align:center;font-size:0.875em;}





.leftcol {float:left;text-align:left;vertical-align:middle;width:50%;margin:0;}
.rightcol {float:right;text-align:right;vertical-align:middle;width:50%;margin:0;}




#cleft {width:16%;padding:2%;margin:2%;float:left;height:600px;border:2px black solid;}


#cmid {width:42%;padding:2%;margin:2%;float:left;height:600px;border:2px black dashed;}


#cright {width:16%;padding:2%;margin:2%;float:right;height:600px;border:2px black solid;}



.clear {clear:both;}




h1 {font-family:Impact, Charcoal, sans-serif; font-size:2.5em;}
h2 {font-family:Impact, Charcoal, sans-serif; font-size:1.25em;padding-bottom:0.5%;border-bottom:1px black solid;display:block;width:96%;margin:0.5% auto;}


a, a:active, a:visited {color:#F00000;text-decoration:none;}
a:hover, a:focus {color:#888888;}


#flag {width:20px;height:20px;margin:0 auto;}


#socialmediablock {width:99%;margin:0.5% auto;text-align:justify;}
#fullscreenbutton {width:236px;height:24px;margin:1% auto;background-color:#555555;color:#EEEEEE;text-align:center;padding-top:4px;vertical-align:middle;}
    #fullscreenbutton:hover {background-color:#CC0000;color:white;}


#spectatebutton {width:85%;padding:1.5% 2.5% 1.75%;background-color:#555555;color:#EEEEEE;text-align:center;vertical-align:middle;}
#letspectatebutton {width:85%;padding:1.5% 2.5% 1.75%;background-color:#555555;color:#EEEEEE;text-align:center;vertical-align:middle;}
    #spectatebutton:hover,#letspectatebutton:hover {background-color:#CC0000;color:white;}


input, label {}


#userline {background-color:#777777;width:100%;}


#changeDesign {width:90%;padding:2.25% 5% 0;margin:0;color:#EEEEEE;font-size:0.938em;font-weight:bold;text-align:left;vertical-align:middle;}
    #changeDesign span {vertical-align:middle;}
    .cdbutton {width:16px;height:16px;border:1px solid black;display:inline-block;margin:0 0.5%;vertical-align:middle;}
    #greydesign {background-color:#444444;} #reddesign {background-color:#CC0000;} #bluedesign {background-color:#2222FF;}


.scoretable {width:80%;margin:1.25% auto;max-width:960px;border:1px #444444 solid;background-color:#111111;font-size:1.125em;}
.tableheader {width:90%;padding:2.5% 4.7%;margin:0 auto;background-color:#CC0000;color:ivory;border:1px #444444 solid;}
    .tableheader h2 {border-bottom:0;}
    .tablecellleft {width:60%;padding:2.33%;margin:0;text-align:left;color:#CCCCCC;border:1px #555555 solid;float:left;}
    .tablecellright {width:30%;padding:2.33%;margin:0;text-align:right;color:#CCCCCC;border:1px #555555 solid;float:right;}




.textfield {width:85%;padding:3.33%;margin:1.25% auto;text-align:justify;}
    .textfield h2 {border-bottom:0;}


    #credits {text-align:center;}




table  {width:80%;margin:1.25% auto;max-width:960px;border:1px #444444 solid;background-color:#111111;font-size:1.125em;}
table th {width:55%;padding:2.66% 2.33%;margin:0;background-color:#CC0000;color:ivory;border:1px #444444 solid;}
.thpoints {width:25%;}
.thavatar [width:10%;}
table td .playername {width:60%;padding:2.33%;margin:0;text-align:left;color:#CCCCCC;border:1px #555555 solid;}
table td .points {width:25%;padding:2.33%;margin:0;text-align:right;color:#CCCCCC;border:1px #555555 solid;}
table td .avatar {width:10%;padding:2.33%;margin:0;text-align:center;color:#CCCCCC;border:1px #555555 solid;}






/* greystyles */
.greystyle1 {background-color:#202020;} /* body */
.greystyle2 {background-color:#404040;border-top:#606060 solid 4px;border-bottom:#202020 solid 4px;} /* header */
.greystyle3 {border-left:#666666 solid 1px;border-right:#444444 solid 1px;border-bottom:#444444 solid 2px;} /* nav ul li */
.greystyle4 {background-color:#999999;} /* content - leftbar */
.greystyle5 {background-color:#A0A0A0;} /* rightbar */
.greystyle6 {background-color:#555555;} /* fullscreenbutton - spectatebutton - letspectatebutton */
.greystyle7 {background-color:#777777;} /* userline */
.greystyle8 {border:1px #444444 solid;background-color:#111111;} /* table */
.greystyle9 {border:1px #444444 solid;background-color:#CC0000;} /* table th */
.greystyle9a {border:1px #555555 solid;} /* table td */


/* redstyles */
.redstyle1 {background-color:#991111;} /* body */
.redstyle2 {background-color:#800000;border-top:#606060 solid 4px;border-bottom:#400000 solid 4px;} /* header */
.redstyle3 {border-left:#C00000 solid 1px;border-right:#880000 solid 1px;border-bottom:#880000 solid 2px;} /* nav ul li */
.redstyle4 {background-color:#ff5555;} /* content - leftbar */
.redstyle5 {background-color:#ff4040;} /* rightbar */
.redstyle6 {background-color:#AA0000;} /* fullscreenbutton - spectatebutton - letspectatebutton */
.redstyle7 {background-color:#CC1111;} /* userline */
.redstyle8 {border:1px #444444 solid;background-color:#111111;} /* table */
.redstyle9 {border:1px #444444 solid;background-color:#CC0000;} /* table th */
.redstyle9a {border:1px #555555 solid;} /* table td */


/* bluestyles */
.bluestyle1 {background-color:#6666FF;} /* body */
.bluestyle2 {background-color:#1111CC;border-top:#22EEEE solid 4px;border-bottom:#111166 solid 4px;} /* header */
.bluestyle3 {border-left:#666666 solid 1px;border-right:#444444 solid 1px;border-bottom:#444444 solid 2px;} /* nav ul li */
.bluestyle4 {background-color:#8888FF;} /* content - leftbar */
.bluestyle5 {background-color:#4444FF;} /* rightbar */
.bluestyle6 {background-color:#2222CC;} /* fullscreenbutton - spectatebutton - letspectatebutton */
.bluestyle7 {background-color:#1111EE;} /* userline */
.bluestyle8 {border:1px #444444 solid;background-color:#000022;} /* table */
.bluestyle9 {border:1px #444444 solid;background-color:#2222CC;} /* table th */
.bluestyle9a {border:1px #555555 solid;} /* table td */






}

Alles anzeigen

Die mobile.css

Code

body {    background: linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -moz-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -webkit-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -ms-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); background: -o-linear-gradient(-75deg, #444444 0%, #666666 50%, #000000 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444, endColorstr=#000000,GradientType=1);
          color: #202020;
          font-size:100%;
          font-family: Tahoma, Geneva, sans-serif;
          overflow-x:hidden;
        min-width:240px;   }


header { width:90%;
         padding:2.5% 5%;
         border-top:#606060 solid 4px;
         border-bottom:#202020 solid 4px;
         margin:0;
         overflow:hidden;
         text-align:center;
         background-color:#404040;
}
    #header img {max-width:90%;}


#nav {


    width:100%;
    margin:0;
    color:#DDDDDD;
}
      #nav a, #nav a:active, #nav a:visited {color:#DDDDDD;}
          #nav a:hover, #nav a:focus {color:white;}
          #navwrapper {width:100%;}
          #nav ul {
              display:block;


              list-style:none;
              margin:0 auto;
              width:100%;
          }
              #nav ul li {


                  width:calc(20% - 2px);
                  padding:1% 2.5%;
                  float:left;
                  border-left:#666666 solid 1px;
                  border-right:#444444 solid 1px;
                  border-bottom:#444444 solid 2px;
                  text-align:center;
                  color:#DDDDDD;
                  font-family:Impact,Charcoal,sans-serif;
                  font-size:1.088em;
              }


    #nav p {display:none;}


    #nav img {display:inline;}


    #nav ul li:hover {background-color:#CC0000;color:white;}


        #nav ul li ul {display:none;}


        #nav ul li:hover ul {display:block;margin-top:calc(1% + 2px);margin-left:calc(-2.5% - 1px);list-style:none;position:absolute;}


        #nav ul ul li {display:block;float:none;padding:0.5% 2.5%;text-align:left;font-size:0.938em;font-family:Tahoma,Geneva,sans-serif;font-weight:bold;border-bottom:#CCCCCC solid 1px;background-color:#111111;color:#DDDDDD;}
            #nav ul ul li:hover {background-color:#FF2222;color:white;}




            #spiel-ul ul {width:398%;}
            #optionen-ul ul {margin-left:-99%;width:398%;}
            #highscore-ul ul {margin-left:-199%;width:398%;}
            #help-ul ul {margin-left:-299%;width:398%;}


#content {
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
    overflow:hidden;
    background-color:#999999;


}


#userview {width:90%;padding:1.25% 5%;margin:0;color:#EEEEEE;font-size:0.938em;text-align:right;vertical-align:middle;}
        #userview img {max-width:32px;vertical-align:middle;}
            #userview #switchProfileView {margin-top:-1%;}
            #userview .notice {font-size:0.875em;line-height:1.3;}








#socialmediablock {width:96%;}


#leftbar {width:25%;padding:2.5%;margin:0;background-color:#999999;color:ivory;text-align:center;float:none;}


#rightbar {width:60%;padding:1.25% 5%;margin:0;text-align:center;float:none;background-color:rgba(160,160,160,0.75);}


table {width:96%;}




#footer {
    width:100%;
    font-size:0.875em;
    overflow:hidden;
    background-color:rgba(8,8,8,0.8);
    color:#EEEEEE;
    padding-bottom:2.5%;


}


    #footer ul {
        list-style:none;
        margin:2% auto;
        display:block;
        text-align:center;
        margin-bottom:2%;
    }


        #footer ul li {
            line-height:1.3;
        }


    #footer p {text-align:center;font-size:0.875em;}


.clear {clear:both;}


h1 {font-family:Impact, Charcoal, sans-serif; font-size:2.5em;}
h2 {font-family:Impact, Charcoal, sans-serif; font-size:1.25em;padding-bottom:0.5%;border-bottom:1px black solid;display:block;width:96%;margin:0.5% auto;}


a, a:active, a:visited {color:#F00000;text-decoration:none;}
a:hover, a:focus {color:#888888;}


#flag {width:20px;height:20px;margin:0 auto;}


#socialmediablock {width:99%;margin:0.5% auto;text-align:justify;}
#fullscreenbutton {width:236px;height:24px;margin:1% auto;background-color:#555555;color:#EEEEEE;text-align:center;padding-top:4px;vertical-align:middle;}
    #fullscreenbutton:hover {background-color:#CC0000;color:white;}


#spectatebutton {width:85%;padding:1.5% 2.5% 1.75%;background-color:#555555;color:#EEEEEE;text-align:center;vertical-align:middle;}
#letspectatebutton {width:85%;padding:1.5% 2.5% 1.75%;background-color:#555555;color:#EEEEEE;text-align:center;vertical-align:middle;}
    #spectatebutton:hover,#letspectatebutton:hover {background-color:#CC0000;color:white;}


input, label {}


.leftcol {float:none;text-align:left;vertical-align:middle;width:100%;margin:0;}
.rightcol {float:none;text-align:right;vertical-align:middle;width:100%;margin:0;}


#userline {background-color:#777777;width:100%;}
    #userline .leftcol {display:none;}


#changeDesign {display:none;}




.textfield {width:85%;padding:3.33%;margin:1.25% auto;text-align:justify;}
    .textfield h2 {border-bottom:0;}


    #credits {text-align:center;}






table  {width:80%;margin:1.25% auto;max-width:960px;border:1px #444444 solid;background-color:#111111;font-size:1.125em;}
table th {width:55%;padding:2.66% 2.33%;margin:0;background-color:#CC0000;color:ivory;border:1px #444444 solid;}
.thpoints {width:25%;}
.thavatar [width:10%;}
table td .playername {width:60%;padding:2.33%;margin:0;text-align:left;color:#CCCCCC;border:1px #555555 solid;}
table td .points {width:25%;padding:2.33%;margin:0;text-align:right;color:#CCCCCC;border:1px #555555 solid;}
table td .avatar {width:10%;padding:2.33%;margin:0;text-align:center;color:#CCCCCC;border:1px #555555 solid;}

Alles anzeigen

Ganz vielen Dank schon mal im voraus!

AnyKey

Alles klar danke. Ich schau mir das mal an.

AnyKey

Hat bspw. Dreamweaver eine spezielle Funktion hierfür oder müsste man dies stets manuell machen?

Prinzipiell sollte man dies wohl dann auch in einer seperaten Upload-Version machen, da dies im Anschluß kaum noch editierbar ist, weil unübersichtlich.

AnyKey

OK. Wie genau würde man das denn umsetzen?

AnyKey

Genau. So habe ich es bisher auch gehalten. Die Dateiengröße von Bildern lässt sich ja einigen Apps sei Dank manchmal sogar auf ein Bruchteil reduzieren.

AnyKey

Hallo,

ich bearbeite gerade ein Studien-Projekt und die Aufgabe ist es, für ein selbst erstelltes Online-Spiel Social-Media-Funktionen wie "Teilen des erreichten Punktestands" (bspw. auch als Screenshot) oder "Freunde zum Spielen einladen" auf der eigenen Webseite zu implementieren.

Gibt es dafür schon entsprechende Codevorlagen?

Hat jemand mit sowas schon Erfahrung?

Danke schon mal im voraus.

AnyKey

Besten Dank.

Warum Facebook nicht auf Usability setzt, dürfte wohl klar sein. Wenn ich die Benutzereinstellungen verkompliziere, geben die Nutzer mehr von sich preis.

Instagram ist ja noch ein verhältnismäßig junges Portal. Wie populär es bisher ist, kann ich nicht abschätzen.

Wenn ich das richtig verstehe, geht es bei Instagram mehr um Bildertausch.

AnyKey

Hallo,

ist es eigentlich möglich, auf einer Website die Funktion "Nachricht schreiben" über Whats-App zu verlinken?

Glaube, dass ich das auf irgendeiner Seite schon mal gesehen habe.

Nur hatte ich bisher noch nichts herausgefunden, wie so ein Link aufgebaut ist oder ob es möglich wäre, via E-Mail oder Skype auf Whats-App zu posten.

Danke schon mal im voraus.

AnyKey

Juhuuuuuuuuuuuuuuuuuu!

Es funktioniiiiieeeeeert!

Ich habs hinbekommen.

AnyKey

Danke schon mal.

Bisher hat das noch nicht geklappt.

Ich probiere mal was mit css-animation.

AnyKey

Hallo Leute.

Ich habe folgendes Problem, und bin mir nicht sicher, ob das allein mit CSS zu lösen ist:

Ich habe ein Dropdown-Menu entwickelt, dass soweit funktioniert. Solange man nicht mehr als, ich sage mal, 4 Submenu-Items hat, wäre das auch optisch nicht problematisch, wenn das DropDown abrupt aufklappt.

Nur, wenn ich mehr Submenu-Items habe, stört es mich schon, wenn es übergangslos runterklappt.

Kann man es mit CSS allein hinbekommen, dass das Drop-Down-Menu beim Aufklappen mit leichter Verzögerung nach unten scrollt?

Ich poste mal den Code:

Code

<div id="top">
    <div id="topline">
        <div id="toplogo"><a href="#"><img src="img/logo.png" alt="Logo Schriftzug"></a></div>
    <div id="topnav">


        <div class="topnavbutton" id="menuitem1"><ul><li><a href="#">Menuitem1</a></li></ul><br><div class="topnavsubmenu"><ul><li>Submenu-Item1</li><li>Submenu-Item2</li><li>Submenu-Item3</li></div></div>
        <div class="topnavbutton" id="menuitem2"><ul><li><a href="#">Menuitem2</a></li></ul><br><div class="topnavsubmenu"><ul><li>Submenu-Item1</li><li>Submenu-Item2</li><li>Submenu-Item3</li><li>Submenu-Item4</li><li>Submenu-Item5</li><li>Submenu-Item6</li><li>Submenu-Item7</li><li>Submenu-Item8</li></ul></div></div>
        <div class="topnavbutton" id="menuitem3"><ul><li><a href="#">Menu-Item3</a></li></ul></div>
        <div class="topnavbutton" id="menuitem4"><ul><li><a href="#">Menu-Item4</a></li></ul></div>


    </div>
    <div class="0"></div>
    </div>
</div>

Alles anzeigen

Ausschnitt aus der HTML-Datei

Code

#top {
    top:0%;left:0%;
    width:97.5%;
    min-width:780px;
    margin:0 auto;
    padding:0.25% 1.25%;
    background-color:rgba(0,0,0,0.96);
    color:#EEEEEE;
    overflow:hidden;
    font-family:'Special Elite','Lucida Console',monospace;
    font-size:1.063em;
    position:fixed;
    z-index:10;
}
#topline {width:95%;margin:0 auto;}
        #toplogo {width:10%;padding:1% 1.125% 0.5%;float:left;vertical-align:middle}
                    #toplogo img {max-width:100%;display:block;}
        #topnav {width:85.5%;padding-top:1.25%;text-align:center;vertical-align:middle;float:right;}
        .toplink {}

        .toplink:hover, .toplink:focus {background-color:#AA0000;color:white;}

        .topnavbutton {
            margin:0 3.75%;
            display:inline-block;
            vertical-align:text-top;            
        }
        .topnavbutton ul {
            display:inline-block;
            list-style:none;
            margin-top:4px;
            width:100%;
        }
        .topnavbutton ul li {
            display:inline-block;
            padding:4px 8px 2px;
            color:#CCCCCC;
            width:100%;
        }

        .topnavbutton ul li:hover {
            color:white;
            background:#AA0000;

        }
            .topnavsubmenu {

            }

        .topnavbutton .topnavsubmenu {
            display:none;
            margin-top:8px;
        }
        .topnavbutton:hover .topnavsubmenu {
            display:inline-block;
        }
        .topnavsubmenu ul {
            list-style:none;
            padding-bottom:8px;
        }
        .topnavsubmenu ul li {
            display:block;
            padding:4px 8px;
            text-align:left;
            color:white;
            font-family:'Titillium Web',Geneva,sans-serif;
            font-size:0.938em;
        }
        .topnavsubmenu ul li:hover {
            color:#CC0000;
            background-color:transparent;
        }

            #menuitem1 ul {

            }
            #menuitem1 ul li {

            }
            #menuitem1 {
                max-width:57px;    
            }
            #menuitem1:hover {

            }
            #menuitem2 {
                max-width:155px;
            }
            #menuitem2 .topnavsubmenu ul {
                margin-left:-50%;
            }

Alles anzeigen

Ausschnitt aus der CSS-Datei

Falls Ihr Euch jetzt wundert, warum ich nicht ausschließlich ul's und li's verwendet habe, sondern zusätzliche div's, dann lag es daran, dass ich sonst unerwünschte Hover-Effekte habe, bspw. sich das komplette Submenu in der Hoverfarbe des übergeordneten Menü-Items hinterlegt wurde.
Von der optischen Ordnung her passt es sonst so wie gewünscht.

Ansonsten, hättet Ihr ne Lösung? Habe schon mal über Google gesucht, aber das was ich dort gefunden hatte, hatte nicht funktioniert.

Danke schon mal im voraus!

AnyKey

Wichtig ist, dass Du bei der Auswahl darauf achtest, dass der Vertrag fondgebunden ist, denn bei den klassischen gab es nur ne Verzinsung von etwa 2,25% (jetzt in der Nullzins-Wirtschaft womöglich noch weniger).
Fondgebundene Produkte bei soliden Gesellschaften erwirtschaften im Durchschnitt 6% im Jahr (ohne Gewähr). Vielleicht solltest Du evtl. auch noch mal die Nürnberger vergleichen.

Allerdings ändert sich ja ständig etwas.

Ich persönlich würde heute keine Rentenverträge mehr abschließen.

Denn wenn ich 30 Jahre weiterdenke, ist der Währungscrash mit mehr als 90%iger Sicherheit bereits eingetroffen. Den Euro gibts womöglich nicht mehr, zumindest nicht so, wie wir ihn kennen.
In 30 Jahren wird das Rentenalter bereits auf 75 Jahre angehoben sein, wenn die Altersgrenze nicht sogar vollkommen abgeschafft wird.

Fazit:

Versicherungsverträge kosten verdammt viel Geld. Man zahlt gutes Geld ein und bekommt womöglich schlechtes Geld wieder heraus.

Bessere Alternativen:
- Immobilien kaufen und vermieten
- Aktien kaufen wenn die Börse im Keller ist und im Höhepunkt des Wachstums wieder verkaufen
- Ein Job mit geringer körperlicher Belastung, der Spaß macht, den man möglicherweise auch noch mit Freude ausüben kann, bis man in die Kiste springt

Hoffe, ich konnte weiterhelfen.

Beiträge von AnyKey

Liest sich auf der Website überhaupt jemand die Philosophie des Anbieters durch?

Liest sich auf der Website überhaupt jemand die Philosophie des Anbieters durch?

Mailkontakt zu mysql.de und Rückruf aus Rumänien ???

Kontaktformular: Sicherheitslücken und technische Schwächen

Kontaktformular: Sicherheitslücken und technische Schwächen

Mailkontakt zu mysql.de und Rückruf aus Rumänien ???

Mailkontakt zu mysql.de und Rückruf aus Rumänien ???

Hife! Formatierungen von mobilem CSS werden nicht dargestellt

Hife! Formatierungen von mobilem CSS werden nicht dargestellt

Wie lang darf eine mobile Website laden?

Wie lang darf eine mobile Website laden?

Wie lang darf eine mobile Website laden?

Wie lang darf eine mobile Website laden?

Einzelne Webseiteninhalte über Social Media teilen

Social Media Netzwerke und deren Features

What's App-Konto verlinken

Weich scrollendes Drop-Down-Menu mit CSS

Weich scrollendes Drop-Down-Menu mit CSS

Weich scrollendes Drop-Down-Menu mit CSS

Wie ist die Riester Rente der Allianz?