![]() |
|
|
Themen-Optionen |
|
|
#1
|
|
Newbie
![]() Registriert seit: 01.08.2012
Beiträge: 8
|
css wird nicht angezeigt!Hei,
Schon wieder habe ich das gleiche problem doch diesmal in einer aderen Form. In der Live View wird alles richtig angezeigt doch im Browser (Firefox, IE ect.) wird nichts angezeigt. Ich hoffe ich könnt mir weiterhelfen. Den Code schicke ich gleich mit Code:
<!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">
<head>
<link rel="stylesheet" type="text/css" href="/css/styles.css" />
<link href="/css/menucss.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>
<body>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div id="menu">
<ul>
<li><a href="#">Home</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Mitglieder</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Statistiken</a>
<ul>
</ul>
</li>
</ul>
<ul>
<li><a href="#">Forum</a>
<ul>
</ul>
</li>
<li><a href="#">Über uns</a>
<ul>
</ul>
</li>
</ul>
</div>
<p> </p>
<p> </p>
<div id="container">
<div id="rotator"><!-- Begin DWUser_EasyRotator -->
<script type="text/javascript" src="http://c520866.r66.cf2.rackcdn.com/1/js/easy_rotator.min.js"></script>
<div class="dwuserEasyRotator" style="width: 800px; height: 281px; position:relative; text-align: left;" data-erconfig="{autoplayEnabled:true, lpp:'102-105-108-101-58-47-47-47-67-58-47-85-115-101-114-115-47-76-101-111-110-47-68-111-99-117-109-101-110-116-115-47-69-97-115-121-82-111-116-97-116-111-114-80-114-101-118-105-101-119-47-112-114-101-118-105-101-119-95-115-119-102-115-47'}" data-ername="home" data-erTID="{fvzwdvaay65248659204431}">
<div data-ertype="content" style="display: none;"><ul data-erlabel="Main Category">
<li>
<img class="main" src="Images/Soldaten/bewerbung.png" alt="Ihr seit auf den Geschmack gekommen?" /> <img class="thumb" src="Images/Soldaten/bewerbung.png" /> <span class="title">Ihr seit auf den Geschmack gekommen?</span> <span class="desc">Dann nichts wie her mit eurer Bewerbung. Klickt auf das Bild um die Aufnnahme Kriterien zu sehen. </span>
</li>
<li>
<img class="main" src="Images/Soldaten/statistiken.png" alt="Statistiken" /> <img class="thumb" src="Images/Soldaten/statistiken.png" /> <span class="title">Statistiken</span> <span class="desc">Wie stehen unsere Mitglieder im einzelnen. Jeder einzele Informationen findet ihr hier!</span>
</li>
<li>
<img class="main" src="Images/Soldaten/video.png" alt="Neues Video!" /> <img class="thumb" src="Images/Soldaten/video.png" /> <span class="title">Neues Video!</span> <span class="desc">Unser Webmaster und Produzent KinqBANG (PanikPilot) hat ein neues Video über uns reingestellt. Wir hoffen es gefällt euch!</span>
</li>
</ul>
</div>
<div data-ertype="layout" data-ertemplatename="NONE" style=""> <div class="erimgMain" style="position: absolute; left:0;right:0;top:0;bottom:0;" data-erConfig="{___numTiles:3, scaleMode:'fillArea', duration:800, imgType:'main', alwaysPreviousButton:true, __loopNextButton:false, __arrowButtonMode:'rollover'}">
<div class="erimgMain_slides" style="position: absolute; left:0; top:0; bottom:0; right:0;">
<div class="erimgMain_slide">
<div class="erimgMain_img" style="position: absolute; left: 0; right: 0; top:0;bottom:0;"></div>
<div class="" style="position: absolute; left:0; right:0; bottom: 20px; padding: 7px 200px 7px 20px; background: #000; background:rgba(0,0,0,0.9); color: #FFF; font-family: Georgia, 'Times New Roman', Times, _serif; text-align: left;">
<p class="erimgMain_title" style="padding: 0; margin: 0 0 3px 0; font-weight: bold; font-size: 22px;"></p>
<p class="erimgMain_desc" style="padding: 0; margin: 0; font: 12px/16px Arial,_sans;"></p>
</div>
</div>
</div>
<!-- <div class="erimgMain_arrowLeft" style="position:absolute; left: 10px; top: 50%; margin-top: -15px;" data-erConfig="{image:'circleSmall', image2:'circleSmall'}"></div>
<div class="erimgMain_arrowRight" style="position:absolute; right: 10px; top: 50%; margin-top: -15px;"></div> -->
</div>
<div class="erdots" style="overflow: hidden; margin: 0; font-size: 10px; font-family: 'Lucida Grande', 'Lucida Sans', Arial, _sans; color: #FFF; position: absolute; right:6px; bottom:30px; width:200px;" data-erConfig="{showText:false}" align="center">
<div class="erdots_wrap" style="wasbackground-color: #CFC; float: right;" align="left"> <!-- modify the float on this element to make left/right/none=center aligned. -->
<span class="erdots_btn_selected" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: default; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.png) top left no-repeat;">
</span>
<span class="erdots_btn_normal" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_35.png) top left no-repeat;">
</span>
<span class="erdots_btn_hover" style="padding-left: 0; width: 21px; height: 20px; display: inline-block; text-align: center; vertical-align: middle; line-height: 20px; margin: 0 2px 0 0; cursor: pointer; background: url(http://easyrotator.s3.amazonaws.com/1/i/rotator/dots/export/20_14_wite_65.png) top left no-repeat;">
</span>
</div>
</div><div class="erabout erFixCSS3" style="color: #FFF; text-align: left; background: #000; background:rgba(0,0,0,0.93); border: 2px solid #FFF; padding: 20px; font: normal 11px/14px Verdana,_sans; width: 300px; border-radius: 10px; display:none;"> This <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">jQuery slider</a> was created with the free <a style="color:#FFF;" href="http://www.dwuser.com/easyrotator/" target="_blank">EasyRotator</a> software from DWUser.com. <br />
<br />
Need a powerful <a style="color:#FFF;" href="http://www.dwuser.com/flashslideshow/" target="_blank">Flash slideshow</a> creator with built-in iPhone/iPad/Android support? EasyRotator is supported by the <a style="color:#FFF;" href="http://www.dwuser.com/flashslideshow/" target="_blank">XML Flash Slideshow v4 Software</a>. <br />
<br />
<a style="color:#FFF;" href="#" class="erabout_ok">OK</a> </div>
<noscript>
Rotator powered by <a href="http://www.dwuser.com/easyrotator/">EasyRotator</a>, a free and easy jQuery slider builder from DWUser.com. Please enable JavaScript to view.
</noscript>
<script type="text/javascript">/*Avoid IE gzip bug*/(function(b,c,d){try{if(!b[d]){b[d]="temp";var a=c.createElement("script");a.type="text/javascript";a.src="http://easyrotator.s3.amazonaws.com/1/js/nozip/easy_rotator.min.js";c.getElementsByTagName("head")[0].appendChild(a)}}catch(e){alert("EasyRotator fail; contact support.")}})(window,document,"er_$144");</script>
</div>
</div>
<!-- End DWUser_EasyRotator -->
</div>
<div id="DLC">
<div id="boxentext">
DLC Information
</div>
</div>
<div id="Clanwars">
<div id="Clanwarstext">Clanwars</div>
</div>
<div id="Videos">
<div id="videostext">
Videos
</div>
</div>
<p><br />
</p>
<div class="menu">
<p> </p>
<p> </p>
<p> </p>
<iframe width="853" height="480" src="http://www.youtube.com/embed/oylwVGiNmM8" frameborder="0" allowfullscreen></iframe>
</body>
</html>
Code:
@charset "utf-8";
body {
background-attachment: scroll;
background-image: url(/Images/bg/bhhomepage0.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#container {
width: 880px;
margin-right: auto;
margin-left: auto;
}
#rotator {
height: 281px;
width: 800px;
margin-right: auto;
margin-left: auto;
}
#DLC {
height: 100px;
width: 275px;
background-image: url(/Images/Soldaten/Unbenannt-2.png);
margin-top: 20px;
font-family: Autumn;
font-size: 12px;
color: #FFF;
clear: left;
float: left;
}
#Clanwars {
height: 100px;
width: 275px;
float: left;
margin-top: 20px;
margin-left: 20px;
background-image: url(/Images/Soldaten/Unbenannt-3.png);
}
#Clanwars:hover {
background-image: url(/Images/Soldaten/Unbenannt-3.1.png);
}
#DLC:hover {
background-image: url(/Images/Soldaten/Unbenannt-2.1.png);
}
#DLC #boxentext {
font-family: "Arial Rounded MT Bold";
font-size: 24px;
margin: 32px;
position: absolute;
}
#Clanwarstext {
margin-top: 32px;
position: absolute;
color: #FFF;
margin-right: auto;
margin-left: 90px;
font-family: "Arial Rounded MT Bold";
font-size: 24px;
}
#Videos {
float: left;
width: 275px;
margin-top: 20px;
margin-left: 20px;
background-image: url(/Images/Soldaten/Unbenannt-4.png);
height: 100px;
}
#videostext {
position: absolute;
font-family: "Arial Rounded MT Bold";
font-size: 24px;
color: #FFF;
margin-top: 32px;
margin-left: 95px;
}
#Videos:hover {
background-image: url(/Images/Soldaten/Unbenannt-4.1.png);
}
|
|
|
|
#2
|
|
![]() ![]() ![]() Registriert seit: 08.03.2007
Beiträge: 1.426
|
„Live View“ von wem oder was?
Arbeitest Du localhost oder auf dem Server? Lieber Gruß Rata |
|
|
|
#3
|
|
Newbie
![]() Themenstarter
Registriert seit: 01.08.2012
Beiträge: 8
|
Ich arbeit mit Dreamweaver auf dem localhost
|
|
|
|
#4
|
|
mensch
![]() ![]() Registriert seit: 01.09.2009
Beiträge: 315
Kamera: 60DVerwendet: CS6, C4D |
werden die Bilder denn angezeigt oder funktionieren alle verlinkungen nicht?
|
|
|
|
#5
|
|
Newbie
![]() Themenstarter
Registriert seit: 01.08.2012
Beiträge: 8
|
alle Funktionieren nicht.
|
|
|
|
#6
|
|
Newbie
![]() Registriert seit: 06.11.2006
Beiträge: 8
|
hast du mal auf groß und kleinschreibung der ordner und dateien geachtet? und auch die pfadangaben nochmal kontrolliert??
Geändert von pummuk (05.08.2012 um 19:28 Uhr). |
|
|
|
#7
|
|
(zu)Vielschreiber
![]() ![]() ![]() ![]() ![]() Registriert seit: 09.07.2009
Beiträge: 3.325
Verwendet: Adobe Geschichten, GIMP und Blender
|
Was sagt dir eigentlich die Fehlerkonsole bspw. im FF?
Dort erhältst du ja auch Meldungen zum CSS... Mit localhost meinst du also, dass du die Seite ohne lokalen Server auf deinem Computer testest? Ich würde dir empfehlen, wenn du mehr machen willst, dir auch eine lokale Testumgebung zu installieren - hilft enorm bei der Fehlersuche, gerade für den Einsatz mit richtigem Server... Lieber Gruß |
|
|
|
#8
|
|
Newbie
![]() Themenstarter
Registriert seit: 01.08.2012
Beiträge: 8
|
Die Fehlerkonsole sagt das keine css-bediengungen vorhanden sind. Dabei habe ich alle mit der Index seite verlinkt.
|
|
|
|
#9
|
|
Photonensammler
![]() ![]() ![]() ![]() Registriert seit: 27.08.2006
Ort: D-68723
Beiträge: 1.897
Kamera: Canon EOS 500D, Tamron SP AF 17-50mm 2,8 XR Di II VC |
Lass mal die die rot markierten Slashes weg:
Code:
<link rel="stylesheet" type="text/css" href="/css/styles.css" /> <link href="/css/menucss.css" rel="stylesheet" type="text/css" /> background-image: url(/Images/bg/bhhomepage0.jpg);
__________________
Meine Bilder auf flickr und Panoramio Informationsfluss im Forum verbessern Wenn Dir Motive fehlen, geh' ohne Kamera auf die Straße und Du wirst 1.000 Motive finden. |
|
|
|
#10
|
|
Newbie
![]() Registriert seit: 25.04.2008
Beiträge: 99
|
Hallo Zimbo95,
meine Tipps: 1. Schreibe alle Namen der Seiten am Anfang klein. Beispiele: Falsch: Index.html Richtig: index.html Falsch: Unser_Gästebuch.html Richtig: unser_Gaestebuch.html oder noch besser unser_gaestebuch.html etc. pp. 2. Bei den Ordnern wo Deine Seiten, Grafiken oder CSS-Dateien liegen würde ich gleiches empfehlen. Beispiel: Falsch: Images/Soldaten Richtig: images/soldaten etc. pp. 3. Namen der Grafiken auch am Anfang klein geschrieben. Beispiel: Falsch: Unbenannt-2.png Richtig: unbenannt-2.png Falsch: unbenannt 2.png Richtig: unbenannt_2.png oder unbenannt-2.png etc. pp. 4. Gleiches gilt für Id’s und Klassen in CSS und XHTML: Beispiel CSS: Falsch: #DLC Richtig: #dlc Beispiel XHTML: Falsch: <div id="DLC"> Richtig: <div id="dlc"> Warum ich das so empfehle kannst Du auf folgenden Link nachlesen: http://de.selfhtml.org/navigation/fa...ionieren_nicht (Warum funktionieren meine Verweise und Grafikreferenzen nach dem Hochladen auf den Server nicht mehr?) 5. Ein Schrägstrich (/), eher Slash genannt, kann am Anfang eines href Probleme verursachen. Nehmen wir mal an Deine index.html liegt wie gewöhnlich im Hauptordner und diese soll mit einer oder mehreren CSS-Dateien verknüpft werden. In diesem Hauptordner ist auch der Unterordner css verfügbar worin sich die styles.css befindet. Da würde es sich doch eher anbieten den ersten Slash wegzulassen und folgendes zu schreiben: HTML-Code:
<link rel="stylesheet" type="text/css" href="css/styles.css" />
6. Bei der CSS-Datei kann der Slash aber auch Sinnvoll sein, wenn Dein Bilderordner images auch im Hauptordner liegt. Der Slash alleine bewirkt nichts, aber mit zwei vorangestellten Punkten (../) könnte das Ergebnis schon positiv ausfallen. Versuche mal entweder den ersten Slash wegzulassen oder zwei Punkte davorzusetzen. Beispiel (ACHTUNG: der Ordner images ist klein geschrieben): Code:
/* Entweder */ background-image: url(images/bg/bhhomepage0.jpg); /* Oder */ background-image: url(../images/bg/bhhomepage0.jpg); Freundliche Grüße, Indium1 |
|
|
|
#11
|
|
Photonensammler
![]() ![]() ![]() ![]() Registriert seit: 27.08.2006
Ort: D-68723
Beiträge: 1.897
Kamera: Canon EOS 500D, Tamron SP AF 17-50mm 2,8 XR Di II VC |
Also Groß- und Kleinschreibung in falsch und richtig zu unterteilen ist, sorry, vermessen.
Es bleibt jedem selbst überlassen, wie er das handhabt. Kleinschreibung hat sich quasi als Standard eingebürgert. Aber das hat nichts mit richtig und falsch zu tun. Was auf jeden Fall hilfreich ist, ist innerhalb der Seite eine homogene Syntax zu haben.
__________________
Meine Bilder auf flickr und Panoramio Informationsfluss im Forum verbessern Wenn Dir Motive fehlen, geh' ohne Kamera auf die Straße und Du wirst 1.000 Motive finden. |
|
|
|
#12
|
||
|
Medienjongleur
![]() ![]() ![]() ![]() ![]() Registriert seit: 11.05.2008
Ort: NRW
Beiträge: 5.891
Kamera: Canon Eos 7D, Eos 60D, MV900, RevueVerwendet: CS4/CS6, Corel, GIMP, Coda, SublimeText 2, Wacom [...] |
Zitat:
Zitat:
Genauso wie sich die englische Schreibweise schon oft durchgesetzt hat. Wie man es aber letztendlich handhabt bleibt einem selbst überlassen. Man sollte nur auf eine einheitliche Schreibweise achten bzw. bei einer bleiben. @Indium1: Bitte lasse das formatieren (ändern der Schriftgröße) in deinen Beiträgen sein. Es stört nur unnötig den Lesefluss und macht deinen Beitrag nicht wichtiger. Danke. Grüße Patrick Geändert von patrick_l (06.08.2012 um 17:53 Uhr). |
||
|
|
|
#13
|
|
|
Newbie
![]() Registriert seit: 25.04.2008
Beiträge: 99
|
Hallo Digicam,
Zitat:
Gründe habe ich durch die Verlinkung vermittelt. Ein weiterer Grund wäre auch, man weis nie ob der eigene Webauftritt mal den Server wechselt. Ich sage nur andere Anbieter, andere Sitten. Welche Techniken dahinterstecken bzw. wie die Scripte verarbeitet werden, können und wollen viele nicht wissen. Da zählt nur eins, Webseite übertragen und schon muss alles funktionieren. Wenn es nicht klappt ist das Erstaunen groß, weil man ja davon ausgeht das es funktionieren muss, da ja eine übereinstimmende Syntax geschrieben wurde. Da ich kürzlich selbst schon in den Genuss gekommen bin und zwei Tage damit verbracht habe die Fehlerquelle zu finden, die ja eigentlich keine ist, um nachher alles wieder auf Kleinschreibung umzustellen, weiß ich wovon ich rede. Laut diesem unerfreulichen Erfahrungswert setze ich lieber direkt auf das alte klapprige richtige Pferd und würde es allen anderen, die keinen eigenen Server betreiben oder zukünftig mit dem Gedanken spielen, einen Anbieterwechsel vorzunehmen, weiterhin wärmstens empfehlen. Viele Grüße, Indium1 |
|
|
|
|
#14
|
||
|
Newbie
![]() Registriert seit: 25.04.2008
Beiträge: 99
|
Hallo Patrick,
Zitat:
Zitat:
CSS font-family Validator Problem (Eintrag Nr. 7) Achtung: Die Äußerung wurde mittels Arial formatiert und kann leider nicht rückgängig gemacht werden. Absolute Katastrophe ohne Schriftgrößenangabe. Ab jetzt werde ich keine Schriftgrößen sowie Schriftarten mehr angeben! Viele Grüße, Michael Geändert von Indium1 (07.08.2012 um 02:09 Uhr). |
||
|
|
|
#15
|
|
Photonensammler
![]() ![]() ![]() ![]() Registriert seit: 27.08.2006
Ort: D-68723
Beiträge: 1.897
Kamera: Canon EOS 500D, Tamron SP AF 17-50mm 2,8 XR Di II VC |
@Indium1:
Es mag ja durchaus sein, dass es Anbieter gibt, bei denen Großschreibung falsch und Kleinschreibung richtig ist. Meiner Meinung nach liegt das Problem dann aber bei diesem Anbieter und nicht am User. Eine pauschale Unterteilung von Groß- und Kleinschreibung in falsch und richtig sehe ich immer noch als nicht korrekt. Dass es sich dabei nur um eine Empfehlung Deinerseits gehandelt hat, wird erst durch Post #13 klar. Sehe ich nicht so. Man kann einem User schon abverlangen, dass er aktuelle Software einsetzt.
__________________
Meine Bilder auf flickr und Panoramio Informationsfluss im Forum verbessern Wenn Dir Motive fehlen, geh' ohne Kamera auf die Straße und Du wirst 1.000 Motive finden. |
|
![]() |
| Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1) | |
| Themen-Optionen | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| css wird nicht angezeigt | OpenEyes | (X)HTML & CSS | 9 | 06.01.2010 19:19 |
| Hp wird nicht korrekt angezeigt | matzediekatze | Allgemeines | 5 | 04.02.2009 23:33 |
| CSS wird nicht angezeigt! | Foos | (X)HTML & CSS | 13 | 29.08.2008 14:45 |
| PHP wird nicht angezeigt?! | Brainsucker | PHP und andere Scriptsprachen | 13 | 21.05.2008 18:27 |
| css wird nicht angezeigt | bakari | (X)HTML & CSS | 7 | 21.11.2007 10:50 |
-
Reklame
-
-
- Farbe der Selbstillumination
- Fehlermeldung beim öffnen von Photoshop
- Beim fertigen Flyer die Schrift ändern - Wie?
- Kalender mit Slider
- Problem mit Textwerkzeug
- Suche Coder für online Portfolio (php)
- Problem im IE, jQuery wird nicht geladen
- Anzeigenformate und Farben 1+2+3+4 ?
- Kaufentscheidung Scanner A3
- Wie integriere ich ein Loading-Bild in einen bestehenden Upload Skript ?
- Sichel erstellen ... Anfänger
- Android: Download auf SD-Karte
- Displacement Map ruft seltsame Fragmente hervor
- Wunschliste Zubehör
- Altes blitzlich
- Karteireiter links oder rechts
- Skript/Automatisierung: PDF drehen, distillen, Seiten entnehmen
- Welches Objektiv könnt ihr mir empfehlen
- Blender Release 2.67a erschienen
- Ganze Webseite als (jquery) Slider
-
-
Aktuelles Commag
Anzeige
-
Anzeige











Social Media