Och mich stören die bisher nicht, aber Basti, komm einfach vorbei und ich
geb dir meine CD, da ist alles drauf, Word, Excel und all der Kram
Beiträge von tintwo
-
-
Meinst du das:
http://tintwo.ti.funpic.de/poke/index.html
Wenn du das meinst, ja das stimmt das kann ich mal änder,
ich hatte das nur zur Übersicht in dem Ordner auf meinem PC und hab den dann einfach hochgeladen.Zum Glück habe ich von Anfang an darauf geachtet den
Quelltext übersichtlich einzurücken, dann habe ich auch noch bestimmte
Zeilen farbiert um schneller etwas zu finden.Übrigens, da an die Seiten kommen noch mehr Bilder, die muss ich aber
erst fertig machen. -
Problem gelöst
Da jetzt alles klappt könnt ihr ja mal was zum Design sagen
_____________________________________________________________Hallo ihr da draussen, ich habe ein klitzekleines Problem.
Funpic mag mein Design wohl nicht, könntet ihr mal einen Blick drauf werfen?
Erklärt sich eigendlich von selbst das Problem, die Knuddeluffschaltzentrale
gehört eigendlich unten in den Inhalt rein.http://tintwo.ti.funpic.de/index.html
Quelltexte:
HTML:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>Pokémon</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <meta name="description" content="" /> <meta name="author" content="tintwo" /> <meta name="keywords" content="" /> <meta name="generator" content="" /> <link href="style.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="seite"> <!-- linker Rand --> <div id="seitelinks"> <img src="pikachu.jpg" width="100" height="96"/> <hr> </hr> <img src="glumanda.jpg" width="100" height="100"/> <hr> </hr> <img src="bisasam.jpg" width="100" height="100"/> </div> <!-- rechter Rand --> <div id="seiterechts"> <img src="pikachu.jpg" width="100" height="96"/> <hr> </hr> <img src="glumanda.jpg" width="100" height="100"/> <hr> </hr> <img src="bisasam.jpg" width="100" height="100"/> </div> <!-- Kopfbereich --> <div id="kopfbereich"> <img src="pokemon_logo.jpg" width="700" height="200"/> </div> <!-- Steuerung --> <div id="steuerung"> <ul> <li><a href="index.html">Startseite</a></li> <li><a href="index.html">Was ist Pokémon</a></li> </ul> </div> <!-- Inhalt --> <div id="inhalt"> <p><h1>Pokémon</h1></p> <br /> <p>Hallo...</p> <p>Ich heisse euch herzlich willkommen in der Welt der Pokémon. Genau in diese Welt möchte ich euch nun entführen,</p> <p>ich hoffe natürlich das ich euere Begeisterung für Pokémon wecken oder ein wenig auffrischen kann.</p> <br /> <br /> <hr></hr> <br /> <br /> <p> Vielleicht sollte ich euch noch euren treuen begleiter Knuddeluff vorstellen. Knuddeluff wird dir immer weiter helfen wenn du ein Problem hast, sprecht ihn einfach an wenn etwas ist. Ihr erkennt ihn ausserdem daran das er in seiner Lieblingsfarbe schreibt, </p> <p><font color="green">Grün!</font></p> <br /> <p> <img src="knuddeluff.jpg" width="180" height="220" alt="Das ist Knuddeluff." style="margin-left: 250px;"/> </p> <br /> <p>Doch nun wünsche ich euch noch Viel Spass in der Welt der Pokémon!</p> </div> <div id="knuddeluff"> <div id="knuddeluffpic"> <img src="knuddeluff1.jpg" width="60" height="80" alt="Das ist Knuddeluff." /> </div> <p>Wie kann ich helfen?</p> </div> </div> <!-- Fussbereich --> <div id="footer"> <p><h6>©Copyright 2009 tintwo</h6></p> </div> </body> </html>
CSS:
Code
Alles anzeigen* { margin:0; padding:0; } #seite { width: 900px; height: 1315px; margin: 0 auto; margin-top: 60px; } #kopfbereich { float: none; width: 700px; height: 200px; margin: 0 auto; background-color: #CCCCCC; } #seitelinks { float: left; width: 100px; height: 1315px; margin: 0 auto; background-color: #CEB98E; } #seiterechts { float: right; width: 100px; height: 1315px; margin: 0 auto; background-color: #CEB98E; } #steuerung { float: none; width: 700px; height: 40px; margin: 0 auto; background-color: #CEB98E; } #steuerung ul { list-style: none; } #steuerung ul a:link { text-decoration: none; font-family: fantasy; color: #000000; float: left; padding: 9.8px; margin-right: 5px; background-color: #CEB98E; border-left: 1px solid black; border-right: 1px solid black; } #steuerung ul a:visited { text-decoration: none; font-family: fantasy; color: #000000; float: left; padding: 9.8px; margin-right: 5px; background-color: #CEB98E; border-left: 1px solid black; border-right: 1px solid black; } #steuerung ul a:hover { text-decoration: none; font-family: fantasy; color: #000000; float: left; padding: 9.8px; margin-right: 5px; background-color: #CEB674; border-left: 1px solid black; border-right: 1px solid black; } #inhalt { font-size: medium; font-family: Courier; color: #333333; letter-spacing: 0.5px; padding: 10px; width: 700px; height: 960px; margin-left: 100px; background-color: #CCCCCC; } #inhalt h1 { font-size: x-large; font-family: Courier; color: #333333; text-align: center; } #knuddeluff { color: green; font-size: large; width: 700px; height: 115px; margin-left: 100px; background-color: #CCCCCC; border-top: 15px solid #CEB98E; } #knuddeluffpic { float: right; width: 60px; height: 80px; background-color: #CCCCCC; } #footer { width: 900px; height: 50px; margin: 0 auto; margin-bottom: 150px; background-color: #CEB98E; } #footer h6 { color: #333333; text-align: center; }
-
Komisch das man ein so alltägliches Programm auf so umständliche
Weise bekommt... -
Nur für den Inhalt, aber so wie du es jetzt gemacht hast funktioniert es nicht,
weiss auch nicht warum nicht...Ich probiers nochmal,
ach guck an, jetzt gehts, war ich wohl zu doof,
danke dir.
-
Folgendes Problem liegt vor, es gibt ja normale CSS Divs:
Und es gibt auch etwas um Listen zu definieren:
Jetzt wollte ich fragen was #index HIER {
stehen muss um meinem plöden Text mit "padding: 5px;" zu sagen das er
sich vom Rand entfernen soll?Also gesucht:
-
Ah ok dann habe ich es jetzt ganz Verstanden, danke euch!
-
-
-
Ich benutze auch Scriptly, ist nur zu empfehlen !
-
Ich brauch das grad mal nich, trotzdem netter Einfall, danke
-
Ja ich habs eben im Seminar gefunden, da wurde das mit
.textmarker {
...
}gemacht, das finde ich aber gut.
Man soll ja nicht direkt mit
<b>Text</b>
und so arbeiten.
-
Naja sorry damit kann ich noch nicht so viel anfangen, ich kann
höchstens ein Fenster öffnen wo was drinne steht -
Oh das Hintergrundteil hab ich garnet mehr drin das hat nich geklappt
Ja ich kenn den Basti recht gut^^ Meinste wegn dem "Ein Kessel buntes"?
Er hatte mir seinen Kopfbereich zur Verfügung gestellt wegen den MetaTags,
und da stand das halt noch drin, is jetzt aber geändert Jetzt habe ich ja
aber eine MetaTag Vorlage und, ja ich weiss wofür die Metatags sindÄhm YetiZwerg, das funktioniert gut, aber ich frage mich ernst was das ist:
<div id="inhalt">
<p>Inhalt</p>
<script src="http://www.gamertime.d/stream.js"</script>
</div> -
Zitat von "lauras"
da mache ich lieber einen Absatz und definiere ihn in der CSS über class o.Ä.
Habe ich im Seminar Class übersehen oder gibts das garnich? ich guck mal, kenn ich noch garnicht : )
Danke für eure Antworten.
-
Mö möP...
-
Ich hätte da mal meine erste Frage,
ich kann ja in meinem CSS Quelltext <h1> - <h6> einstellen, z.B. so:
Code
Alles anzeigenh1 { font-family: Times New Roman; color: #CC9900; font-size: 20px; } h6 { font-family: Arial; color: silver; font size: 1px; }
Ist das in etwa das selbe wie wenn ich das direkt im HTML Quelltext mit Spans und DIVs mache?
Und könnte ich das auch so machen:
Also wie im CSS Quelltext die Attribute untereinander?
-