• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

versch. Schriftgrößen

Status
Für weitere Antworten geschlossen.
Das sind Meta-Tags, diese geben Angaben über den Inhalt deiner Seite, den Autor etc. sind für manche Suchmaschinen wichtig, damit deine Seite gefunden wird, vielleicht auch für google (kann man aber nicht sicher sagen, da man nicht weiß woran sich Suchmaschinen orientieren).

Die erste Zeile ist die Codierung, diese sorgt dafür, dass Sonderzeichen korrekt angezeigt werden können.
 
Werbung:
Werbung:
Dafür machst du zwei Div-Bereiche, die mit Hilfe von CSS nebeneinander gestellt werden, einen nimmst du dann für die Navigation, den anderen für den Inhalt.

CSS:
Code: 
div#left {
float: left;
width: 487px;
height: 150px;
}

div#right {
float: right;
width: 487px;
height: 150px;
}

(Breite und Höhe sind hier nur Beispiele, die kannst du natürlich beliebig wählen.)

HTML:
Code: 
<div id="left">Inhalte links</div>
<div id="right">Inhalte rechts</div>
 
ich hab es noch nicht ganz verstanden:braucht man css und html oder eins von beiden?

und in welchen teil muss man das schreiben? body?
 
flavasava93 schrieb:
ich hab es noch nicht ganz verstanden:braucht man css und html oder eins von beiden?

und in welchen teil muss man das schreiben? body?
Zum Vergrößern anklicken....

du brauchst beides zusammen, du wirst immer beides zusammen brauchen, sonst gehts nicht. Um css kommst du nicht drum rum, wenn du Webseiten erstellen willst. Die CSS-Angaben legen fest wie das, was du später mit HTML ausgibst aussehen soll. (Platz, Farben, Größen etc.)
 
Werbung:
flavasava93 schrieb:
und wo schreibe ich das ein? body? und css auch?
Zum Vergrößern anklicken....

HTML alles zwischen <body> und </body>, das ist der spätere sichtbare Teil der Homepage, DFSS kommt in den Head-Bereich rein.

Hier ein kleines Grundgerüst zur Erklärung mit den Angaben von oben als Beispiel:

Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Titel der Seite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
div#left {
float: left;
width: 487px;
height: 150px;
}

div#right {
float: right;
width: 487px;
height: 150px;
}
</style>
</head>
<body>
<div id="left">Inhalte links</div>
<div id="right">Inhalte rechts</div>
</body>
</html>
 
esfunktioniert nicht. wo genau muss es rein, bei beinen bsp:

Code: 
<title>Flavasava's World</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">

body {
background-color:silver;
}

p.name {
font-family: "comic sans ms", Arial, Helvetica;color: yellow;
font-size: 22pt;
}
p.welcome {
font-family: "comic sans ms", Arial, Helvetica;color: maroon;
font-size: 15pt;
}

p.gross {
font-size: 12pt;
}

p.klein {
font-size: 9pt;color: blue;font-family: "comic sans ms"
} 

p.mittel{
front-size: 9pt;color: red;font-family: "comic sans ms"}

p.verweis{
front-size: 9pt;color: red;font-family: "comic sans ms"}
</style>
</head>
<body>
<body background="deep.jpg">
<div id="left";color: red> hallo<a  href="funny pics.htm">  funny pics  </a>  </div>
<marquee><p class="name";p align="center">Flavasava's World</p></marquee>
<b><p class="welcome";p align="center">Welcome to the Show!</p></b>

<p class="mittel";p align="center">Ich finds echt <b>yo</b> vom dir, dass du diese geniale homepage gefunden habt.</p>

<p class="mittel";p align="center"> Es gibt funny pics, coole Strories und vieles mehr!</p>

<p class="verweis";p align="center"> Ich hoffe ihr werdet Spaß an meinen Links!!</p>

<p class="mittel";p align="center">Außerdem will ich dir einfach mal sagen:</p>
<img src="gigadraw650re.jpg" alt="mein Motto">
  <a  href="funny pics.htm">  funny pics  </a>  
</body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Vor <title> fehlen einige Zeilen, siehe mein Beispiel oben!

Code: 
<p class="mittel";p align="center">
Das zweite p hier weglassen, oder die align-Angabe zusätzlich in den CSS-Code schreiben.

Code: 
<body>
<body background="deep.jpg">
Body nur einmal öffnen!

Wenn alles was du hier oben geschrieben hast in den Linken div reinmuss, dann darfst du den linken Div auch erst später schließen, den rechten hast du gar nicht verwendet, also erscheinen auch keine Inhalte rechts neben dem linken div.
 
3 fragen:1. muss ich einen rechten <div> machen?
2. der schriftzug "flavasava's world" und "welcome to the show" ist nicht mehr zentriert!was hab ich falsch gemacht
3. es hat aber auch so funktioniert, mit 2 bodys
 
Verwende beim nächsten Mal Code posten bitte die Code-Tags und nicht die Zitat-Funktion!

flavasava93 schrieb:
1. muss ich einen rechten <div> machen?
Zum Vergrößern anklicken....
Nein musst du nicht, du hast aber danach gefragt...
flavasava93 schrieb:
2. der schriftzug "flavasava's world" und "welcome to the show" ist nicht mehr zentriert!was hab ich falsch gemacht
Zum Vergrößern anklicken....
Dein Code:
Code: 
<p class="name";p align="center">Flavasava's World</p>
versuch das mal so:
Code: 
<p class="name" align="center">Flavasava's World</p>
flavasava93 schrieb:
3. es hat aber auch so funktioniert, mit 2 bodys
Zum Vergrößern anklicken....
Kann schon sein, ist aber nicht im Sinne des w3c und wird somit von einem Validator als Fehler erkannt.
 
Werbung:
du hast frage 2 nicht beantwortet, zudem habe ich noch frage 4: ich hab jetzt eingegeben:
Code: 
div#left {
float: left;
width: 487px;
height: 150px;
color:#00FF00
front-size:9pt
}

und front-size:9pt, also die schriftgröße funktioniert nicht
 
Zuletzt bearbeitet von einem Moderator:
Benutz die Code-Tags. Ist das denn so schwer? Nochmal editiere ich nichts.

Die zweite Frage ist beantwortet.

Zur neuen Frage:
hinter 9pt Fehlt der ;
 
Werbung:
ja, okay frage beantwortet.
jetzt kommt was schweres:
ich will in das linke div (<div id="left"><b>Inhaltverzeichnis</b></div>)
links einbauen, die nicht auf einer externen seite.
hab gelesen, dass das <a href="index.htm"> eine beliebige Umschreibung </a>
ist.
wie kann man dann diesen link gestalten?
 
flavasava93 schrieb:
wie kann man dann diesen link gestalten?
Zum Vergrößern anklicken....

rate mal ... ... ... richtig, mit CSS ;-)

Hierbei unterscheidet man zwischen 4 Stadien bei Links:
- normaler Link
- Hover-Effekt (wenn man mit der Maus drüberfährt)
- Aktive Links
- schon besuchte Links

CSS-Code (hier speziell für Links im linken Div):
Code: 
div#left a {
text-decoration: none;
color: #4C66FF;
}    

div#left a:visited {
text-decoration: none;
color: #4C66FF;
}   

div#left a:hover {
text-decoration: underline;
color: #3399FF;
}

div#left a:active {
text-decoration: none;
color: #4C66FF;
}

Die Farben sind beliebig gewählt, hab ich aus einer meiner CSS-Datein rausgenommen.
text-decoration: none; bedeutet, dass du einfach nur Text ohne irgendwas dazu hast,
text-decoration: underline; steht für Unterstrichene Links.

flavasava93 schrieb:
<div id="left"><b>Inhaltverzeichnis</b></div>
Zum Vergrößern anklicken....
Wenn du die Links aber auch noch in diesem Div haben willst darfst du ihn auch erst nach diesen Links schließen!
Code: 
<div id="left"><b>Inhaltverzeichnis</b>
<br /><br />
<a href="link1.html">Beschreibung erster Link</a><br />
<a href="link2.html">Beschreibung zweiter Link</a><br />
<a href="link3.html">Beschreibung dritter Link</a><br />
</div>
 
Werbung:
sorry, ich habe mich unsauber ausgedrückt.ich meine wie mandie seite, die dann kommt, wenn man den link öffnet, gestaltet?
 
flavasava93 schrieb:
sorry, ich habe mich unsauber ausgedrückt.ich meine wie mandie seite, die dann kommt, wenn man den link öffnet, gestaltet?
Zum Vergrößern anklicken....

so wie du willst, aber auch mit CSS. Normalerweise haben Unterseiten aber das gleiche "Design" wie die Startseite auch, also gestaltest du sie normal gleich.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben