Beiträge von Simon H.

Simon H. · 10. Juni 2012

Ich hab im Text auf meiner Website kleine Inlinebilder wie zB Brüche und die sollen natürlich auf der gleiche Ebene wie die
Schrift sein.
Das sind sie aber nich ! [Blockierte Grafik: http://static.ak.fbcdn.net/images/blank.gif] Sie sind so ein bisschen über der Schrift. Ich glaube der untere Bildrand setzt in der Mitte der Schrift auf
Mit Mitte der Schrift mein ich das:
Schrift Schrift ---------------- Schrift Schrift

Also die setzten da auf der Linie mit dem unteren Bildrand auf aber
eigentlich sollte da ja die Mitte des Bildes sein, dass es auf gleicher
Höhe mit der Schrift ist ?!
Wie kann ich dieses Problem lösen ?

Simon H. · 31. Mai 2012

Ich habe irgendwo mal gesehen, dass man Stellen in CSS mit einem Ausrufezeichen oder so wichtiger machen kann als andere Stellen, die das gleiche beschreiben.

Simon H. · 31. Mai 2012

Was soll man bei seiner eigenen Website in die Fußzeile schreiben ? Ich denke da an sowas wie z.B. Copyright - 2012 - "Domain.de" ...

Simon H. · 30. Mai 2012

Ich weiß nicht genau, wie ich meine Startseite benennen soll.
Wenn jemand meine Website aufruft, sieht er ja den Dateinamen oben im URL-Fenster des Browsers.
Soll ich nun meine Startseite mit "index.htm" oder "Domainname.htm" benennen ? Bei so gut wie allen Websites heißt die Startseite "Domainname.htm".
Was soll ich machen ?

Simon H. · 26. Mai 2012

Ich möchte meine eigene Website online stellen, aber bin mir mit den internen Verlinkungen von Seiten oder Bildern unsicher.
Müssen alle Seiten und Bilder im gleichen Ordner abgespeichert sein, sodass die Verlinkungen ausschließlich die Dateinamen ohne Pfade wie zB Eigene Dateien/Website/Bilder/"Dateiname" als Ankertext haben ? Oder kann ich auch die Bilder in einem separaten Ordner haben wie im obrigen Pfad, also hat der Webspace-Anbieter bei meinen Dateien dann die gleichen Ordnerstrukturen wie ich beinmir auf dem PC ? Oder müssen alle Dateien im gleichen Ordner sein ?

Simon H. · 21. März 2012

hier ist der html code von der ersten seite:

HTML

<!DOCTYPE html><html>
<head>    <title>Startseite</title>
    <meta charset="UTF-8"/>    <meta name="description" content=""/>    <meta name="author" content=""/>    <meta name="keywords" content=""/>
    <link href="physik.css" type="text/css" rel="stylesheet"/>
<script>document.createElement ("header");document.createElement ("nav");document.createElement ("section");document.createElement ("footer");</script>




</head>
<body>
<div id="mitte">
<header><p></p></header>
<nav>  <ul>    <li id="list-anfang"><a href="index.htm">Startseit</a></li>    <li><a href="physik.htm">Physik</a></li>    <li><a href="chemie.htm">Chemie</a></li>    <li><a href="mathematik.htm">Mathematik</a></li>    <li id="list-ende"><a href="technik.htm">Technik</a></li>  </ul></nav>
<section>
<h1>Physik</h1>
<p></p>




<img class="bild" src="bilder/physik.jpg" height="200px" width="300px" alt="physikbild" title="physik" />
<div id="auswahl">  <ul>    <div id="listenpunkte">      <li><a href="physik-seiten.htm">Seiten</a></li>      <li><a href="physik-videos.htm">Videos</a></li>    </div>  </ul></div>




</section>
<footer>Copyright-2012-www.ScienceLife.de</footer>
</div>




</body></html>

Alles anzeigen

von der ersten seite der css-code:

CSS

* {    padding: 0;    margin: 0;}




header, nav, section, footer {    display: block;}
body {    font-family: Arial, serif;    background: url(bilder/see.jpg.PNG) ;}
#mitte {    margin: 0px auto;    width: 1000px;}
header {
    background: url(bilder/frisches-gras.jpg.PNG);    height: 150px;    background-position: center;    text-align: center;    margin-top: 3px;    color: white;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;    border: 2px solid #A5A5A5;
}
header p {    font-size: 3em;    margin: 0px auto;    padding: 40px 0px;}




nav {    border: 2px solid #A5A5A5;    background-color: #E1E1E1;    margin: 3px 0px;    padding: 10px;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;}
nav ul {    list-style-type: none;}
nav li {    display: inline;    margin: 10px 35px;    padding: 5px 10px ;
}
nav a {    border:2px solid #A5A5A5;    border-spacing: 50px;    padding: 5px 10px;    background-image: url(bilder/hintergrund-blau.JPG);    text-decoration: none;    color: white;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;
}
nav a:visited {    color: white;}
nav a:focus {    color: ;}
nav a:hover {    background-image: url(bilder/hintergrund-grau.JPG);}




#list-anfang {    margin-left: 85px;}
section {         font-size: 1.1em;         margin: 3px 0px;         border: 2px solid #A5A5A5;         background-color: white;         border-radius: 9px;         -moz-border-radius: 9px;         -webkit-border-radius: 9px;  `}
section h1 {    text-align: center;    padding: 20px;    font-size: 1.7em;}
section p {    padding: 10px 120px;}
.bild {    margin: 20px 350px;    padding: 10px;    border: 1px solid #A5A5A5;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;
}




#auswahl {    padding: 10px;    margin: 10px 70px;    border: 1px solid #A5A5A5;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;




}
section ul {    list-style-type: none;}




section li {    display: inline;    margin: 10px 35px;}
#listenpunkte {   margin: 0px 0px 0px 282px;}







section a {    border: 2px solid silver;    padding: 5px 10px;    background-image: url(bilder/hintergrund-blau.JPG);    text-decoration: none;    color: white;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;




}
section a:visited {    color: white;}
section a:focus {    color: ;}
section a:hover {    background-image: url(bilder/hintergrund-grau.JPG);}







footer {
    text-align: center;    border: 2px solid #A5A5A5;    background-color: white;    margin-bottom: 3px;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;}

Alles anzeigen

von der zweiten seite der html-code:

HTML

<!DOCTYPE html><html>
<head>    <title>Startseite</title>
    <meta charset="UTF-8"/>    <meta name="description" content=""/>    <meta name="author" content=""/>    <meta name="keywords" content=""/>
    <link href="style.css" type="text/css" rel="stylesheet"/>
<script>document.createElement ("header");document.createElement ("nav");document.createElement ("section");document.createElement ("footer");</script>




</head>
<body>
<div id="mitte">
<header><p>/p></header>
<nav>  <ul>    <li id="list-anfang"><a href="index.htm" >Startseit</a></li>    <li><a href="physik.htm" >Physik</a></li>    <li><a href="chemie.htm">Chemie</a></li>    <li><a href="mathematik.htm" >Mathematik</a></li>    <li><a href="technik.htm">Technik</a></li>  </ul></nav>
<section>
<h1></h1>
<p></p><img class="bild" src="bilder/Blätter.jpg" height="200px" width="300px" alt="polarlichter" title="Polarlichter" />
</section>




<footer>Copyright-2012-www.ScienceLife.de</footer>
</div>
</body></html>

Alles anzeigen

von der zweiten seite der css-code:

CSS

* {    padding: 0;    margin: 0;}




header, nav, section, footer {    display: block;}
body {    font-family: Arial, serif;    background: url(bilder/see.jpg.PNG);}
#mitte {    margin: 0px auto;    width: 1000px;}
header {
    background-image: url(bilder/frisches-gras.jpg.PNG);    height: 150px;    background-position: center;    text-align: center;    margin-top: 3px;    border: 2px solid #A5A5A5;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;    color: white;}
header p {    font-size: 3em;    margin: 0px auto;    padding: 40px 0px;}




nav {    border: 2px solid #A5A5A5;    background-color: #E1E1E1;    margin: 3px 0px;    padding: 10px;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;
}
nav ul {    list-style-type: none;}
nav li {    display: inline;    margin: 10px 35px;    padding: 5px 10px ;
}
nav a, nav strong {    border:2px solid #A5A5A5 ;    padding: 5px 10px;    background-image: url(bilder/hintergrund-blau.JPG);    text-decoration: none;    color: white;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;
}
nav a:visited {    color: white;}
nav a:focus {    color: ;}
nav a:hover {    background-image: url(bilder/hintergrund-grau.JPG);}




#list-anfang {    margin-left: 85px;}
section {         font-size: 1.1em;         margin: 3px 0px;         border: 2px solid #A5A5A5;         background-color: white;         border-radius: 9px;         -moz-border-radius: 9px;         -webkit-border-radius:9px;         padding: 10px;
}
section h1 {    text-align: center;    padding: 20px;    font-size: 1.7em;}
section p {    padding: 10px 120px;    margin: 10px;}
.bild {    margin: 20px 350px;    padding: 10px;    border: 1px solid silver;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;
}
section a {    border:2px solid #A5A5A5 ;    padding: 5px 10px;    background-image: url(bilder/hintergrund-blau.JPG);    text-decoration: none;    color: white;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;    margin: 20px 20px 5px 450px;




}
section a:visited {    color: white;}
section a:focus {    color: ;}
section a:hover {    background-image: url(bilder/hintergrund-grau.JPG);}










footer {
    text-align: center;    border: 2px solid #A5A5A5;    background-color: white;    margin-bottom: 3px;    border-radius: 9px;    -moz-border-radius: 9px;    -webkit-border-radius:9px;    padding: 3px;
}
footer p {    margin: 10px;}

Alles anzeigen

wenn ich zwischen den beiden seiten wechsel, verrückt immer die mitte

Simon H. · 21. März 2012

Hi Leute,
ich hab folgendes Problem:
Meine Website hat eine Mitte und links und rechts einen Hintergrund .
Allerdings hab ich das Problem, dass sich diese Mitte etwas verschiebt, wenn ich von einer bestimmten Teilseite auf eine andere wechsel. Woran könnte das liegen ?

Simon H. · 23. Februar 2012

Was muss man in Hinsicht "Suchmaschinenoptimierung" alles beachten ?

Simon H. · 23. Februar 2012

Ich habe vor, demnächst meine eigene Website online zu stellen. Allerdings habe ich da eine Frage: Wie kann man eine Website aktualisieren, wenn ich z.B in die "News" einen neuen Eintrag schreibe ? Muss ich da die Website komplett neu hochladen ?

Simon H. · 11. Februar 2012

Zitat von "drPHIP132"

benutze Google chrome zum anschauen der Videos

google chrome ist doch ein browser und kein media player oder wie soll man sich da videos anschauen ?!?
( bin kein so wirklicher experte in dem gebiet :lol: )

Simon H. · 11. Februar 2012

Ich habe mir vor ein paar Tagen den HTML-Kurs auf DVD bestellt und wollte mir ihn jetzt anschauen. Allerdings stockt das Video nach zwei bis drei Minuten immer, sodass ich nicht weiterschauen kann
( Ich benutze VLC media player )
Was kann ich dagegen tun ?
Danke schonmal im Voraus für Antworten :wink:

Simon H. · 3. Februar 2012

Wie kann ich die Kommentarfunktion in meine Website einbinden? Also so, dass andere Kommentare hinterlassen können usw... ?

Simon H. · 2. Februar 2012

Ich möchte diese Aufgabe machen und weiß allerdings nicht, was mit einem 2-Spalten-Layout gemeint ist und wie es funktioniert.
Hier die Aufgabe: <a class="postlink" href="http://www.html-seminar.de/css-spalten-layout.htm">http://www.html-seminar.de/css-spalten-layout.htm</a>
Würde mich über Antworten freuen

Simon H. · 29. Januar 2012

Ich möchte diese Aufgabe machen: <a class="postlink" href="http://www.html-seminar.de/css_bilder_und_hintergrundbilder.htm">http://www.html-seminar.de/css_bilder_u ... bilder.htm</a>
Ich habe genau den gleichen code geschrieben wie in folgender Lösung:

HTML

<html>
<head>
<title>Bild auf ganzen Hintergrund aufspannen</title>




<style type="text/css">
html, body {
  background:url(../bilder/hintergrund-raufaser.gif) repeat-x;
  font: 100% Verdana, Arial, Verdana, Helvetica, sans-serif;
  color: #0000FF;
}




.steuerung {
  font: 120% Verdana, Arial, Verdana, Helvetica, sans-serif;
  margin:30px 0px 100px 40px;
  border:1px solid black;
}




.bereich {
  margin:140px 100px;
  padding:10px 10px;
  border:1px solid black;
  /* background:silver; */
}




</style>




</head>
<body>




<div class="steuerung">
Steuerung: Startseite  &Uuml;ber uns    .... Impressum
</div>







<div class="bereich">
<h1>Willkommen zu Website von ABC</h1>




<p>Der Hintergrund der Steuerung ist durch ein Hintergrundbild gel&ouml;sst</p>




<p>Um die 2 Bereich sind noch Rahmen gezogen, damit sofort erkennbar ist, wo welcher DIV sitzt :)</p>




<p>zur&uuml;ck zum <a href="http://www.html-seminar.de/css_bilder_und_hintergrund.htm">HTML-Seminar</a></p>
</div>







</body>
</html>

Alles anzeigen

Bei mir wird allerdings das Hintergrundbild einfach nicht angezeigt und ich weiß nicht, warum. Wo muss ich das Bild auf meinem PC speichern oder was könnte sonst noch das Problem sein ?
Danke schon mal im Vorraus

Simon H. · 28. Januar 2012

danke jetzt gehts

Simon H. · 28. Januar 2012

Ich bin noch ziemlich am Anfang vom HTML / CSS lernen und habe eine sehr wichtige Frage. Ich möchte eine HTML-Datei machen und alle CSS-Befehle in einer separaten CSS-Datei schreiben. Genau dies wird bei dieser Aufgabe gefordert: <a class="postlink" href="http://www.html-seminar.de/steuerung_per_css.htm">http://www.html-seminar.de/steuerung_per_css.htm</a> .
Das mit der HTML-Datei ist alles klar, aber die CSS-Befehle werden irgendwie einfach nicht wahrgenommen. Ich habe die CSS-Datei natürlich auch in der HTML-Datei im head-Bereich angegeben usw., aber ich finde den Fehler einfach nicht . Muss man vielleicht bei der CSS-Datei zuerst irgendein Grundgerüst schreiben? Hier sind die beiden Dateien:
HTML-Datei:

HTML

[b]<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="index.htm" xml:lang="de">
<head>
<title>Mein-Profil</title>
<link rel="stylesheet" type="text/css"
 media="screen" href="design.css" />
</head>
<body>
<div id="navi">
<ul>
  <li><a  href="index.htm"> Startseite </a></li>
  <li><a  href="meine-hobbies.htm"> Meine Hobbies </a></li>
  <li><a  href="empfehlungen.htm"> Empfehlungen </a></li>
</ul>
</div>
<body>
</html>[/b]

Alles anzeigen

CSS-Datei:

Code

[b]#navi {
   width:200px;
   text-align:left;               /* Textausrichtung     */
   margin-top:10px;               /* Außenabstand oben   */
   margin-bottom:10px;            /* Außenabstand unten  */
   margin-left:20px;              /* Außenabstand links  */
   margin-right:15px;             /* Außenabstand rechts */
 }




 #navi ul {
   list-style:none;               /* keine Aufzählungspunkte */
 }




 #navi li {
   background-color:silver;       /* Hintergrundfarbe   */
   border-top:1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-left:25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;   /* Rahmenfarbe unten  */
   border-right:2px blue solid;   /* Rahmenfarbe unten  */
   margin-top:10px;               /* Außenabstand oben  */
   padding-top:8px;               /* Innenabstand oben  */
   padding-bottom:8px;            /* Innenabstand unten */
   padding-left:8px;              /* Innenabstand unten */
   padding-right:8px;             /* Innenabstand unten */
 }[/b]

Alles anzeigen

Beiträge von Simon H.

Inlinebilder verrücken

CSS - Stellen wichtig machen

Fußzeile Bennenung

Dateibenennung der Startseite

Website Verlinkungen

Positionsverrückung der Mitte

Positionsverrückung der Mitte

Suchmaschinenoptimierung

Website aktualisieren ...

Probleme mit dem DVD-Kurs

Probleme mit dem DVD-Kurs

Kommentare

2-Spalten-Layout

Bilder in HTML einbinden

Auslager von CSS-Befehlen

Auslager von CSS-Befehlen