Du bist nicht angemeldet. [Anmelden]
Übersicht der Foren        Kalender     Hilfe   Forumsknigge
Knuddels.de-Forum » Das Forum » Archive » Hilfe & Fragen zur Knuddels-HP »

HP-Design wird bei mir nicht angezeigt!
Optionen
Thema bewerten
HP-Design wird bei mir nicht angezeigt! - #2017750 - 03.06.2010, 22:58:01
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Guten Abend,

und zwar habe ich das Problem mit meinem Homepage-Design das mit einer CSS-Datei läuft.

Das Problem liegt daran, das bei mir meine Backgrounds für die Boxen nicht angezeigt werden, alle Einstellungen für die Schriftgröße/Farbe/Position nicht wirksam sind.
Gestern nachdem ich neue Hintergrundbild und neues Logo eingeführt habe, ging nach einem dritten Abspeichern nichts mehr.

Der Link zur CSS-Datei und den Grafiken/Bildern ist korregt, finde einfach den Fehler nicht. Vielleicht kann mir da jemand helfen, den das Problem finde ich leider nicht.

/hp DNA 328


Bin für jede Hilfe sehr dankbar. :-)

[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2017754 - 03.06.2010, 23:05:55
DoUgHbOyS
Nicht registriert


Der Bilderpfad ist falsch:
Code:
.box2_middle {
        background: url('./img/d.i.box2.m.png');
        height: auto;
Nimm einen direkten Link zur Grafik.
Beispiel:
Code:
.box2_middle {
        background: url('http://dna-328.de/KnuddelsHP/img/d.i.box2.b.png');
        height: auto;


Bearbeitet von DoUgHbOyS (03.06.2010, 23:07:11)
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2017766 - 03.06.2010, 23:15:43
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Antwort auf: DoUgHbOyS
Der Bilderpfad ist falsch:
Code:
.box2_middle {
        background: url('./img/d.i.box2.m.png');
        height: auto;
Nimm einen direkten Link zur Grafik.
Beispiel:
Code:
.box2_middle {
        background: url('http://dna-328.de/KnuddelsHP/img/d.i.box2.b.png');
        height: auto;

Hilft auch nicht.

Da es wiederrum egal ist, ob sich in der CSS-Datei die vollständige Adresse zur Grafik befindet, oder nicht. Da der Ordner (/img) im selben Ordner befinden wie die CSS-Datei.

Die normalen Grafiken auf der Homepage werden ja normal angezeigt selbst das Hintergrund auch, nur die Boxen nicht und die Einstellung. Da normal zwei Boxen links und rechts sein sollten.
Aber da das nicht wirkt, wird es untereinander ohne Background angezeigt.
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2017770 - 03.06.2010, 23:24:18
DoUgHbOyS
Nicht registriert


Warum werden dann die Grafiken angezeigt, die du mit einem direktem Link verlinkt hast, angezeigt?

[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2017800 - 04.06.2010, 00:42:33
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Antwort auf: DoUgHbOyS
Warum werden dann die Grafiken angezeigt, die du mit einem direktem Link verlinkt hast, angezeigt?

Weils so ist. xD

Und übrigens wo ich mir die HP neu gemacht habe, und folgenden Code einbauen wollte:

Code:
a:link    {text-decoration: none; color: #FFFFFF;
a:visited {text-decoration: none; color: #FFFFFF;
a:hover   {text-decoration: none; font-weight: bold; color: #FFFFFF;
a:active  {text-decoration: none; font-weight: bold; color: #FFFFFF;

Da passierte genau das selbe Problem!
Also liegt es an dem Code, warum auch immer. ><
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2017803 - 04.06.2010, 00:55:49
Bizarrus
Nicht registriert


Ich glaube, da fehlen generell Grundkenntnisse.

1. Externe Bilder müssen bei Interner CSS immer komplett angegeben werden (http://...)

Beispiel:
Zitat:

<style type="text/css">
#test {
width: 100px;
height: 100px;
background: url('http://google.de/bild.png');
}
</style>
<div id="test"></div>


2. Externe Bilder bei der die CSS extern gelagert sind (wobei die Bilder sich auf dem selben Server befinden) müssen nicht unbedingt mittels "http://" angegeben werden


Beispiel:
Zitat:

<link rel="stylesheet" type="text/css" href="http://google.de/style.css">
<div id="test"></div>


Externe CSS:
Zitat:

#test {
width: 100px;
height: 100px;
background: url('bild.png');
}



3. Die Pfadangabe muss korrekt sein.
Dies kommt immer darauf an, wie du deine Ordnerstruktur angeordnet hast.
Sind die Bilder in einem Unterorder zu finden, dann wird (sofern die CSS sich in einem anderen Ordner befindet) die Pfadangabe mittels ../ einen Ordner "zurück" verlinkt.

Beispiel:
Zitat:

Antwort auf: Ordnerstruktur

http://google.de/
----- css [dir]
---------- style.css
----- images [dir]
---------- logo.png
---------- hintergund.png


Folgendessen müsste dann die CSS so aussehen, um das Bild zu "laden:
Zitat:

#test {
background: url('../images/logo.png');
}
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2017929 - 04.06.2010, 13:47:22
inexpressible
Nicht registriert


Noch ne "kleine" Frage zu deiner Homepage.

• Hast du diese Page gefakt?
• Oder hat ein anderer User sie gefakt. Wenn du den Nick wissen möchtest, /m im Chat.
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2017988 - 04.06.2010, 15:42:55
huendchen

Registriert: 29.03.2007
Beiträge: 2.385
Mit ohne Bilder probieren.
Zum Testen:
Html:
<style>
article {
   display: block;
   background: rgba(255,255,255,0.2);
   border: 1px solid rgba(255,255,255,.3);
   border-radius: 20px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   width: 758px;
   padding: 20px;
   margin: 2em auto;
}
         
article p {
   background: rgba(255,255,255,1);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 15px 35px;
   box-shadow: 0 0 13px #333;
}
    
</style>

<article>
   <p>Herzlich Willkommen auf meiner Homepage! Freut mich, dass du hier vorbeischaust. Hoffentlich gehst du
      nicht gleich wieder! Mein Name ist Bruno und ich möchte euch hier etwas über mich und meine Interessen
      erzählen. Neben Privatem wie Laufbahn, Freunden und Hobbys, findet ihr auch eine Galerie und Empfehlungen
      von mir.
   <p>Ich hoffe ihr lest mit Freude weiter; über einen lieben (vielleicht auch knuddeligen) Gruß, sowie
      Homepagevorschläge im Gästebuch würde ich mich freuen.
   <p>Ich wünsche euch viel Vergnügen!
</article>

Stylesheet ist nur ergaenzend zu deinem bestehenden Stylesheet.

Obwohl ich gerade sehe, dass du es anscheinend auch so hinbekommen hast.
Interessant, waere zu wissen, wo der Fehler lag.


Bearbeitet von huendchen (04.06.2010, 15:46:10)
Bearbeitungsgrund: Funktioniert doch
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2018109 - 04.06.2010, 19:16:34
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Antwort auf: inexpressible
Noch ne "kleine" Frage zu deiner Homepage.

• Hast du diese Page gefakt?
• Oder hat ein anderer User sie gefakt. Wenn du den Nick wissen möchtest, /m im Chat.

Natürlich habe ich meine HP nicht gefaket.
Habe dir eine /m im Chat geschrieben.


Mit ohne Bilder probieren.
Zum Testen:
Html:
<style>
article {
   display: block;
   background: rgba(255,255,255,0.2);
   border: 1px solid rgba(255,255,255,.3);
   border-radius: 20px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   width: 758px;
   padding: 20px;
   margin: 2em auto;
}
         
article p {
   background: rgba(255,255,255,1);
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   padding: 15px 35px;
   box-shadow: 0 0 13px #333;
}
    
</style>

<article>
   <p>Herzlich Willkommen auf meiner Homepage! Freut mich, dass du hier vorbeischaust. Hoffentlich gehst du
      nicht gleich wieder! Mein Name ist Bruno und ich möchte euch hier etwas über mich und meine Interessen
      erzählen. Neben Privatem wie Laufbahn, Freunden und Hobbys, findet ihr auch eine Galerie und Empfehlungen
      von mir.
   <p>Ich hoffe ihr lest mit Freude weiter; über einen lieben (vielleicht auch knuddeligen) Gruß, sowie
      Homepagevorschläge im Gästebuch würde ich mich freuen.
   <p>Ich wünsche euch viel Vergnügen!
</article>

Ich habe meine Augen nur nicht aufgemacht um den Fehler zu sehen. Es lag an:

Zitat:

a:link {text-decoration: none; color: #FFFFFF;
a:visited {text-decoration: none; color: #FFFFFF;
a:hover {text-decoration: none; font-weight: bold; color: #FFFFFF;
a:active {text-decoration: none; font-weight: bold; color: #FFFFFF;

Fällt dir was auf?
Geeeeeeeenau, das } fällte nur am Ende. -.-
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2018248 - 04.06.2010, 21:44:47
Scnappi
Nicht registriert


Fehler dieser Art lassen sich leicht durch einen Editor mit Syntax-Highlighter finden/verhindern.
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2019300 - 06.06.2010, 16:53:56
Bizarrus
Nicht registriert


Genau, Bruno =)
Du solltest mal von Editor absteigen :-D

Ich empfehle dir Notepad++ (kostenlos).
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2019812 - 07.06.2010, 08:27:15
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Antwort auf: Bizarrus
Genau, Bruno =)
Du solltest mal von Editor absteigen :-D

Ich empfehle dir Notepad++ (kostenlos).
Ich werd mal schauen was sich da machen lässt, Adii :-D

[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: DNA 328] - #2036303 - 06.07.2010, 23:08:56
LOK- Fankurve 1966
Nicht registriert


Also leute und zwar hab ich auch ein problem mit meiner HP..

meine freunde und andere Besucher sehen meine HP wie ich sie bearbeitet habe, ich jedoch sehe meine HP, wie sie vor dem bearbeiten war, woran liegt das, kann mir da mal bitte jemand helfen??
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2036305 - 06.07.2010, 23:10:42
UnknownSubject
~ Uni​ted ~​

Registriert: 04.06.2008
Beiträge: 1.471
Ort: Schwabenland
Lädste die Seite mit Strg + F5 neu ;-)
_________________________
Es gibt genau 10 Arten von Menschen. Die, die binär verstehen, und die, die es nicht verstehen.
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2049730 - 29.07.2010, 06:01:10
DNA 328

Registriert: 01.12.2006
Beiträge: 693
Antwort auf: LOK- Fankurve 1966
Also leute und zwar hab ich auch ein problem mit meiner HP..

meine freunde und andere Besucher sehen meine HP wie ich sie bearbeitet habe, ich jedoch sehe meine HP, wie sie vor dem bearbeiten war, woran liegt das, kann mir da mal bitte jemand helfen??

Nach dem abspeichern deine Homepage einfach nochmal neu laden auf den "neu Lade"-Button oder F5 drücken.
[zum Seitenanfang]  
Re: HP-Design wird bei mir nicht angezeigt! [Re: ] - #2049734 - 29.07.2010, 06:57:46
OMIKun
Famil​ymitg​lied​

Registriert: 17.02.2004
Beiträge: 71
Ort: Berlin
Antwort auf: LOK- Fankurve 1966
Also leute und zwar hab ich auch ein problem mit meiner HP..

meine freunde und andere Besucher sehen meine HP wie ich sie bearbeitet habe, ich jedoch sehe meine HP, wie sie vor dem bearbeiten war, woran liegt das, kann mir da mal bitte jemand helfen??


wenn ein normales neuladen der seite nicht funktioniert solltest du einmal deinen cache leeren; nicht jeder hat es so eingestellt das bei jeden neuladen der seite geschaut wird ob neue version vorliegt
_________________________
mfg Der Auftragskiller aus langeweile omikun
[zum Seitenanfang]  


Markiere alles als gelesen
Forums-Kontakt · Knuddels - Chat / Chatroom · [zum Seitenanfang]