Beiträge von hume

Wie berechnet man die tatsächliche Bildschirmgröße (nutze Firefox und Chrome) in Chrome gibt er mir bei iPhone 6 Plus 414x736 aus.

Wie berechne ich dies dann nach http://screensiz.es/iphone-6-2 ?

Guten Tag,

ich gehe von meinen Fall aus, da ich bereits weiß was Block und Inline Elemente sind.

HTML CODE:

<header>
<a href="index.html"> <img src="img/bild.png" height="91" width="251" alt="Bild" title="Bild"> </a>
</header>

CSS Code: 

*
{
    margin:0;
    padding:0;
}

header
{
    height:150px;
    background-color:#D3d3d3;
    background-color:hsla(360,0%,83%,0.2); 
    
    
            
}

Jedoch scheint meine Vorgehensweise nicht wirklich zu funktionieren.

Wenn ich dass Bild ansprechen möchte (img) muss ich class="beispiel" und dies dann per CSS ansprechen?

Zum Beispiel .beispiel img { display:block; } (da Inline Element) oder kann auch der header angesprochen werden?

Wie ist dass eigentlich mit der background-position muss die Grafik in der CSS Datei hinterlegt sein dass es auch funktioniert oder kann es auch von HTML also img angsprochen werden?

Gibt es eine Vorgehensweise welchen tag man anspricht (Blockelement in diesem Fall <header>) usw.?

Kann man irgenwo auch einsehen wenn man z.B. background-position verwendet wie und wo dass angewendet werden kann (wie in diesem Fall)

bin meistens auf https://wiki.selfhtml.org

Habe es nun mit Padding gelöst also:

CSS:

*
{
    margin:0;
    padding:0;
}

header
{
    height:150px;
    background-color:#D3d3d3;
    background-color:hsla(360,0%,83%,0.2); 
    
    
            
}

.logo
{
    display:block;
    padding:25px;
}

Vorgehensweise so richtig?

Zitat von JR Cologne

Ich glaube, ich muss mal kurz was klarstellen:

Das Zurücksetzen von margin sowie padding aller Elemente ist nach der Meinung von MrMurphy unsinnig, womit er sicherlich auch zumindest teilweise recht hat.

Man kann aber trotzdem nicht allgemein sagen, dass es komplett falsch ist, schließlich ist es letztendlich einfach nur eine andere Herangehensweise.

Manche Entwickler vertrauen lieber auf die Defaults der Browser und ändern dann höchstens punktuell Dinge, während andere eben möglichst viel Kontrolle haben wollen und deswegen alle Abstände entfernen, damit man dann selber hingehen kann und diese, wie gewünscht, setzen kann.

Das ist im Prinzip eine Glaubensfrage. Da muss also jeder selbst entscheiden, was er für besser empfindet.

Up to date bleibt man am besten, indem man Blogs, Newsletter und Co liest. Im Idealfall englischsprachig.

Alles anzeigen

Wie soll ich dies genau verstehen (defaults) dass man glaubt es ist alles in Ordnung?

Kannst du ein paar Seiten empfehlen?

Zitat von MrMurphy

Hallo

Welcher Abstand?

Gruss

MrMurphy

Alles anzeigen

Beim Browser (Firefox). Nehmen wir die genannte Grafik, mit der Höhe und Hintergrundfarbe wird die beim Browser von oben verschoben, links und rechts. Es wurden keine Angaben geändert. Woher hast du eigentlich die Info bezüglich Universalselektor?

PS: Wo bleibt man eigentlich immer Up do date? Erneuerungen usw.

Zitat von MrMurphy

Hallo

Gar nicht. Die Angabe ist schlicht unsinnig. Sie löst überhaupt nichts. Deshalb ist auch keine andere Angabe erforderlich.

Gruss

MrMurphy

Alles anzeigen

In meinem Fall soll aber kein Abstand bestehen, jedoch besteht dieser durch dass Entfernen der Angaben.

Hallo MrMurphy,

vielen Dank für deine Antworten, hat mir weitergeholfen.

*
{
    margin:0;
    padding:0;
}

Wie soll dies dann gelöst werden?

Guten Tag zusammen,

ich hätte Fragen zu HTML5 und CSS3 die Fragen sind an Profis gerichtet.

1. Frage zu <header> </header> ich habe keinen div erstellt sondern alles in <header> </header> gepackt. Hierzu die CSS

*
{
    margin:0;
    padding:0;
}


header
{
    background:url(img/testbild.png)no-repeat 25px 25px;
    height:150px;
    background-color:hsla(360,0%,83%,0.2);
    
        
}

Darf dies überhaupt so umgesetzt werden? Mein Bild hat eine Höhe von 91px und eine Breite von 251px. Die Höhe von 150px wird mit der Hintergrundfarbe: hsla ausgefüllt. Sollte überhaupt noch eine alternative Farbe gewählt werden bezüglich unterstützung von Browser, genau gesagt werden überhaupt noch alte Browser häufig genutzt?

Ich habe keine Breite mitgegeben ist dies überhaupt erfoderlich (Es sollte sowieso die komplette Breite genutzt werden) oder führt dies bei manchen Browsern zu Problemen?

Jetzt komme ich auf dass Element <header> </header> zu sprechen. Wie darf dies eigentlich genutzt werden? Ist ein <p> tag erforderlich?

Hierzu einmal <header> <p> Test </p> </header> oder <header>Test</header> welche der beiden dürfen verwendet werden und was ist sinnvoll?

Übrigens dass Webdesign sollte dann Responsiv sein.

2. Frage

Siehe mein Bild: https://www.amazon.de/clouddri…cPHpzCCuDPuaJKTbzDn7RFQdO alle 3 Boxen mit <section> </section> oder doch besser mit <div>? (Derzeit umgesetzt mit <div>). Da theoretisch 3 verschiedene Themen könnte theoretisch auch article verwendet werden. Da doch section ein wenig abweicht oder liege ich hier falsch?

3. Frage

Sollten alle dargestellten Elemente mit div umgesetzt werden oder können es auch die neuen HTML5 Elemente sein?

Was ist erlaubt und sinvoll?

4. Frage

Flexbox ersetzt float ist dies wirklich so? Wer setzt es bereits ein, sehe immer noch viele mit float arbeiten.

5. Frage.

Brauche eine vertrauensvolle Quelle wo ich nachlesen kann welche CSS Befehle, HTML5 Befehle bei welchen Browser unterstützt werden.

6. Frage

Kennt jemand eine Software oder Tool wo man seine Seite am besten offline bei allen wichtigen Browsern testen kann (auch bei alten Browsern, neuen Browsern)?

Wenn es um die Handyoptimierung geht an welche Handys sollte man sich den richten? (Statistiken)?

Gibt es Statistiken bezüglich Browser PC und Handys?

Hallo Boogie61,

für die Fehler mit Überschriften usw.

würde ich die HTML, CSS Datei durch W3C durchlaufen lassen. Dann erkennst du deine Fehler besser und kannst sie auch korrigieren. Da erst h1 kommt und nicht erst h2.

Link HTML Validator: https://validator.w3.org/

Link CSS Validator: https://jigsaw.w3.org/css-validator/

PS: Ich würde dir dringend Raten alle Fehler zu korrigieren, dies kann irgendwann negative Auswirkungen haben auf Seo (Google) etc. Warum nicht gleich alles richtig? Irgendwann musst du vielleicht nochmal alles nacharbeiten.

Weiterhin muss für Seo dass Keyword folgendermaßen vorkommen: Überschrift, Inhalt, URL.

Zitat von MrMurphy

Hallo

Nimm das position: absolute; aus dem footer.

Zusätzlicher Tip: Investier dein Geld in ein aktuelles HTML-/CSS-Buch. Wenn Layouts mit position und / oder float erstellt werden - Finger weg.

Gruss

MrMurphy

Alles anzeigen

Hallo MrMurphy,

habe den Beitrag zufällig gelesen, woher nimmst du die Information dass mit Position und float keine Layouts mehr erstellt werden (Quelle). Woher sollte man wissen ob die aktuellen Standards behandelt werden, wenn in einem Buch HTML 5 und CSS3 steht, muss man sich gewissenweise auf dass Buch verlassen. Man kann die Qualität des Buches vorher nicht erraten. Design ist Ansichtssache und kann nie grundsätzlich bewertet werden, da jeder einen anderen Geschmack hat. Bitte gib ein paar vertrauenswürdige Quellen an (wenn möglich).

Habe es nun einfach mal zum testen so gelöst:

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <title>Box-shadow</title>
    <link href="design.css" rel="stylesheet">
    
</head>

<body>

<div class="schatten">

<img class="hund" src="hund-italien.jpg" width="320" height="340" alt="Welpe"> 

</div>

</body>

</html>

.schatten
{
    position:relative;
    max-width:100%;
    float:left;
}

.schatten::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    box-shadow: inset 10px 10px 10px red;
}

.schatten img {
    float:left;
}

Es funktioniert

Zitat von MrMurphy

Hallo

Der Schatten befindet sich immer hinter dem Element, nicht auf dem Element. Deshalb wird er durch das Bild verdeckt.

Wenn das Bild teilweise transparent ist kann durch die transparenten Teile auch der Schatten gesehen werden. Für sinnvoll halte ich das nicht.

Gruss

MrMurphy

Alles anzeigen

Wie meinst du dass genau? Zum Testen ok, ansonsten bei Bilder vergessen?

Auf der Seite: https://www.html-seminar.de/au…esung-css3-box-shadow.htm wird beschrieben:

Erweiterung der box-shadow-Anweisung: inset

Box-Shadow kann auch mit inset erweitert werden. Dann fällt der Schatten nicht außerhalb des Elementes sondern innerhalb.

Die CSS-Anweisung sieht dann so aus:

box-shadow: inset 10px 10px 10px red;

Bzw. wieder für alle Browser-Varianten:

-moz-box-shadow: inset 10px 10px 10px red;
-webkit-box-shadow: inset 10px 10px 10px red;
box-shadow: inset 10px 10px 10px red;

Einfach einmal testen.

Nun habe ich dies mit dem Testbild getestet und es erfolgt keine Ausgabe.

<!DOCTYPE html>
<html lang="de">

<head>
    <meta charset="UTF-8">
    <title>Box-shadow</title>
    <link href="design.css" rel="stylesheet">
    
</head>

<body>

<img id="hund" src="hund-italien.jpg" width="320" height="340" alt="Welpe"> <!-- Hier nicht -->

<div id="test"> </div> <!-- Hier schon -->

</body>

</html>

/* Hier funktioniert es nicht */
#hund

{
    box-shadow: 10px 10px 10px red inset; 
    
}

/* Hier funktioniert es schon */

#test
{
    position: absolute;
    top:500px;
    left: 200px;
    background-color:gold;
    width: 320px;
    height:340px;
    box-shadow: 10px 10px 50px 20px gray inset;
}

So nun die Frage ist inset überhaupt auf ein Bild möglich?

Zitat von Freddo

Hallo an alle.

Ich habe folgendes Problem. Und zwar bin ich auf diesem Internet-Kurs:"hallo.php" um PHP zu lernen.

Ich habe alles so gemacht wie es dort steht. Aber der Texteditor von Windows 7 (Ich habe Windows 7) möchte keine Anführungszeichen machen. Es kommt eine Fehlermeldung wenn ich versuche die "hallo.php" so zu speichern wie ich es geschrieben habe. Es kommt folgende Fehlermeldung: Eine Datei darf keine folgenden Zeichen haben und dann die Zeichen eben die er nicht annimmt.

Ich hoffe das ich es ausführlich beschrieben habe und verständlich.

Freue mich auf eure Antworten.

MFG

Freddo

Alles anzeigen

Hallo Freddo,

die Datei muss immer ohne Anführungszeichen gespeichert werden - also hallo.php.

Warum verwendest du keinen Editor wie z.B. notepad++. Siehst die Syntax besser usw.

PS: hallo.php

Guten Tag zusammen,

nach langer langer Zeit bin ich nun auch mal wieder hier.

Ich möchte zu einigen Dingen mal meinen Senf dazugegebn.

Die ganze Zeit ist immer die Rede von einer Webspace (das diese sehr viele Einschränkungen haben usw.) wird nicht benannt.

Auch ist FTP nicht mehr zeitgerecht und es sollte am besten SFTP genutzt werden. Mit einem eigenen Server hat man viele Vorteile und unbegrenzte Möglichkeiten.

Dazu zählen Geschwindigkeit, SSL Zertifikate (Lets Encrypt) usw. Natürlich muss der Server auch gepflegt werden, bei richtiger Vorbereitung ist aber der Pflegeaufwand minimal.

Leider wird nur auf Crontab eingegangen und dass wars dann eigentlich auch schon. Es wird auch nicht auf SMTP eingegangen, obwohl heute Mails sehr wichtig sind. Darunter zählen auch (SPF, DMARC, SMTP Banner usw.)

Auch möchte ich noch eine Seite empfehlen: https://mxtoolbox.com/ für Checks von SMTP, Blacklist, mx usw. schaut es euch einfach an.

Schade dass an html-seminar.de und anderen Seiten keine weiteren Zusammenarbeiten, dann wäre der Inhalt sehr umfangreicher.

Eine einfachere Art gibt es nicht mehr?
(Kürzer oder so)

Hallo zusammen,

gibt es eine Möglichkeit wie bei einem normalen Textfeld value="<?php echo $_POST['Test']; ?>"
wenn das Formular felerhaft war, das die Markierungen im Dropdown Feld erhalten bleiben.

Mit freundlichen Grüßen

hume

Hallo Lauras,

anbei der Code:

<form action="index.php" method="post">
<fieldset>
<p class="formtext">Logo hochladen:</p>
<input type="file" name="Datei" class="form" accept="image/*" id="Datei"/>
<label for="Datei"> </label> 	<br />
<p class="formtext">Titel der Seite:*</p>
<input type="text" name="Titel" id="Titel" class="form2" value="<?php echo  $_POST['Titel']; ?>" size="29"   maxlength="50" />
<label for="Titel"> </label> 	<br />
<p class="formtext">Url der Seite:*</p>
<input type="text" name="Url" id="Url" value="<?php echo  $_POST['Url']; ?>" size="29" class="form3"   maxlength="50" />
<label for="Url"> </label>  	<br />
<p class="formtext">Beschreibung:*</p>
<input type="text" name="Beschreibung" id="Beschreibung" value="<?php echo  $_POST['Beschreibung']; ?>" class="form4" size="29"   maxlength="50" />
<label for="Beschreibung"> </label>
<a class="All" href="">Allgemeine Gesch&auml;ftsbedingungen lesen </a>
<input type="checkbox" class="form5" name="Agb" id="Agb" value=""/>
<p class="formtext1"> Hiermit akzeptiere ich die allgemeinen Gesch&auml;ftsbedingungen  </p>
<label for="Agb"> </label>
<input type="hidden" name="hidden" value="1" />
<input type="submit" name="Senden" class="form6" value="Senden" />
</fieldset>
</form>




<?php




if($_POST['Titel'] == "")




{
if ($_POST['hidden'] ==  1)
{
	echo "Es muss dass Feld Titel ausgef&uuml;llt werden!";
	echo $_POST[Titel];
}
}
else
{
$result;
}
 ?>




<?php




if($_POST['Url'] == "")




{
if ($_POST['hidden'] ==  1)
{
	echo "Es muss dass Feld Url ausgef&uuml;llt werden!";
	echo $_POST[Url];
}
}
else
{
$result;
}
 ?>




 <?php




if($_POST['Beschreibung'] == "")




{
if ($_POST['hidden'] ==  1)
{
	echo "Es muss dass Feld Beschreibung ausgef&uuml;llt werden!";
	echo $_POST[Beschreibung];
}
}
else
{
$result;
}
 ?>




 <?php
  if ($_POST['Agb'] == on)
	{




	}
	else
{
   if ($_POST['Agb'])
   echo "Sie m&uuml;ssen die Allgemeinen Gesch&auml;ftsbedingungen akzeptieren um fortzufahren.";
}







  ?>







<?php
	mysql_connect("localhost", "root","")
    	or die ("Verbindung nicht möglich");




	mysql_select_db("Liste")
    	or die ("Datenbank existiert nicht");







	$result = mysql_query("INSERT INTO liste (Titel, Url, Beschreibung) VALUES ('".$_POST['Titel']."', '".$_POST['Url']."' '".$_POST['Beschreibung']."')");




?>

Mit freundlichen Grüßen

hume

Guten Abend zusammen,

habe ein Formular erstellt und möchte dies in eine Datenbank schreiben,leider schreibt er nicht in die Datenbank

Hier mein Code, kurz und bündig

mysql_connect("localhost", "root","")
    	or die ("Verbindung nicht möglich");




	mysql_select_db("Linkroboter")
    	or die ("Datenbank existiert nicht");







//	$result = mysql_query("INSERT INTO liste (Titel, Url, Beschreibung) VALUES ('".$_POST['Titel']."', '".$_POST['Url']."' '".$_POST['Beschreibung']."')");
  	$result = mysql_query("INSERT INTO liste $_POST[Titel], $_POST[Url], $_POST[Beschreibung]");

Zitat

Hundertprozentig sicher, dass du dich nicht verschrieben hast?

Habe die Config.ini.php geänder jetzt funktionierts

Hallo zusammen,

ich habe eine Datenbank erstellt und möchte mit dieser eine Verbindung aufbauen:

<?php
	//Verbindung zur Datenbank herstellen
	mysql_connect("localhost", "root","") or die ("Verbindung nicht möglich");
	mysql_select_db("tutorial") or die ("Datenbank existiert nicht");




	//Alle Kundendaten selektieren
	$result = mysql_query("SELECT * FROM kunden");




	while($row = mysql_fetch_row($result))
    	echo $row[0].' - '.$row[1].'<br />';
?>

Erfolgt local, mit Xampp, Apache ist aktiviert sowie MSQL, es wird aber der Fehler "Datenbank existiert nicht" ausgegeben, obwohl die Datenbank beständig ist.

Hallo Leute,

kennt jemand ein gutes Buch für MSQL Anfänger, welches Schritt für Schritt aufbaut und welches dann auch in der Praxis umgesetzt werden kann, z.B. Webprojekte, PHP. Denn ich habe mich heute ein wenig mit MSQL beschäftigt und habe dabei gemerkt dass ich nichts verstehe und mich am besten mit einem Buch einlernen sollte.

Mit freundlichen Grüßen

hume