Beiträge von John

John

Huhu, ich habe im Seminar was gefunden:

Wo steht das JavaScript-Programm

Das JavaScript-Programm kann im Head-Bereich bzw. im Body-Bereich (vor dem schließenden </body>). fehlt hier nicht das Wörtchen "stehen"?

Genau darunter:

Abgrenzung JavaScript zu HTML

Damit der Browser weiß, wo HTML aufhört und JavaScript anfängt wird das JavaScript-Programm zwischen die HTML-TAGs

Code

<script type="text/javascript">
</script>

hier müsste doch noch "geschrieben" stehen?!?
Somit weiß der Browser, was er interpretieren muss.

John

Also mir gefällt das eigendlich ganz gut,

das Forum sieht allerdings aus wie jedes Burning Board

John

Okay, dann weiss ich jetzt ja bescheid,

aber es klappt dann ja nicht mit einer per include eingefügten Navi, da muss mann denn ja mit IDs arbeiten und die dann zuordnen oder?

John

Ich dachte dette is wenn du auf der Seite bist dann sieht das so aus xD

Wie mach ich des denn jetzt? ich bin auf petrus.htm und der passende Link sieht anders aus, muss ich das jetzt etwa direkt qauf petrus.htm einstellen?^^

Das ja ne Heidenarbeit.

John

Halli Hallo,

meine Navigationsreihenfolge:

Code

a:link {}
a:visited {}
a:hover {}
a:active{}

Aber mein geliebtes a:active klappt natürlich gleich beim ersten Versuch nicht, wasn los?^^

Hier mal kompletter Code:

Code

#navi_head a:link {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000 url(bilder/navi_a_link.png) no-repeat;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:visited {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000 url(bilder/navi_a_link.png) no-repeat;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:hover {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}




#navi_head a:active {
      display: block;
      width: 104px;
      height: 35px;
      background: #800000;




      color: #FFFFFF;
      font-weight: bold;
      font-size: 0.8em;
      text-align: center;
      text-decoration: none;
      line-height: 35px;
}

Alles anzeigen

John

Also mit PHP ist das wohl am einfachsten, in meinen Augen einfacher und bequemer als googeln, wenn du interesse hast das ich dir sowas bau schreib mir ne PN

John

Link von HTML-Seminar

Im Seminar steht so gut wie alles, man muss manchmal nur die ellenlange Navi durchsuchen :wink:

John

Yay,

ich sehe wir verstehen uns

John

Das Seminar kann man in ca. 2 Tagen (mit ein wenig Zeit) durcharbeiten, danach kann man diese Seite dort 2 mal so gut nachbauen :wink:

John

Ja, du musst aber auf jeder Seite die selbe Navigation einfügen wenn du diese auch überall haben möchtest.

Jede deiner Seiten sollte einen eigenen Aufbau besitzen, nach Möglichkeit immer den selben, wenn dich das stört musst du leider mit PHP arbeiten und mit jeweils einer Zeile die Sachen extern da reinbauen.

Ich habe ab und zu auch meine Navi in nem externen Dokument und include sie einfach

John

Weisst du das du auf jeder Seite das Design einstellen musst?

Wenn du z.B. von Home auf News wechselst musst du auch
der Seite News ein Design geben.

John

Kann es vielleicht sein das die Uhrzeit nicht stimmt?

Aktuelles Datum und Uhrzeit: 07.01.2010 21:20

Meine Uhr sagt: 20:20...

John

Ich will ganz ehrlich sein, ich habe das jetzt komplett gelesen, aber ich habe keine Ahnung wofür es gebraucht wird bzw. wie es funktioniert :oops: .

John

Halli Hallo,

kann mir vielleicht jemand erklären wozu jetzt genau XML da ist?

Das ist ja quasi HTML nur das man seine eigenen Tags baut,

aber wie funktioniert des?

Ich kann machn was ich will der Text erscheint öde in einer Reihe

John

Als Beispiel (mit PHP gelöst):

PHP

/* style */




div#uhr {
  width: (breite deines bildes);
  height: (höhe deines bildes);
  background: url(pfad zu deinem bild);
}




<!-- im html code -->




<div id="uhr">
  <?php
    echo date("d.m.y");
    echo "<br />";
    echo date("H:i");
    echo "Uhr"; // damit da steht 11:15 Uhr und nicht nur 11:15
  ?>
</div>

Alles anzeigen

d = Tag zweistellig
m = Monat als Zahl zweistellig
y = Jahr zweistellig
Y = Jahr vierstellig

H = stunde
i = minute

Für eine Uhr die fortwähren weiterläuft brauchst du JavaSkript ( etwas kompliziert )

Hab mal gebastelt, hier eine Javaskript Uhr:

HTML

<html>
<head>




<script language="JavaScript">
<!--
function Uhr_anzeigen(){
var Datum = new Date()
var std = Datum.getHours()
var min = Datum.getMinutes()
var sec = Datum.getSeconds()
Zeit = ((std < 10) ? " 0" : " ") + std
Zeit += ((min < 10) ? ":0" : ":") + min
Zeit += ((sec < 10) ? ":0" : ":") + sec
Zeit += " Uhr"
document.uhr.zeit.value = Zeit
timerid = setTimeout("Uhr_anzeigen()",1000)
}
// -->
</script>




</head>




<body>




// -> das formular ist wichtig, weil die Uhr in einem Teil mit dem 
// Namen "Zeit" angezeigt wird, das ist hier der button




<form name="uhr">
<input type="submit" name="zeit" style=" background: white; border: none;"  />
</form>




<script language="javascript">
//<!--
Uhr_anzeigen();
//-->
</script>
</body>
</html>

Alles anzeigen

John

Will heißen das der inhalt bzw. die navi ne feste höhe brauchen?^^

Wegen weil wenn feste Höhe gebraucht wird hab ichs ja schon geschafft, mir war nur wichtig das der Inhalt nunmal "auto" hoch ist, wenn das nicht geht ist das in meinen Augen echt scheisse

Vielen Dank auch schonmal für deine Mühe

John

Lass dir Zeit

John

Hintergründe/Schriftgestaltung/klassen rausgenommen:

CSS

Code

#wrapper {
      margin: 0 auto;
      margin-top: 30px;
      width: 1024px;
      height: auto;
      border: 1px solid black;
      overflow: hidden;
}




#head {
      width: 1024px;
      height: 165px;
      background: #7B7153 url(bilder/head.png) no-repeat;
}







#inhalt {
      width: 1024px;
      height: auto;
      position: fixed;




      background: #A6956D;




      padding: 30px 0px 0px 0px;
}










------------------------------------------------
#navi_links {
      float: left;
      width: 200px;
      height: auto;




      background: #302d2b;
}




/* abschluss des DIVs mit grafiken */
#navi_links_decke {
      width: 200px;
      height: 30px;




      background: url(bilder/navi_links_decke.png) no-repeat;
}




#navi_links_boden {
      width: 200px;
      height: 30px;




      background: url(bilder/navi_links_boden.png) no-repeat;
}




#navi_links_mitte {
      width: 198px;
      height: auto;
      border-right: 2px solid #7B7153;




      background: #E4CE9A;




      padding: 10px 0px 10px 0px;
}
------------------------------------------------










------------------------------------------------
#inhalt_rechts {
      float: right;
      width: 804px;
      height: auto;
}




/* abschluss des DIVs mit grafiken */
#inhalt_rechts_decke {
      width: 804px;
      height: 30px;
}




#inhalt_rechts_boden {
      width: 804px;
      height: 30px;
}










#inhalt_rechts_mitte {
      width: 792px;
      height: 100px;
      border-left: 2px solid #7B7153;
}
------------------------------------------------







#shadow_bottom {
      width: 1024px;
      height: 15px;
      position: absolute;




}




#footer {
      width: 1024px;
      height: 45px;
      position: absolute;
      clear: both;
}

Alles anzeigen

HTML:

Code

<body>




  <div id="wrapper">




    <div id="head">




    </div>




    <div id="inhalt">




      <div id="navi_links">




        <div id="navi_links_decke"><!-- oberer Rand --></div>




        <div id="navi_links_mitte">
          <!-- Navi?!? -->
        </div>




        <div id="navi_links_boden"><!-- unterer  Rand --></div>




      </div>




 -----------------------------------------------------------------------




      <div id="inhalt_rechts">




        <div id="inhalt_rechts_decke">




        </div>




        <div id="inhalt_rechts_mitte">




        </div>




        <div id="inhalt_rechts_boden"></div>




      </div>




 -----------------------------------------------------------------------




    </div><!-- beendet inhalt gesamt -->










    <div id="footer">




      <div id="shadow_bottom">




      </div>




    </div>




  </div><!-- wrapper ende -->




</body>

Alles anzeigen

John

Jau, ich seh des genau, der footer klebt jetzt unter dem Wrapper, das jetzt nicht ganz sooo die Welt, aber der wrapper umschliesst immernoch nur den Header und nicht den Inhalt, deswegen ist der Footer immernoch unter dem Header

Wie sag ich jetzt dem wrapper "Ey Alder, geh mal bis unter den Inhalt" ?!?

Und noch schöner wärs ja wenn der Footer noch IM wrapper wär und net drunter,

aber es klappt ja schon ein wenig, vielen Dank schon mal

John

Hallöle auch,

folgendes Problem:

Ich habe einen Aufbau, er sieht in etwa so aus:

Wrapper -> höhe: auto; zentriert; rand;
darin enthalten:

header -> höhe: fest (165px);

unter dem header:
inhalt -> höhe: auto;
im inhalt:

inhalt_rechts: float: right; höhe: auto;
navi_links: float: left; höhe: auto;

unter dem packband "inhalt":
footer: höhe: fest(45px);

doch der div "inhalt" wird nicht automatisch größer wenn die navi oder der "inhalt_rechts" größer werden, und der footer klebt somit hinter der navi und "inhalt_rechts".

Wie mach ich des das der Inhalt wächst wenn z.B. die navi höher wird?

der inhalt der navi und "inhalt_rechts" zusammenhält ist wichtig, der hat nen hintergrund...

und der footer soll dann unter dem inhalt sein, weil wegen abschluss.

Desweitere nfällt grade mal auf das mein Wrapper NUR den header umschliesst, aber keinesfalls meinen inhalt und den footer, ich dreh durch^^

Pls help

Google hat nur ausgespuckt wie man den footer an den unteren Bildrand bekommt, und das ist nun wirklich nicht das was ich brauche

Beiträge von John

Rechtschreibfehler

Runde 2^^

a:active, klappt nüscht

a:active, klappt nüscht

a:active, klappt nüscht

Website Hilfe

mehrzeilige Eingabefelder

Website Hilfe

Hintergrundbild

Website Hilfe

Website Hilfe

Uhrzeit im Board

XML - öhhh, joar, ne is klar

XML - öhhh, joar, ne is klar

HTml Code auf einem Bild mit Pi verbasteln

Footer macht was er will

Footer macht was er will

Footer macht was er will

Footer macht was er will

Footer macht was er will