Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag06.10.2008 um 21:35 (UTC)    
Titel: html wird als quelltext angezeigt auf der HP ?!?

Hallo,

versteh das mit dem HTML nicht ganz. Hab den Quellcodebutton schon benutzt, und auch meinen HTML Code dort eingegeben (den hab ich mal vor längerem erstellt, ist ne ganze Seite) aber wenn ich auf speichern geh, seh ich auf meiner Seite dann nur den HTML Quell-Text, aber nicht die Umsetzung.
Muss ich da irgendwas ändern, oder mach ich was falsch beim Einfügen?
Komm einfach nicht drauf und hab nix gefunden im Forum

Danke Smile
Beitrag06.10.2008 um 21:56 (UTC)    
Titel:

du meinst wohl diesen Code oder?
Zitat:
body{ font-family: ARIAL,HELVETICA,sans-serif; background-color:#FFFFCC; font-size:1em; line-height:125%; margin:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:0: margin-width:0; margin-height:0;} /*Hintergrundfarbe:Hellgelb Schriftart 1. Arial; wenn nicht vorhanden, dann: Helvetica; wenn auch nicht vorhanden, dann irgendeine Schrift ohne Serifen Schriftgröße: so hoch wie ein m breit ist Die Zeilenhöhe: 125% also 1,25 em hoch Alle Ränder = 0 */ /*Ueberschriften*/ h1{font-size:150%; MARGIN:20px 0.5cm 10 0.5cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 0,5 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 0,5 cm. Der Absatz ist zentriert*/ h2{font-size:150%; MARGIN:20px 0.5cm 10 0.5cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 0,5 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 0,5 cm. Der Absatz ist zentriert*/ h3{font-size:150%; MARGIN:20px 1cm 10 1cm; text-align:center;} /*Schriftgröße:100%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 1 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 1 cm. Der Absatz ist zentriert*/ h4{font-size:150%; MARGIN:20px 1cm 10 1cm; text-align:center;} /*Schriftgröße:150%, Farbe: schwarz, Ränder: Abstand oben 20 Pixel, rechter Abstand 1 cm, Abstand der Überschrift nach unten 10 Pixel und linker Abstand 1 cm. Der Absatz ist zentriert*/ /* Absätze */ P {MARGIN: 1em 2.5cm 0 5cm;} /* Abstand oben 1 em, Abstand rechts 2cm,Abstand unten 0, Abstand links 5cm */ /* Kopfzeile jeder Seite */ p.titel{COLOR:#FF8000; FONT-SIZE:200%; LINE-HEIGHT:200%; MARGIN:16px 0 0 0; letter-spacing:4px; font-weight:700; TEXT-ALIGN:center;} /*Farbe orange Schriftgröße 200% Zeilenhöhe 200%; Die Ränder sind auf den Kopfbereich zugeschnitten - nur oben 16 Pixel Abstand Die einzelnen Buchstaben weiter auseinander als normal gesetzt: letter-spacing: 4px; Schriftgrad fett, zentriert*/ p.bilder{COLOR:#800000; FONT-SIZE: 110%; LINE-HEIGHT: 30%; MARGIN: 40px 30 40 30; letter-spacing: 6; font-weight:700;} /*Farbe dunkelrot Schriftgröße 110% Zeilenhöhe 30%; Die Ränder - oben 40 Pixel Abstand, links 30, unten 40, rechts 30 Die einzelnen Buchstaben weiter auseinander als normal gesetzt: letter-spacing: 4px; Schriftgrad fett, zentriert*/ /*Zurück zur Startseite*/ p.zurück{ font-size:100%; line-height:150%; margin-top:20; margin-bottom:20; margin-left:40px; margin-right:0; text-align:left;} /*Kontakt und Impressum*/ p.button{margin-top:30; margin-bottom:40;text-align:center;} /*Hoch zum Seitenanfang - steht auch jeder Seite*/ p.hoch{font-size:100%; line-height:150%; margin-top:20; margin-bottom:20; text-align:center;} /* für alle Quellenangaben */ p.quelle{FONT-SIZE:80%; MARGIN-TOP:10px; text-align:center;} /* eine um 20% kleinere Schrift als Normal Abstand oben 10 Pixel, zentriert */ p.hinweis{FONT-SIZE:100%; MARGIN-TOP:20px; text-align:center;} /* Schrift 100% Abstand oben 20 Pixel, zentriert */ p.text{FONT-SIZE:100%; MARGIN-TOP:20px; margin-bottom:20px; margin-left:40px; margin-right:40px;text-align:left;} /* Schrift 100% Abstand oben 20 Pixel, links und rechts 40 Pixel, zentriert */ p.link {FONT-SIZE:100%; MARGIN-TOP:5px; text-align:center;} p.kontakt{FONT-SIZE:150%; LINE-HEIGHT:150%; MARGIN:40px 0px 0 20; letter-spacing:2px; font-weight:400; TEXT-ALIGN:center;} p.kontakt1{FONT-SIZE:100%; LINE-HEIGHT:140%; MARGIN:20px 0 40 0; letter-spacing:3px; font-weight:700; TEXT-ALIGN:center;} li {MARGIN-BOTTOM:3px;} /* jeder Listenpunkt Abstand unten 4 Pixel vom nächsten Aufzählungspunkt */ /*Liste*/ ol {margin: 15px 10 20 3px; line-height:100%; list-style:decimal;} /* georndete Liste Rand oben 15 Pixel rechts 10 unten 20 Pixel links 3 Zeilenhöhe 100% Aufzählungsart dezimal */ ul {margin: 30px 10 20 5px; line-height:150%; list-style:disc;} /* ungeorndete Liste Rand oben 30 Pixel rechts 10 unten 20 Pixel links 5 Zeilenhöe 1,5 mal Normalgröße des Textes Aufzählungsart gefüllter Kreis */ /*Divisions -übergreifende Bereiche*/ /*Für Bilder: zentriert, Rand oben 2em, unten 0*/ div.innenstadt {margin-top: 2em; margin-bottom:2em; text-align:center;} div.schiff {margin-top: 1.5; margin-bottom:1.5; text-align:center;} div.stadtwappen {margin-top:10; margin-bottom:30; text-align:center;} div.kontakt {margin-left:0; margin-top: 0; margin-bottom:0; text-align:center;} div.bild {margin-left:0; margin-top: 30; margin-bottom:30; text-align:center;} div.rose {margin-left:0; margin-top: 0; margin-bottom:0; text-align:left;} div.center {text-align:center; margin-top:2em; margin-bottom:1.5em;} div.center table {margin-left:auto; margin-right:auto; text-align:center;} /* Zentrierung speziell für Tabellen Das ist eine Untergruppe von div.center! */ span.unter {font-weight:600;} /* unterstreicht den Text */ /* Fett */ strong {font-weight:600; } /* setzt den Text fett mit dem Wert 600 */ .hgn {FONT-SIZE: 110%; font-weight:400; color:#bb0000;} /* hebt den Text hervor Schriftgröße 110% ganz fett Farbe dunkelrot */ /* Navigation */ p.nav {MARGIN: 10px 8px 8px 10px;} /* Navigation 1. Ebene Rand oben = 10 Pixel rechts = 8 unten = 8 links = 10 Pixel */ /* Navigation */ p.nav1 {MARGIN: 10px 0px 10px 90px;} /* Navigation 1. Ebene Rand oben = 10 Pixel rechts = 0 unten = 10 links = 90 Pixel */ /*Links*/ A {color:#1756E8;text-decoration:none; font-weight:600;} /*Alle Links, Farbe dunkelblau, keine Verziehrung, fett*/ A:visited {color:#6CB6FF} /* bereits besuchte Links (Seiten) Farbe: Hellblau */ A:hover {color:#66EFF7;text-decoration:underline;} /*Schwebeeffekt, Farbe:hellblau, Unterstrichen*/ A:active {color:#33CCFF;} /*Link im Moment des Drückens türkis*/ /* Tabellen - für alte Browser nötig */ td {font-family: Arial, Helvetica, sans-serif; font-size:1em; line-height:125%; color:#000000;} th {font-family: Arial, Helvetica, sans-serif; font-size:1.5em; line-height:125%; color:#000000; font-weight:600;} /* Netscape vor 6 kann keine Tabellen sauber formatieren. Dashalb muss man hier die Angaben aus Body wiederholen */ Table {align:center; width:100%; padding:5; spacing:8;} /* Inhaltstabelle mit Text zentriert Normalbreite: 50% des Browser-Fensters */ Table.startseite {align:center; background-color:#F3F997; width:90%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters*/ Table.bilderseite {align:center; background-color:#FFCC33; width:100%; MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters */ /* Layout-Tabelle */ Tr.bilderseite {background-color:#F3F997 ;align:center;} /* Dies färbt die Kopfzeile hellorange zentriert alle Inhalte - betrifft u.la.a das Logo linkst in der ersten Spalte der Kopfzeile*/ TD.bilderseite {background-color:#F3F997;} /* Dies färbt die Navigationsspalte hellorange*/ Table.sehenswuerdigkeiten {align:center; background-color:#F3F997; width:100%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters*/ TD.sehenswuerdigkeiten {background-color:#F3F997;} /* Dies färbt die Navigationsspalte hellorange*/ TD.gruen {background-color:#95CA17;} Table.bodenseeumgebung {align:center; background-color:#F3F997; width:100%;MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Oben 40 Pixel, unten 40 Pixel */ TD.bodenseeumgebung {background-color:#FFCC33} /* Dies färbt die Navigationsspalte hellorange*/ TD.impressum {background-color:#FFCC99; text-align:center; FONT-SIZE:120%; LINE-HEIGHT:120%; letter-spacing:2px; font-weight:200;} div.center table.geschichte {margin-top:15; margin-bottom:5; width:45%; text-align:left;} div.center table.geschichte tr {vertical-align:top} Table.kontakt {align:center; background-color:#FFDF00; width:100%; MARGIN-TOP:40px; margin-bottom:40px;} /* Inhaltstabelle im Text zentriert Hintergrudnfarbe orange Normalbreite: 50% des Browser-Fensters */



Wenn ja dann kann das auch nicht klappen.Von HTML seh ich in dem Code nichts.Es sieht für mich eher aus wie CSS.Füge ihn vllt bei Text über dem Design ein.Ich blick bei dem Code nicht ganz durch,weil da zwischen immer mal was normales geschrieben ist.
Beitrag06.10.2008 um 21:57 (UTC)    
Titel:

Du hast den Design Code auf eine Seite gesetzt? Der gehört zu "CSS-Code ohne Style Tags"
______________
18,99€ HOPPenheim - mehr $chein als Sein
Beitrag07.10.2008 um 08:25 (UTC)    
Titel:

ja den code meine ich.
ja der text dazwischen ist von der alten Seite. offline gehen tut das eigentlich schon, haben das in der Uni mal erstellt.

Was meist du damit der gehört zu "CSS-Code ohne Style Tags"?
Beitrag07.10.2008 um 09:03 (UTC)    
Titel:

er meint, das es ein code ist für das css profi design. da sollte man finger von lassen, wenn man sich nicht so auskennt.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de