.html und .css testen

doppi77 · 07/03/2013, 11:12

Hallo Com.,

seit einem Tag arbeite ich nun mit dem Programm "Webocton-Scriptly".
Dieses kostenlose Programm hilft mir beim schreiben von html und css codes für eine Website; kennen bestimmt viele.
Nun meine Frage.. Das Programm kann mir beide Dateien in einem veralteten Browser vorstellen, aber gibt es auch die Möglichkeit beide Dateien in einem neuen Browser zu testen?
Nur die .html ist ja klar.. aber auch im Zusammenhang mit meiner .css

Dankeklick für jede hilfreiche Antwort

ოყlἶlրωղყ · 07/03/2013, 17:31

Also so ganz erschliesst sich mir deine Frage nicht.

Fuer den Fall, dass du wissen moechtest, wie man ein CSSstylesheet mit eine HTMLdatei verknuepft:

Spoiler

Und falls du die Websiten in Browsern testen moechtest:

Spoiler

~

doppi77 · 07/03/2013, 18:46

Quote:

Originally Posted by ოყlἶlրωղყ

Also so ganz erschliesst sich mir deine Frage nicht.

Fuer den Fall, dass du wissen moechtest, wie man ein CSSstylesheet mit eine HTMLdatei verknuepft:

Spoiler

Einfach in den Headtag folgende Zeile einfuegen:
<link rel="stylesheet" href=">> Pfad zur Datei <<" type="text/css" />

Und natuerlich statt dem Platzhalter den richtigen Pfad einfuegen.

Und falls du die Websiten in Browsern testen moechtest:

Spoiler

Meine Empfehlung dafuer lautet Definitiv sich einfach die aktuellen, grossen Brower zu downloaden und dann direkt im Browser testen.

Also Chrome, Firefox, Opera und Safari
Dann ist eigentlich alles abgedeckt. (:

~

Gut, dass mit dem Verknüpfen wusste ich und war auch so geschrieben.

Mein Fehler war.. habe es mit Firefox getestet -> klappte nicht
Mit GoogleChrome -> klappt ??

Warum Firefox dass nicht kann? Falsche Codierung?

Cyperghost · 07/03/2013, 19:32

zeig mal denn code

und was konnte der Firefox nicht was GoogleChrome kann?

ოყlἶlրωղყ · 07/03/2013, 20:15

Quote:

Originally Posted by doppi77

Mein Fehler war.. habe es mit Firefox getestet -> klappte nicht
Mit GoogleChrome -> klappt ??

Warum Firefox dass nicht kann? Falsche Codierung?

Okay? Also das ist mir ja noch nie untergekommen.
Das einzige was sein koennte, wenn du mit HTML5 arbeitest, dass FF die gewaehlten Tags nicht unterstuetzt.
Das kann ich mir allerdings kaum vorstellen. o:

Ich schliesse mich Cyper einfach mal an.
Der entsprechende Quelltext waere da bestimmt ganz hilfreich.

~

xEncounter · 07/07/2013, 22:03

Eigentlich sollten in beiden Browsern keine Kompatibilität Probleme auftreten.

Zettabytes* · 07/09/2013, 19:37

Ganz ohne deinen Code wird dir wohl niemand bei deinem Problem helfen können,
man kann nur Vermuten.

Und meine Vermutung ist, dass du Falsch verlinkt hast.
Oder Attribute Fehlen.

Wenn du möchtest das dir richtig geholfen wird, würde es
helfen wenn du die Verlinkung hier rein schreiben würdest.

Lg

NEXON | Technologies · 07/17/2013, 14:37

Lokaler Webserver dann geht sogar PHP

Project Rivalry · 07/17/2013, 15:49

Quote:

Originally Posted by NEXON | Technologies

Lokaler Webserver dann geht sogar PHP

was hat das jetzt mit diesem Problem zu tun?

// zum Topic

das einzige was sein kann das du eine ältere Version von FF hast und eine aktuelle von Chrome. Wie bereits angemerkt was funktioniert nicht? Chrome und FF unterstützen soweit ich weiß alle neuen Tags. Wie das mit css aussieht bin ich mir nicht ganz sicher glaube bei FF muss oftmals ein -moz-.. irgendwie vorne dran?

Quote:

But for the moment, as with many other ‘experimental’ CSS3 properties, you’ll need to use the following prefixes to support Mozilla and Webkit:
#example1 {
-moz-box-shadow: 10px 10px 5px #888;
-webkit-box-shadow: 10px 10px 5px #888;
box-shadow: 10px 10px 5px #888;
}

~~.BlackHat~~ · 07/17/2013, 19:03

Punkto CSS gibt es von Browser zu Browser abweichungen.
Ein beispiel ist der border-radius oder box-shadow. Das muss bestenfalls insgesamt 3mal gemacht werden, ein mal mit -moz-, -webkit- und einmal ohne prefix. So sähe das aus:

Code:

[b]-moz-[/b]border-radius: 3px;
[b]-webkit-[/b]border-radius: 3px;
border-radius: 3px;

devcode · 07/17/2013, 19:45

Für Firefox Version 4+ (stand 2011) brauchst du kein prefix für border-radius und box-shadow