Beiträge von explanator

Mit versuchen und probieren wird das nichts.
Wie wäre es denn, wenn du dich mal mit der Materie auseinandersetzt, will heissen lesen und lernen. Wenn du Anleitungen brauchst oder Seiten wo du nachlesen kannst sag Bescheid.
Und du solltest die Seite mit einem normalen Texteditor erstellen, das lehrt am meisten. Notepad++ oder PSpad bieten sich da an, beide kostenlos.

Du fügst Text ein mit JQuery. Das wird über das DOM gemacht. An der Stelle befindet sich also ein Textknoten.
Ein BR stellt aber ein Element im DOM dar.
Daher folgendes vorgehen.
Text splitten.
ersten Text einfügen
BR-Element einfügen in DOM
Zweiten Teil des Textes danach einfügen.
Der Quellcode der erzeugt wird muss so aussehen:

<p>Text1</p>
<br>
<p>Text2</p>

OK, das weiss man ja vorher, sonst macht man das ja nicht so. Dachte schon, da gäbe es andere Probleme.

Fertigen Code gibt es hier nicht, den musst du dir schon selber schreiben, wir helfen nur bei Problemen. Ohne Eigeninnitiative wirst du dir wohl jemanden suchen müssen, der dir deine Seite erstellt. Frontpage ist ein denkbar ungünstiges Hilfsmittel. Nicht umsonst ist es vom Markt genommen worden.

Bevor du dich an solche Dinge wagst, solltest du erst mal HTML und CSS Stand 2013 lernen, da dein Code auf den Stand von vor ca. 15 Jahren ist.

Als TIPP verwende erst mal den http://validator.w3.org/#validate_by_input mit dem Doctype html5, der dir alle Fehler anzeigt.
Mit Tabellen stellt man tabellarische Daten dar, kein Layout.

Lesetipps:
http://www.peterkropff.de/site/html/html.htm
http://css-technik.de/css-examples/219_9/
http://wiki.selfhtml.org/wiki/Startseite

Das weiss ich. Aber da bekommst du Anregungen, Farbeindrücke, Schrift, Abstände etc.
Ein Blog ist ja auch nur eine Internetseite.
Es liegt doch an dir wie du das machen willst. Da kann man nichts anraten. Geschmäcker sind nun mal verschieden.

Für einen Blog schaust du am besten mal bei den gefühlten 100.00 Templates nach, da wird es doch wohl was geben was dich anspricht.
Ansonsten gilt, frage 10 Leute und du bekommst 11 Meinungen.

http://theme.wordpress.com/
http://wordpress.org/themes/

Das mit dem Lineal ist ja dann ein Fehler in der Web-Developer-Toolbar, hat aber ja nichts damit zu tun, was djheke gesagt hat.

Zitat von djheke

Body zu zentrieren ist auf längerer Sicht keine gute Idee. Also lieber Finger weg.

Das höre ich jetzt zum ersten mal, hast du da auch ein gutes Argument dafür?

Bitte die Forenregeln beachten.
Keine Crossposting erstellen -> http://xhtmlforum.de/69907-header-footer-problem.html

Zitat von resteverwerter

das geht am einfachsten, wenn du deine Seite in ein <div>-Element setzt, das dann mittig positionert wird.

Das ist gar nicht nötig.
Das oberste Element einer Seite ist das Element html. Die Seite befindet sich im Element body.
Also kann man auch das body-Element zentrieren und die gesamte Seite sitzt mittig.
Man hat sogar noch noch das html-Element zur Verfügung um den entstehenden Rahmen links und rechts einen anderen Hintergrund zu geben, für visuelle Effekte.

Was mir dabei nicht so gut gefällt ist folgendes:
Es erweitert die Gesamtlänge unnötig.
Hinzu kommt das da steht, wer sich bedankt hat, ist das wirklich wichtig?
Es wird auch eingeblendet wann sich wer bedankt hat, - könnte man ja gleich auch noch einblenden, warum man sich überhaupt bedankt.

Verbesserung wäre nach meiner unbedeutenden Ansicht, wenn es wie folgt realisiert werden könnte:

Thanks, 4 Leute haben sich bedankt. Blog-Eintrag....

Mehr nicht, kurz, knapp, schnittig, wie bei Fratzenheft.

Oder innerhalb des Threads mit anderem Hintergrund um sich abzuheben, so wie das bei Zitaten auch der Fall ist.

Meinungen dazu?

irgendwie nicht. Mag auch sein dass ich mir selbst gerade auf der Leitung stehe.

Also ich glaube du willst das gerade genau anders herum machen, wie eine Imagmap gedacht ist.
In einer Imagemap werden ja Ausschnitte aus dem grossen Bild heraus verlinkt.

Schau dir mal das Beispiel von http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm an.

Zitat

Was fällt uns dazu ein? Wie wäre es mit: Dieses „Chick“ (Mädchen) „sent“ (sendet) „mi“ (mich) „high“ (in den Himmel). Voilá. Ich denke an das Gefühl frischer Liebe und stelle mir vielleicht mein letztes Date vor.

Kannst du mir erklären wie ich mir die 4 Übersetzungsformen von refuse(englisch) einprägen kann. Kann mir immer nur das Wort Müll merken - hmm?

btw: die Übersetzung von mich ist me nicht mi.

Auch nach 2 mal lesen, habe ich nicht dein Problem auffassen können.
Bitte noch mal anders erklären.

Bitte beim IE immer die Versionsnummer angeben, im IE 10 geht es nämlich auf jeden Fall.

Zitat von synaptic

siehste jetzt wer schlicht nen klick auf nen like angebracht

{like klick}
{like klick}

Wenn du ein dropdown-Menü entwerfen willst, darf du nicht mit Tabellen arbeiten.
Ein Menü ist normalerweise eine ungeordnete Liste.

Fang noch mal mit der ungeordneten Liste, danach gehts weiter.

also:

<nav>
    <ul> 
        <li> </li>
...

usw.

Normalerweise nicht ganz so trivial.

Das Problem ist meist die Positionierung der Slider innerhalb der Seite. Die gehen halt nicht davon aus dass da einer 2 Slider einbaut.
Verwende Firefox und lade dir dazu Firebug herunter und analysiere die Slider.

Du kannst auch die Seite hier angeben mit Link, dann schaut ein Experte da mal drüber, ob es überhaupt geht.

Ich gebe dir mal die Startseite in HTML vor, dann hast du schon mal das Grundgerüst:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"> 
    <title>St. Willibrord Wardt Startseite</title> 
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->  
<style>
main, header, nav, footer, section, article, aside {
    display: block;
}
body {
    margin: 0;
    background-color: rgb(222, 222, 188);
    font: 1em arial,helvetica,sans-serif;
}
header {
    margin : 0 auto;
}
nav {
    width: 175px; 
    float:left;   
}
article {
    width: 800px;
    float:left;
    padding:10px;
}
.gratulation {
    font-size:2em;
}
.startbild {
    float: left;
    margin-top: 40px;
    padding: 10px;
}
h1 {
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
}
h2 {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0.83em 0;
}
</style>
</head>


<body>


<header>
    <img src="http://sankt-willibrord-wardt.de/bilder/sww/logo.gif" width="1280" height="125" alt=""> 
</header>
<nav>
    <ul>
        <li><a href="#">Startseite</a></li>
        <li><a href="#1">Seite 1</a></li>
        <li><a href="#2">Seite 2</a></li>
    </ul>  
</nav>
<article>  
    <img class="startbild" src="http://sankt-willibrord-wardt.de/bilder/sww/pfarr.jpg" height="355" width="275" alt="Foto">
    <h1>Die Schützenbruderschaft St. Willibrord Wardt</h1>
    <p class="gratulation">Wir gratulieren unserer neuen Königin Susi Heinen und Ihrem Prinzen Tanko Scholten</p>
    <p>Leider musste die alte Seite aus technischen Gründen abgeschaltet werden. Momentan suche ich nach einem System um sie neu aufzubauen.
            Bis dahin werde ich sie mit alter Technik wieder aufbauen.
            Wer hilfreiche Tipp's oder Anregungen hat schicke diese bitte an:</p>
    <p>webmaster@sankt-willibrord-wardt.de</p>
</article>


</body>
</html>

Verwende einen Editor, der UTF-8 kann und speichere deine Seiten in UTF-8 ab.
Css kannst du in eine eigene Seite kopieren und dann einbinden.
Wie das geht steht unter http://de.selfhtml.org/css/formate/einbinden.htm#separat

Wenn du das in PHP machen willst, würde ich mich erst mal über html und CSS einlesen und danach in PHP einsteigen, sonst kommst du durcheinander.

Lesetipp:
http://webkompetenz.wikidot.com/docs:html-handbuch
und
http://www.peterkropff.de/site/html/html.htm