Hallo MrMurphy,
vielen Dank für deine Hilfe. Könntest du mir vielleicht sagen wie du z.B. #efefef in HSLA umrechnest? Ich habe gehört, dass HSLA immer beliebter wird.
Dann hätte ich noch eine zweite Frage, die hat mit diesem Thema nichts zu tun, vielleicht hast du auch darauf eine Antwort. Ich möchte gerne vor und nach einer h4 Überschrift ein - setzten der bis zum Seitenanfang / Ende geht. Benötige ich dafür vor und nach der h4 ein weiteres DIV oder SPAN?
Hallo MrMurphy,
danke, das schaut genau so aus wie auf dem Bild. Wahnsinn was man alles mit CSS machen kann. Dazu noch eine Frage. Wie kann ich dieses dem Body ganz oben anordnen. Dass dieser Verlauf bei jeder Seiet ganz oben steht. Höhe vielleicht so 50px?
Hallo,
ist es möglich folgende Grafik nur mit CSS nachzubauen?
[Blockierte Grafik: http://www.bilder-upload.eu/upload/49a9b5-1483287659.jpg]
Eine kleine Besonderheit wäre noch ganz toll. Die Verteilung sollte automatisch passieren, immer vom Browserfenster abhängig.
Mir würden schon 4 Farben reichen. Danke für eure Hilfe.
Hallo,
hab ein kleines Problem. In Gimp habe ich folgende Vorlage erstellt, diese möchte ich nun 1zu1 in HTML und CSS umsetzten, wenn möglich
[Blockierte Grafik: http://www.bilder-upload.eu/upload/fca3cb-1481470002.jpg]
Mein Ansatz war so:
<form>
<label for="s">Nach was wollen Sie suchen?</label>
<input type="text" name="s" class="search" placeholder="Suchbegriff / Artikelnummer">
<button id="btn-search"></button>
</form>form label {
display: none
}
.search {
border: 1px solid #efefef;
padding: 1em;
width: 25em;
border-radius: 1px;
}
#btn-search {
background-image: url(http://www.bilder-upload.eu/upload/a0d0b0-1481469460.png);
background-position: .5em center;
background-repeat: no-repeat;
padding-left: 2em;
border: none;
width: 20px;
height: 20px;
margin-left: -47px;
padding-top: 42px;
position: absolute;
}http://codepen.io/anon/pen/rWZNNL
Sieht leider nicht so aus wie auf dem Bild. Kann mir hier jemand weiterhelfen, dass es so ausschaut wie auf dem Bild?
Nebenbei, ohne Bezug zum Problem: Das die margin-top-Anweisung von der nachfolgenden margin-Anweisung überschrieben wird ist dir bekannt?Ist mir bekannt, denn der Browser geht von oben nach unten die CSS Datei durch. Dieses obere CSS war noch von einer früheren Variante drin, hab es raus geworfen.
align-items: center;Danke habe ich so umgesetzt und es funktioniert:
http://codepen.io/anon/pen/gLeVQK
<main>
<div class="titel">
<h2>Artikelübersicht</h2>
<img src="http://www.bilder-upload.eu/upload/6d1979-1481029090.png" alt="Artikel hinzufügen">
</div>
</main>.titel {
display: flex;
justify-content: space-between;
padding: 1em;
max-width: 500px;
margin: 0 auto;
align-items: center;
}Danke für deine Hilfe.
Hallo,
ist es möglich ohne ein HTML anzupassen
<div>
<h2>Artikelübersicht</h2>
<img src="http://www.bilder-upload.eu/upload/6d1979-1481029090.png" alt="Artikel hinzufügen">
</div>Die <h2> sollte auf der linken Seite stehen und das + auf der rechten Seite
EDIT:
Ich dachte in etwa so: http://codepen.io/anon/pen/gLeVQK allerdings wird jetzt mit + total zerrissen, sprich es wird größer dargestellt als es überhaupt ist. Warum? Und wie kann ich dieses verhindern?
Kann man ja auch. Die Bilder werden bei mir später in einer MySQL Tabelle gespeichert. Nach dem Upload sollte man dann auf die ansicht.php weitergeleitet werden.
Klick hier http://fineuploader.com/demos.html doch einfach mal auf Upload Files dann siehst du was die Seite machst. Kennst du "drop upload html5" genau das macht das Script bzw. ist genau das was ich suche.
Kann es sein, dass du meinen Link dir nicht angesehen hast? Ich möchte kein fertiges Galerie Script wo ich erst einmal 50000 Dateien anpassen muss für eine Funktion die ich benötige.
Danke für deine Antwort. Ich möchte aber keine Galerie anlegen sondern es sollen unendlich viele Bilder hochgeladen werden können. Am besten ich ziehe die von einem Order in ein Feld wie man es z.b. auch aus Wordpress gewöhnt ist. Mein Problem ist einfach, dass alle Scripte die ich mir angesehen habe so aufgebaut sind, dass ich keine Beschreibung pro Bild hinzufügen kann. Ich muss wohl leider den Umweg gehen dass ich die Bilder erst hochladen lasse und danach diese Editieren muss um eine Beschreibung hinzuzufügen, was sehr umständlich ist. Lässt sich aber anscheinend nicht umgehen.
Guten Abend,
ich benötige Hilfe bei einem kleinen Problem. Auf meiner Seite möchte ich gerne dem User die Möglichkeit geben mehrere Bilder in eine Galerie hochzuladen wie z.B. hier: http://fineuploader.com/demos.html alles schön und gut, aber der User sollte zu jedem Bild noch eine kleine Beschreibung mit angeben können und da wird es schon schwieriger. Kennt jemand ein kleines Script welches dieses kann?
Hallo,
eine kleine Frage, sind solche Balken, die von unten nach oben laufen allein mit CSS realisierbar?
Guten Morgen,
vielen vielen Dank für den Hinweis mit 33,33% Manchmal sieht man den Wald vor lauter Bäume nicht. Ich bin jetzt wirklich ungelogen mehrere Stunden an einer Lösung gesessen und habe irgendwie alles probiert nur auf die Idee mit den 33.33% bin ich nicht gekommen 
Vielen Dank und einen schönen Sonntag.
Hallo,
ich habe meine Webseite für Mobilgeräte optimiert: http://123456789.bplaced.net/ Mein Problem ist die Navigation. Auf dem Desktop sieht diese toll aus, auf dem Handy schaut sie auch gut aus nur dazwischen bin ich überhaupt nicht zufrieden. Würde gerne folgendermaßen die Navigation gestallten:
- Desktop so wie sie jetzt ist
- Handy so wie sie ist
Dazwischen sollten sich die Bereiche den Platz (jeder Punkt gleich groß)selber aufteilen. Wenn man die Navigation zusammen schiebt sollen irgendwann die Navigation zwei Zeilig werden, sprich "Home" sollte verschwinden und die anderen 6 Punkte gleichermaßen untereinander, dass man eine schöne gleichmäßige Navigation hat.
Könnt ihr mir dabei vielleicht helfen? Ich wäre dafür sehr dankbar.
Hallo,
hab eine Seite gefunden: http://www.rapidtables.com/convert/color/rgb-to-hsl.htm wo ich die RGB Werte in HSL Werte umwandeln kann. Leider kann dieses Sublume Text nicht automatisch bzw. per Autovervollständigung, daher der etwas umständlicher Weg über die WebSeite.
Also von dieser Seite http://lea.verou.me/css3patterns/ bin ich sehr begeistert. Vielen Dank für den Link. Wahnsinn was man alles nur mit CSS machen kann.
Hallo,
ich habe nochmals eine Frage. Auf meiner Webseite gibt es eine Top Navigation, diese sieht so aus:
<nav class="nav-first">
<ul>
<li><a href="#">Startseite</a></li>
<li><a href="#">Über mich</a></li>
<li><a href="#">Hundebetreuung</a></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Datenschutz</a></li>
<li><a href="#">Bilder</a></li>
</ul>
</nav>Darunter gibt es ein Bereich, wo ich den jeweiligen Text ausgeben lasse
<section class="page-header">
<div class="page-header-description">
<h2><span class="fa fa-arrow-right right-fa-abstand" aria-hidden="true"></span> Startseite</h2>
<p>Hier kommt Inhalt rein</p>
</div>
</section>Jetzt möchte ich folgendes erreichen:
Klick ein User auf einen Navigationspunkt, sollte dieser auf aktiv gesetzt werden (klasse hinzufügen, vielleicht mit jQuery und der Funktion .addClass?) und im unten Bereich (section class="page-header) sollte sich der Text mit einem kleinen Effekt wechseln, z.B. langsames ein und ausblenden.
Wie könnte ich dieses umsetzten?
Edit: Hier habe ich etwas gefunden:
Jetzt fehlt mir eigentlich nur noch der "weiche" Übergang und das hinzufügen einer Class?
Hallo MrMurphy,
wow, vielen vielen Dank für deine Hilfe. Sieht genau so aus wie auf meiner Vorlage.
EDIT: Noch eine Frage, warum verwendet du hsla und kein RGB oder RGBA?
Hallo,
eine kleine Frage, wie würdet ihr diese Grafik mit CSS umsetzten oder viel HTML zu nutzen?
[Blockierte Grafik: http://www.bilder-upload.eu/upload/00b9d5-1472900184.png]
<div class="description">
<ul>
<li>Aufzählung 1</li>
<li>Aufzählung 2</li>
<li>Aufzählung 3</li>
</ul>
</div>Soweit so gut. Jetzt ist die Frage soll ich für den Balken rechts ein weiteres DIV / Span einfügen oder kann ich dieses irgendwie anderes lösen?
Hallo,
das war tatsächlich richtig. Ich hatte das Formular aus meiner Kontakt.php kopiert. Danach habe ich das BCC raus geworfen, aber im Code:
->setBCC($data['bcc']['email'],$data['from']['name']);stehen lassen. Dadurch ist der Fehler entstanden.
Vielen Dank, so hat es geklappt
$mytext1 = array();
$mytext2 = array();
$mytext3 = array();
$mytext1 = $_POST["mytext1"];
$mytext2 = $_POST["mytext2"];
$mytext3 = $_POST["mytext3"];
for($i = 0; $i < count($mytext1); $i++)
{
echo "<p>". $mytext1[$i] ." / ". $mytext2[$i] ." / ". $mytext3[$i] ."</p>";
}
Hallo,
ich habe nochmals eine Frage. Und zwar baue ich meine Mail folgendermaßen zusammen
$data['html'] = '
<html>
<head>
<title>Test Anfrage</title>
</head>
<body>
<div>
<p>'.$data['email'].'</p>
<p>----------------------</p>';
for($i = 0; $i < count($mytext1); $i++)
{
$data['html'] .= '<p>'. $mytext1[$i] .' / '. $mytext2[$i] .' / '. $mytext3[$i] .'</p>';
}
$data['html'] .= '
<p>----------------------</p>
</div>
</body>
</html>';Ich bekomme dadurch leider eine weiße Seite, ohne Fehler. Zum Versenden nutzte ich http://swiftmailer.org/ Sehr ihr vielleicht den Fehler? Ich vermute es hat etwas mit dem unterbrechen von dem HTML $data['html'] zu tun oder ich baue die schleife falsch ein. Vielen Dank vorab für eure Hilfe und Geduld.