Opera, sollte aber in jedem browser sein, denn (hätt ich sagen sollen) ich hab das formular "resize"d.
Das heißt?
Opera, sollte aber in jedem browser sein, denn (hätt ich sagen sollen) ich hab das formular "resize"d.
Das heißt?
Alles anzeigenbei http://www.actionartist.de/galerie.htm
sehe ich 2 x "top"
Aber dort brauchst du glaub ich gar kein "top"
Und einen "Fehler" sehe ich bei Kontakt: html-seminar.de/woltlab/attachment/451/
Bin kein CSS pro, aber ich hab es so gelöst:
Hi,
das Bild von dir, welchen Browser benutzt du. FF und Chrome funktionieren einwandfrei. IE habe ich leider net drauf. Opera nutzt mein Frau und sie sagt es sieht alles gut aus.
Hi,
Ich möchte euch nun mein Fertiges Werk vorstellen (Ich glaube fertig wird es nie sein). Dank eurer Hilfe bei einigen Problemen funktioniert es jetzt. Ihr könnt natürlich soviel Kritik mit mir übern wie ihr wollt, das ist mir Lieber als Lob.
Das ist meine fertige Seite:
Stuntman aus Dresden
Das nächste Projekt steht auch schon an. Ich freu mich wieder auf gute Tipps und Ratschläge und auf eine gute Problemfindung.
Astinos alias Ilian
was spricht dagegen einfach den html-code von Roland zu verwenden? die id dient lediglich dazu, dass du das Element anspringen kannst, solange du im css nichts für jede id definierst haben die Elemente die Standard Formatierung des Elements, eine h1 sieht mit id genauso aus wie ohne, wenn du sie nicht speziell stylst.
Funktioniert nicht. Kann sie nicht als Id ansprechen, dann springt er nicht auf den Absatz!
also ich würde es so emfehlen
Akrobatik
....
Akrobatik
natürlich kannst du auch jeden anderen Element eine id zuweisen muss jetzt keine h1 oder so sein
Das Problem darin ist das ich dann 30 #id zu vergeben haben und jede einzel muss dann über CSS design werden, vorausgesetzt es funktioniert.. Ich hatte gehofft das man es über eine .class definieren könnte.
Und das sind die Sachen die ich dann immer nicht verstehe. Das gehört doch eigentlich, oder sollte zumindest, zum Basiswissen gehören aber keiner weiß etwas oder hat etwas gesehen ^^. Das ärgert mich immer, man findet rein garnix darüber, bin doch nicht der erste dem das Passiert ist!
Astinos
Na weil man so verlinken muss im Html. Habe mir das ja nicht ausgesucht ^^! Ne ernsthaft, alles was ich gelesen habe läuft über <a name="ankerpunkt">testtext</a>!
Nein, das habe ich ja alles schon probiert, da ändert sich der link zum Ankerpunkt aber nicht die Farbe vom Ankerpunkt!
Keiner eine Ahnung?
Servus,
ich wollte text verlinken das er auf der selben Seite auf einem weiteren Absatz springt. Das tut er auch ohne Probleme. Nur Ändert sich die Farbe des Anker-namens zu dem gesprungen wird. Ausgangspunk wird zum link, das ist ok für mich aber warum ändert er die Farbe des Anker-namens???
//das ganz liegt in der section//<a title="springen Sie direkt zum Artikel: Akrobatik" href="#akro">Akrobatik</a>
<a name="akro">Akrobatik</a> //*<---- und der wird mir Statt in weiß als grau angezeigt!*//
Hatte schon versucht ihm über die Klasse .name in CSS anzusprechen ohne erfolg. Dann über section a .name {} ebenfalls CSS keinen erfolg. Ja und jetzt sind mir die Ideen ausgegangen.
Da meine ganzen Links alle grau sind und ich Sie über CSS section a {} als grau definiert habe, deswegen nimmt er ja auch das grau an. Das soll aber weiß werden! Da es meine Überschriften sind!!!
also,
geht doch einfach mal auf seiten report und lass deine seite mal analysieren ... und bei mir steht dann 16 Fehler. Deswegen meine Frage, da der Validator ja keine Fehler raushaut warum steht da aber 16 Fehler???
Ich würde gern keine Fehler haben wollen, bin Perfektionist!!!
Naja explizit sagt er nur das ich 16 Fehler habe in dem Code!
CSS-Fehler16 Fehler[Blockierte Grafik: http://st1.seitenreport.de/cache_progress/68.png][Blockierte Grafik: http://www.seitenreport.de/fileadmin/_scripts/pics/info.jpeg]
...
dürften wir den CSS-Code mal sehen..?
Aber natürlich
/**/***************** ALLGEMEINE FORMATIERUNGEN *********************
******************************************************************/
*{
margin: 0px;
padding: 0px;
}
html, body{
background: black;
}
/***************** TYPO ******************************************
******************************************************************/
body {
text-align: center;
background-attachment: fixed;
font-family: Arial, sans-serif;
}
header, nav, footer, aside, section {
display: block;
}
/***************** Layout ****************************************
******************************************************************/
.header.index {
background-image: url(bilder/header-4.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.biographie {
background-image: url(bilder/header-2.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.skill {
background-image: url(bilder/header-7.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.credit {
background-image: url(bilder/header-9.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.galerie {
background-image: url(bilder/header-8.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.video {
background-image: url(bilder/header-10.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.contact {
background-image: url(bilder/header-1.png);
height: 270px;
width: 900px;
margin: auto;
}
.header.site {
background-image: url(bilder/header.png);
height: 270px;
width: 900px;
margin: auto;
}
header p {
text-align: right;
padding-right: 10px;
}
header a {
color: white;
font-size: 11pt;
padding-right: 10px;
text-align: right;
margin-top: 20px;
}
header h1 {
padding-right: 10px;
padding-bottom: 10px;
color: white;
text-align: right;
font-size: 17pt;
margin-right: 10px;
}
.test h4 {
padding-top: 30px;
padding-right: 10px;
font-size: 6pt;
text-align: right;
color: white;
}
#logotext {
padding-top: 160px;
font-size: 16pt;
color: white;
padding-bottom: 0.36em;
}
#wrapper {
background-image: url(bilder/hintergrund-2.png);
width: 900px;
margin: 0 auto;
text-align: left;
}
#cc-m-video-container-7181417984 {
margin-left: 30px;
}
#cc-m-video-container-6260189284 {
margin-left: 30px;
}
#fomular {
width: 600px;
margin-left: 30px;
}
.grau_12 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #595c61;
}
.grau_14 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #595c61;
}
nav a img {
border: 0;
}
aside {
width: 249px;
float: right;
margin-top: 25px;
margin-bottom: 25px;
}
aside a {
color: #959698;
}
aside hr {
width: 189px;
margin-left: 30px;
margin-right: 30px;
background-color:#424547;
border:#424547;
height:1px;
}
aside img {
border: 1px solid silver;
margin-left: 40px;
margin-top: 20px;
}
aside p {
color: #637276;
margin-left: 30px;
margin-right: 30px;
font-size: 15px;
margin-top: 10px;
}
aside h3 {
margin-left: 30px;
padding-bottom: 0.4em;
color: #595c61;
font-size: 15pt;
font-family: Arial, sans-serif;
}
section {
width: 650px;
border-right: 1px solid #5f5c16;
margin-top: 25px;
margin-bottom: 25px;
}
section a {
color: #959698;
}
section h2 {
margin-left: 30px;
color: white;
padding-top: 1em;
padding-bottom: 0.6em;
font-size: 12pt;
font-family: Arial, sans-serif;
}
section h3 {
margin-left: 30px;
padding-bottom: 0.4em;
color: #595c61;
font-size: 15pt;
}
section hr {
width: 590px;
margin-left: 30px;
margin-right: 30px;
background-color:#424547;
border:#424547;
height:1px;
}
section p {
margin-left: 30px;
padding-bottom: 0.6em;
margin-right: 30px;
color: #637276;
font-size: 15px;
}
section ul {
margin-left: 30px;
margin-right: 30px;
padding-left: 3em;
color: #637276;
font-size: 15px;
}
section li {
margin-left: 30px;
margin-right: 30px;
padding-bottom: 0.2em;
color: #637276;
}
footer {
height: 30px;
/*background-image: url(bilder/footer.png);*/
color: white;
text-align: center;
clear: both;
}
footer p {
text-align: center;
padding-top: 4px;
padding-right: 30px;
font-size: 7pt;
color: white;
}
/***************** Navigation ************************************
******************************************************************/
#steuerungoben {
background-image: url(bilder/balken_oben.png);
height: 32px;
border-bottom: 1px solid #5f5c16;
border-top : 1px solid #424547;
}
#steuerungoben ul {
list-style-type: none;
}
#steuerungoben li {
display: inline;
}
#steuerungoben a {
font-size: 11pt;
display: block;
width: 90px;
float: left;
text-align: center;
line-height: 32px;
color: #FFF;
text-decoration: none;
text-shadow: 0px 0px 0px #e6e6a8;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
}
#steuerungoben a:hover {
background-color: rgba(255, 233, 0, 0.2);
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;;
}
/***************** SUP-Navigation *********************************
******************************************************************/
#steuerungunten {
background-image: url(bilder/botton-unten.jpg);
height: 32px;
border-top: 1px solid #5f5c16;
width: 500px;
float: left;
clear: both;
}
#steuer2 {
background-image: url(bilder/botton-unten.jpg);
float: right;
height: 32px;
border-top: 1px solid #5f5c16;
width: 400px;
}
#steuer2 p {
float: left;
}
#steuer2 a {
width: 90px;
float: left;
text-align: center;
line-height: 32px;
}
#steuer2 a img {
padding-top: 0.2em;
text-decoration: none;
}
#steuerungunten ul {
list-style-type: none;
}
#steuerungunten li {
display: inline;
}
#steuerungunten a {
font-size: 11pt;
display: block;
width: 90px;
float: left;
text-align: center;
line-height: 32px;
color: #FFF;
text-decoration: none;
text-shadow: 0px 0px 0px #e6e6a8;
-webkit-transition: all 800ms ease-in;
-moz-transition: all 800ms ease-in;
-ms-transition: all 800ms ease-in;
-o-transition: all 800ms ease-in;
transition: all 800ms ease-in;
}
#steuerungunten a:hover {
background-color: rgba(255, 233, 0, 0.2);
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
-ms-transition: all 400ms ease-in;
-o-transition: all 400ms ease-in;
transition: all 400ms ease-in;; }
Alles anzeigen
Hi,
wenn ich meinen CSS Code Validiere melder er keinen Fehler und 8 Warnungen. Wenn ich jedoch meine Seite bei seitenreport durch jage melde er 16 Fehler in dem CSS Code? Wie kann das sein?
Astinos
bei mir wird das nächste bild mit angezeigt:html-seminar.de/woltlab/attachment/440/
(im IE, Opera und Chrome)
Und genau das ist ja mein Problem!!!
Servus ich mal wieder,
da ich zu faul war wir eine eigene Galerie zu bauen habe ich den wowslider verwendet. Das Problem nun schaut es euch an hier! In der Vorschau wird alles i.o. angezeigt aber sobald ich via ie oder ff öffne zerschießt er ihn mir!!!
Hmmmmmmm
Ich nerv ein wenig gell?
ich habe einen weiteren Fehler eindeckt du verlinkt deine Seite mit "hier"^^
Wo hast du diesen "Fehler" endeckt?
ist doch egal von wo er seine Kunden bekommt muss sie ja nicht von seiner eigenen Seite sein... bringt gleich viel geld^^
Ist schon lustig wa ... ... nein in der tat ist es das ... aber dennoch nervt es oder. Ich mein dann kann ich mir das sparen und mich auf meine Fremd Seiten verlassen ... richtig! leider ist net so.
Ok,
da ja Fehler drin sind, wie zb. h1 und co aber vor allem der titel ist ja abgestellt worden wie man hier sieht. und das was noch nicht ist kommt ja noch.
Aber wie kann es zb. sein wenn ich mir eine Seite anschaue die nur beim dem Wort stuntman ganz oben steht, noch über wiki. diese Seite, hat nen content von nicht mal 50 Wörtern. hat exakt einen Backlink. ist 1 1/2 Jahre alt und steht noch vor dem Bundes Verband wie ist das bitte möglich? Hat auch keine "H1"!
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.