Beiträge von Flow Snow

Du gehst die Sache leider komplett falsch an, wenn du das Seminar durch hast kommst du von ganz allein auf die Lösung, nur so lernst du, nur so wirst du Erfolg haben, es geht nicht darum in 2 Tagen Google nach zu bauen, es geht darum alles was man tut auch nachvollziehen zu können.

Gib es bitte auch gleich auf weiter nach zu fragen, ich denke dir Chance das du auf deine Frage eine Antwort bekommst ist sehr gering.

Wir sind keine Problemlösung, wir sind Menschen die dir Ratschläge und Hinweise geben wie du zum Ziel kommst.

Arbeite am Besten erst ein mal das Seminar komplett durch bevor du weiter fragst, tue dir und uns den Gefallen...

Dann musst du h1 { text-align: center; } setzen und das Ganze bitte auslagern:

HTML Datei:

<h1>Überschrift</h1>

CSS Datei:

h1 {
  text-align: center;
}

Wie du CSS auslagerst erfährst du hier (3. Punkt)

Zitat von "SAW F1ghtM4ch1ne"

hab gelesen dass man das auch innerhalb des html-dokuments machen kann

Man kann auch rückwärts Auto fahren, es ist aber nicht der beste Weg, so sieht es hier auch aus, Aufteilung (HTML) und Design (CSS) immer trennen.

Man muss hier auch bedenken das ein Blockelement 100% Breite einnimmt, also sinnlos es einfach zu zentrieren, man muss schon eine Breite angeben.

Jetzt würde mich mal brennend interessieren warum man den Text in der Überschrift nicht zentrieren soll sondern die Überschrift, wenn man immer so denken würde wären relative Layouts doch ein Ding der Unmöglichkeit?

Du musst auf jeden Fall komplett volljährig sein weil du voll vertragsfähig sein musst.

Ansonsten müssen deine Eltern oder erwachsene Freunde das machen, denk auch daran das im Impressum eine volljährige Person eingetragen werden muss.

Oder auch mit CSS.

Ich fahre jetzt erst mal bis nächste Woche Samstag in den Urlaub, ich wünsche euch bis dahin eine schöne Zeit und man sieht sich

So ich entschuldige mich für den unnötigen Mehrcode, so geht es natürlich auch und ist "besser":

<a href="#">
    <span>Zur Startseite</span>
  </a>

* {
    margin: 0;
    padding: 0;
  }




  a {
    position: absolute;
    display: block;
    width: 100px; /* Breite des Bildes */
    height: 200px; /* Höhe des Bildes */
    background: transparent url(link/zumBild.jpg) top left no-repeat;




    top: 50%;
    margin-top: -100px; /* -(halbe Höhe des Bildes) */
    left: 50%;
    margin-left: -50px; /* -(halbe Breite des Bildes) */




    text-decoration: none;
  }




  a span {
    position: relative;
    left: -999em;
  }

Natürlich müssen bei margin-top: ; und margin-left: ; noch Innenabstände berücksichtigt werden, sprich ein mal den Innenabstand (padding: drauf rechnen!

Wir schließen hier auch nicht, vielleicht hat später noch mal jemand eine Frage, was genau hast du denn nicht verstanden, also wo ist Klärungsbedarf?

Okay ich bin beruhigt

Gerne doch, bei Fragen weißt du bestimmt was du tun kannst

Zitat von "Bladz"

Ich will auf meiner Seite ein weiterleitendes Bild haben, quasi als Intro.

Tust du dem Internet bitte einen Gefallen und lässt das? Das ist absolut unnötig und deprimiert viele BEsucher die auf deine Seite wollen, also absolut überflüssig und hinderlich, in Fernsehsprache ausgedrückt ist es einfach Bullshit

Lösbar wäre es so:

<a href="#">
    <span>Zur Startseite</span> <!-- Dieser Teil ist z.B. fuer Suchmaschinen wichtig
                                     und wird einfach per CSS versteckt. -->
    <img src="verz/img.png" alt="Zur Startseite" title="Zur Startseite" /> <!-- alt= falls das Bild nicht angezeigt werden kann
                                                                    title= erscheint wenn du mit der Maus &uuml;ber
                                                                    das Bild gehst  -->
  </a>

* {
  margin: 0;  /* Abstände für alle Elemente auf 0 setzen */
  padding: 0;
}




html, body {
  height: 100%; /* damit der Link auch 100% hoch wird */
}




a {
  display: block; /* damit das Bild komplett zentriert wird */
  height: 100%;
  text-decoration: none; /* um die unterstreichung im FF zu verbergen */
}




a span {
  position: relative;
  left: -999em;
}




a img {
  position: absolute; /* damit wir per left/top positionieren können */
  display: block;
  width: 150px; /* breite des Bildes (wichtig!!) */
  height: 200px; /* höhe des Bildes (wichtig!!) */




  /* hier wird es wichtig: */
  top: 50%;
  margin-top: -100px; /* erst 50% nach unten schieben und dann
                         um die Hälfte der Höhe des Bildes wieder nach oben */
  left: 50%;
  margin-left: -50px; /* das selbe mit links */
}

Dafür musst du PHP können, dann geht das.

Huhu, jaa.. es ist IE, aber trotzdem, hrmpf..

Das ist halt der Login Bereich eines Admin Panels, da ist nur dieser Div drinnen und halt die Formular Elemente da drin.

Mit absolute geht es, das weiß ich, aber .. ich meine es gibt doch nur absolute, relative, fixed und static, man kann doch wenn man einen Browser bastelt 4 Eigenschaften berücksichtigen? Jetzt weiß ich auch warum Windows so fehleranfällig ist, die arbeiten einfach unter aller Sau...

Kann mich bitte mal Jemand trösten? Der Internet Explorer ärgert mich, und zwar richtig doll...

Es kann doch nicht ernsthaft Realität sein was ich gleich preis gebe.

Ich rege mich ja tatsächlich eigentlich fast nie! nie! nie! auf, aber wenn man bereits knappe 12 Stunden an seiner Seite sitzt und Microsoft einem im übertragenen Sinne dann tatsächlich in die Schnauze boxt? Grr...

Erst ein mal der Code:

div {
    position: relative;
    left: 50%;
    margin-left: -125px;
    top: 50%;
    margin-top: -125px;
    width: 230px;
    height: 230px;
    background: #D7D7D7;
    border: 1px solid #AEAEAE;
    padding: 10px;
  }

Und jetzt ... ey das kann echt nicht sein?!?

Zieht euch das mal rein ...

Das ist einfachstes CSS ... das ist nicht ein mal annähernd irgendwas was falsch interpretiert werden könnte...

So ihr dürft jetzt gerne mal überlegen ob ich vielleicht auch falsch denke um diese Uhrzeit, steinigt mich wenn ich Schuld bin, aber dafür müsst ihr auch schneller am nächsten Standort von Microsoft sein als ich.. *Messer wetz*.

Warum führen die Lappen nicht gleich MiCSSrosoft ein? Da kommen dann auch nur Höhe/Breite/Hintergrundfarbe/Rahmen/Textgestaltungen drinne vor, mehr interpretiert der ja nicht -.-

Das Ganze funktioniert meines Wissens nach sogar wenn du für den div überhaupt keine Höhe geschweige denn Rahmen / etc. angibst, sehr praktisch also.

Auf der anderen Seite bist du aber Webdesigner und musst so pingelig sein damit alles so klappt wie du möchtest

Der Rahmen wird nicht 2 Pixel breit wenn du 5 schreibst

Das kannst du mit offsetHeight (inklusive Innenabstand und Rahmen!)

Beispiel:

<div 
      style="height: 217px; padding: 7px; border: 3px ...;" 
      onclick="alert(this.offsetHeight()+'px');"
  >
    Inhalt
  </div>

Dir wird 237px ausgegeben, das ergibt sich wie folgt:

217 (Höhe des Elements)
+ 2 x 3 (Breite des Rahmens, dieser kommt oben und unten vor)
+ 2 x 7(Innenabstand, auch oben und unten)

Fühl dich jetzt nicht in deiner Ehre gekränkt aber ich muss gerade einfach mal das Rätsel um das Navi lösen.

Navi steht in diesem Fall einfach für Navigation, korrekt hieße es dann die Navigation.

Was du dir eventuell dachtest ist wohl das Navi aus dem Auto, dabei handelt es sich um ein Navigationsgerät (das Gerät), oder du dachtest an ein Navigationsmenü.

Das hat mich nur an deinen Beiträgen ein wenig aufgeregt, ich hoffe du nimmst es mir nicht übel :wink:

Du gibst der Sidebar eine feste Höhe und alles was darüber hinaus geht an Text wird einfach versteckt.

Ich weiß nicht ob es in den Videos beschrieben wird aber schreibe einfach eine dieser Zeilen als allererstes in deine PHP Datei:

<span class="syntaxdefault"><br />  error_reporting</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">E_ALL</span><span class="syntaxkeyword">); </span><span class="syntaxcomment">// zeigt ALLES, von error über notice bis hin zur nummer des nächsten pizzadienstes<br />  </span><span class="syntaxdefault">error_reporting</span><span class="syntaxkeyword">(</span><span class="syntaxdefault">0</span><span class="syntaxkeyword">); </span><span class="syntaxcomment">// zeigt gar keine fehler mehr es sei denn sie brechen das komplette skript ab<br /> </span><span class="syntaxdefault"></span>

Für mehr Einstellungen schau mal bei php.net - error_reporting, dort findest du wenn du leicht runterscrollst eine Liste mit allen Einstellungen und Links zu deren Beschreibung.