Beiträge von resteverwerter

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.

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

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.

http://wiki.selfhtml.org/wiki/CSS/Eigen…%C3%9Fenangaben

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

.galerie div {
    [B]width:30%;[/B]
    margin:1.2em 0 0 2%;
    float:left;
    padding:0;
    color:white;
    [B]height:50px;[/B]

genau! Und wenn du box-sizing verwendest, musst du nicht 2% + 30% +2% +30% +2% +30% rechnen, damit du wirklich unter 100% kommst, sondern kannst einfach 1/3 nehmen:

.galerie div {
    [B]width:33.3%;
    -moz-box-sizing[COLOR=#00AA00]:[/COLOR] border-box[COLOR=#00AA00];[/COLOR] 
    box-sizing:border-box;[/B]
    margin:1.2em 0 0 2%;
    float:left;
    padding:0;
    color:white;
    [B]height:50px;


[/B]

Am besten ganz am Anfang:

*,.*{
  -moz-box-sizing[COLOR=#00AA00]:[/COLOR] border-box[COLOR=#00AA00];[/COLOR] 
  box-sizing[COLOR=#00AA00]:[/COLOR] border-box[COLOR=#00AA00];[/COLOR] 
}

Das gilt dann für alle Elemente und Klassen.

LG Matthias

zur Galerie:

deine Bilder, (bzw. die divs drumrum) sind unterschiedlich hoch, so dass Bild 4 nicht unter 3 liegt, sondern nach rechts weiterläuft. Gib den Divs mal eine feste Höhe

zu Breitenangaben:
>Das mit den "70em" versteh ich nicht ganz. Tut mir leid

>Das mit den font-size:62,5%; mach ich ja damit 1em 10px sind um einfacher mit ems zu arbeiten. <h1> sind bei mir trotzdem noch größer als ein <p>

Probier die Angabe max-width:70em; einfach mal aus und veränder' dann das Browserfenster, so dass du siehst, was bei 500px, 700px, 900px, 1200px Breite passiert.
http://wiki.selfhtml.org/wiki/CSS/Werte….C3.9Feinheiten

Vergiss das mit den 10px; meist ist Text im Internet größer. Ich habe auf meiner Seite body {font-size:100%} und p {font-size:80%;}
Mach Breitenangaben immer in Prozent oder lass sie weg, dann ist das Element so groß wie das Elternelement.
Mach Höhenangaben (nur wenn du sie wirklich brauchst) in px - Vorsicht, sonst hast du dann Text, der überläuft.

Falls du mit dem Boxmodell Probleme kriegst, kannst du auch Box-sizing verwenden.
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/box-sizing

zu den doppelten Tags, das macht wirklich KEINER!

Solange Du eine Beispielseite ausprobierst, darfst du alles machen , was Du willst. trotzdem sind einige Sachen praktischer (auch wenn man es erst später merkt.

1. Textgröße

body {
    font-size:62.5%;
    background-color:#1a1c1d;
    background-image:url(bg.jpg);
    font-family:serif, sans-serif, monospace;

}

Tipp: Lass Font-size hier bei 100%!
Du musst ja mehrere Sachen einstellen, z.B:
h1{ font-size:200%}
p {font-size:100%}

2.Breitenangaben
Ich lasse den body immer mit

body {
max-width:70em;
margin: 0 auto;
}

Bei großen Bildschirmen ist er 70em (Breite eines 'M') breit in der Mitte zentriert, bei mobilen Geräten aber genau so breit wie der Viewport, ohne dass du nach rechts scrollen musst.

Hier sind ein paar Design-Beispiele:
http://wiki.selfhtml.org/wiki/CSS/Templates/Template15
http://www.jsr-hersbruck.de/site/subdomains/index.html

3. HTML5 statt DIV-Suppe
Du verwendest wahnsinnig viele Divs, Eigentlich können alle Browser außer dem IE 8 (noch 5% Nutzer) HTML5. Für den IE8 kannst du eine html5-shiv einbinden (Ist in den Design-Beispielen im Head eingebunden).

Schau mal in diese Artikelserie:
http://blog.selfhtml.org/c/html/html5-serie/

Diese Elemente sind viel übersichtlicher

nav statt div id="nav"

Ich sehe grade:

<header>[COLOR=#000080]  <div id=[COLOR=#0000FF]"header"[/COLOR]>[/COLOR]   [COLOR=#000080]</div>[/COLOR][COLOR=#000080]</header>[/COLOR]

[/COLOR]

Das ist doppelt gemoppelt!