Siehe Selfhtml: input type="email"
So können sie gleich clientseitig eine browsereigene Vorprüfung vornehmen lassen.
Die Browser verwenden folgenden regulären Ausdruck:
[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*Herzliche Grüße
Robbie
Hallo Nero,
> weil meine Website wohl gehackt wurde. ... Man wird automatisch zu chechandgo weitergeleitet.
1. Nimm die Seite vom Netz!
2. Änder Dein ftp-Passwort
Ich habe in deinen Quellcode geschaut: Du verwendest wohl Wordpress, oder?
3. Installiere WP neu und vergib neue Passwörter für die Datenbank und für WP. Dein Name sollte nicht admin heißen, sondern irgendwie speziell.
4. Reduziere so weit wie möglich fremde Plugins, die nicht aktualisiert werden, die nur wenige Bewertungen haben.
LG resteverwerter
Du musst im head Google-Fonts einbinden, was bei Dir wsl. (so wie du hast anklingen lassen) nicht möglich ist.
schau mal hier:
http://wiki.selfhtml.org/wiki/HTML/Tutorials/Google-Fonts
Erst dann funktioniert font-family mit Schriftarten, die nicht im System gespeichert sind.
LG Matthias
Dein Anliegen ist eher ungewöhnlich! Normalerweise versucht man die Seite an die BREITE anzupassen.
Prozentangaben bei height beziehen sich immer auf den Wert der Breite.
Guck mal hier nach vh: http://wiki.selfhtml.org/wiki/Vh#L.C3.A4ngenma.C3.9Fe
Damit kannst Du relative Längenmaße festlegen.
Generell sollte man aber trotzdem HTML5-Eleemnte und ein responsives Layout verwenden, da immer mehr Leute mit Smartphones ins Netz gehen
LG Matthias
Bitte keine Frames und kein Tabellen-Layout mehr verwenden, die 90er sind vorbei!
Hier findest du einige Tutorials für zeitgemäßes Webdesign: http://wiki.selfhtml.org/wiki/HTML/Tutorials
LG Matthias
Gibt's auch bei SELFHTML: http://wiki.selfhtml.org/wiki/Hyphens
LG Matthias
> achso ja beim submenü habt ihr bemerkt das über dem ersten menüpunkt so ein komischer strich ist???
> weiß jemand warum und wieso und wie ich den wegbekomme???
Du hast in Zeile 119 ein
#nav ul ul {
border-top: 1px solid #e9e9e9;
...
}>ich will den inhalt also das wo die zeilen über apokalypse steht weiter unten haben und die überschrift soll oben bleiben.#
>ich hab das probiert über css mit h1 text-align:center usw doch es geht nicht.
http://wiki.selfhtml.org/wiki/Text-align zentriert den Text, bzw. richtet mit :justify Blocksatz ein.
Du bräuchtest hier margin.
>und dann hab ich noch probiert oben beim header ein border-image für alle seiten zu erstellen mit
>border-left-image: url (...dieUrl)
>dann hab ich einfach das bild so gross wie den ganzen header gemacht aber das ist ja auch nicht die lösung.
Doch das wäre es:
CSS:
header {
background: url(bla.jpg);
text-color:transparent;
}HTML:
<header></header>Pack das Bild in den Hintergrund und ersetz
<div id="header" align="center"> durch <header>
Noch ein paar Tipps:
1. Jag deine Seite durch einen Validator:
https://validator.nu/?doc=http%3A%2…de%2Findex.html
Dann siehst Du wo es evtl. noch hakt.
2. Du verwendest HTML5. Gut!
Dann könntest du auch die neuen Elemente verwenden. Sie sind m.E. übersichtlicher:
http://wiki.selfhtml.org/wiki/HTML/Tuto…5-Grundstruktur
3. Responsivität
Schau mal Deine Seite bei 800px, bzw. 1000px Breite an, vielleicht kannst Du die Grundstruktur dieses Tutorials für Deinen Inhalt und deine CSS-Einstellungen verwenden?
4. Bilder wie <div id="background">
könntest Du direkt als Hintergrundbild in
html {
background: #4a4a4a url(bla.jpg) right no-repeat;
height: auto;
legen
das schnellste wäre:
#nav ul ul {margin-left:-20px;}im CSS-Code
Besser wäre es, Du würdest die ganze #nav ul normalisieren:
#nav ul, #nav li {padding:0; margin:0;}und dann alle Abstände selber festlegen.
Zu dem von MrMurphy vorgeschlagenen Buch gibt's ein Video-Tutorial:
http://www.amazon.de/gp/product/383…&pf_rd_i=301128
Ich galube, aber, dass man sich etwas wie Webseitenerstellung nicht in EINEM Video reinziehen kann, sondern dass über ein-zwei Jahre erarbeiten muss.
LG Matthias
Und deshalb soll man sich Bücher, die ein Thema aktuell in seiner Gesamtheit beschreiben, nicht kaufen?
Doch, Du hast ja recht! Das von Dir empfohlene Buch ist ja auch nicht so teuer!
LG Matthias
Das submenu bezieht sich, da topmenu nicht mit position:relative definiert ist, auf Deinen body!
hier gibt's nen Tutorial für Menüs:
http://wiki.selfhtml.org/wiki/CSS/Anwen…axis/Men%C3%BCs
LG Matthias
Hallo xR0fl, MrMurphy,
Ein Buch als Grundlage ist immer sinnvoll.
Bücher veralten aber auch schnell wieder, genauso wie die ganzen CSS3-Artikel von 2011, die noch Browser-Präfixe für box-shadow im Code haben.
Ein kostenloser Einstieg in HTML ist dieses kurze Tutorial:
http://wiki.selfhtml.org/wiki/HTML/Tuto…-Seitenstruktur im Selfhtml-Wiki.
Sachen wie border-radius, box-shadow, text-shadow kann man gleich verstehen.
Für das geniale Flexbox, dass das nervige Boxmodell ablösen kann (und wird), gibt es hier einige Links (unten im (leider noch nicht fertigen) Artikel):
http://wiki.selfhtml.org/wiki/CSS/Eigen…angaben/Flexbox
Ansonsten wären linear-gradient und transform-transition erwähnenswert, über die es auch schon einige Artikel im Netz gibt:
http://www.mediaevent.de/css/css3.html
http://www.drweb.de/magazin/category/css/
http://www.html5rocks.com/en/search?q=css3
LG Matthias
im Selfhtml-Wiki:
http://wiki.selfhtml.org/wiki/Position
und noch ein guter Artikel:
http://selfhtml.apsel-mv.de/position/position.html
zuerst, die Seite sieht grafisch ganz gut aus,...
aber!!!
1. du mischt HTML, ungültige Html-Elemente , Stil-Definitionen und noch was alles zusammen.
Jag Deine Seite mal durch den Validator:
http://validator.w3.org/check?uri=http…=Inline&group=0
und Du siehst selbst, wo die Fehler sind.
2. Wo kommt der Kasten mit dem Bild hin?
Du hast ja schon in Deinen <div class="container"> Dein Jumbotron-Karussell (mit nur einem Bild!) drin.
Drunter könntest du eine <aside>-Box mit den Infos platzieren und diese rechts positionieren.
3. rechtsklick verbieten, und dann um hilfe fragen ?!?!
4. Für eine moderne Webseite würde ich den Code aufräumen, die Musik über <audio> oder <video> http://HTML/Multimedia und Grafiken/Audio und Video abspielen und auf flash und iframes verzichten.
PS: Vielleicht solltet ihr neben Moderatoren noch Webdesigner suchen!
http://wiki.selfhtml.org/wiki/CSS/Box-Modell
BTW: Ohne HTML-Code kann man nichts zu deinem Layout, bzw. Bild sagen!
Verwende keine frames (macht man wirklich nicht mehr).
Wenn Du immer wiederkehrende Elemente wie header, footer und navigation auslagern willst, nimm php-includes.
Dazu braucht dein Webspace zwar php, abewr das sollte in der heutigen Zeit kein Problem sein.
Im site-header ist das Bild 3200px breit, solche überbreiten angaben bringen einen Scrollbalken, lass alles mal auf 100%, bzw lass. Breitenangaben weg, damit sie das Elternelement einfach so füllen.
Hallo Newbie;
die Breite kannst du mit width bestimmen.
Margin und padding sind Innen - und Außenränder.
Dazu kommt evtl. noch border , die Rahmengröße.
Mehr hier:
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften
http://wiki.selfhtml.org/wiki/CSS/Box-Modell
LG Matthias
google mal nach php include
Damit lagerst Du die Teile, die auf alen Seiten gleich sind, in eine php.inc aus, die du dann wieder aufrufst:
http://www.schattenbaum.net/php/includes.php
LG Matthias
Freut mich, dass Du weiterkommst! Arbeite an deinem Projekt weiter,
aber schau Dir mal auch mal andere Sachen an:
http://www.jsr-hersbruck.de/site/subdomain…gn13/index.html
kommt dank flexbox völlig ohne Breitenangaben aus.
LG Matthias