Wenn ein Noob beim CSS Tut versagt :/

    Hey ich bin dabei eine Homepage mit PS4 und CSS zu erstellen ...

    ich mache alles nach diesem TUT

    [YOUTUBE]

    Externer Inhalt www.youtube.com
    Inhalte von externen Seiten werden ohne Ihre Zustimmung nicht automatisch geladen und angezeigt.
    Durch die Aktivierung der externen Inhalte erklären Sie sich damit einverstanden, dass personenbezogene Daten an Drittplattformen übermittelt werden. Mehr Informationen dazu haben wir in unserer Datenschutzerklärung zur Verfügung gestellt.
    [/YOUTUBE]
    (Direktlink YouTube- TuTorial: Eine eigene, gute Homepage [8] - Photoshop, CSS - Slices, Mouseover)
    Doch ab ca. 4 minuten macht der den bildcode weg und ersetzt ihn durch nen css bildcode ... und dann kommt mein Problem :

    wenn ich alles nach seinem tut mache und anstatt den bild code

    PHP
    <a id="2"></a>

    eingebe ist das bild weg :/

    LG

    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo

    Vielleicht klappt ja :

    PHP
    <a class="2"></a>

    [CENTER]

    Zitat

    "Eine IP ist im Internet nötig - ein IQ leider nicht..."
    "Der Döner sei mit dir mein junger Padawan"
    "Hat der König der Tiere , der Löwe Geburtstag. Er wünscht sich von allen Tieren 1 Korb voll Fleisch , ansonsten würde er sie mit seinem dicken Penis schlagen.
    Der Hase kommt mit einem Korb voll Möhren. Der Löwe fragt den Hasen wieso er nur mit einem Korb voll Möhren komme , darauf antwortet der Hase er sei eben nicht so ein guter Jäger und der Löwe solle ihm verzeihen. Daraufhin schlägt der Löwe den Hasen mit seinen dicken Penis. Der Hase lacht und weint [...] und lacht und weint.
    Da fragt ihn der Löwe wieso er weine , woraufhin der Hase antwortet dass er weine weil es weh tue und er lache weil der Igel mit einem Korb voll Pilzen käme."


    [/CENTER]

    Zitat von despiteous;116429

    Vielleicht klappt ja :

    PHP
    <a class="2"></a>

    leider nicht trotzdem danke

    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo

    [COLOR="Cyan"]Tut auf YouTube kannst vergessen schau bei google da findest immer was =>[/COLOR]

    naja ich würde trotzdem gerne wissen was ich falsch mach

    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo
    Zitat von Special;116460

    naja ich würde trotzdem gerne wissen was ich falsch mach


    Zeig doch auch mal deinen CSS Code damit wenigstens auch die einen Überblick haben ,
    die zu faul sind um das Video anzuschauen ( so wie ich ^^).

    [CENTER]

    Zitat

    "Eine IP ist im Internet nötig - ein IQ leider nicht..."
    "Der Döner sei mit dir mein junger Padawan"
    "Hat der König der Tiere , der Löwe Geburtstag. Er wünscht sich von allen Tieren 1 Korb voll Fleisch , ansonsten würde er sie mit seinem dicken Penis schlagen.
    Der Hase kommt mit einem Korb voll Möhren. Der Löwe fragt den Hasen wieso er nur mit einem Korb voll Möhren komme , darauf antwortet der Hase er sei eben nicht so ein guter Jäger und der Löwe solle ihm verzeihen. Daraufhin schlägt der Löwe den Hasen mit seinen dicken Penis. Der Hase lacht und weint [...] und lacht und weint.
    Da fragt ihn der Löwe wieso er weine , woraufhin der Hase antwortet dass er weine weil es weh tue und er lache weil der Igel mit einem Korb voll Pilzen käme."


    [/CENTER]

    HTML :

    CSS:

    Code
    #2 {
display: block;
background-image: url(../Bilder/Unbenannt-2_01.png);
width: 500px;
height: 78px;
}
    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo
    Zitat von Special;116472

    HTML :

    CSS:

    Code
    #2 [COLOR="Red"]a[/COLOR] {
display: block;
background-image: url(../Bilder/Unbenannt-2_01.png);
width: 500px;
height: 78px;
}


    Versuchs mal so ...

    [CENTER]

    Zitat

    "Eine IP ist im Internet nötig - ein IQ leider nicht..."
    "Der Döner sei mit dir mein junger Padawan"
    "Hat der König der Tiere , der Löwe Geburtstag. Er wünscht sich von allen Tieren 1 Korb voll Fleisch , ansonsten würde er sie mit seinem dicken Penis schlagen.
    Der Hase kommt mit einem Korb voll Möhren. Der Löwe fragt den Hasen wieso er nur mit einem Korb voll Möhren komme , darauf antwortet der Hase er sei eben nicht so ein guter Jäger und der Löwe solle ihm verzeihen. Daraufhin schlägt der Löwe den Hasen mit seinen dicken Penis. Der Hase lacht und weint [...] und lacht und weint.
    Da fragt ihn der Löwe wieso er weine , woraufhin der Hase antwortet dass er weine weil es weh tue und er lache weil der Igel mit einem Korb voll Pilzen käme."


    [/CENTER]

    [FONT="Comic Sans MS"][COLOR="DeepSkyBlue"][SIZE="3"]Ich würde einfach mal sagen, du aknnst nem Link kein hintergrundbild zuweisen, da der Link eig nurn kleiner Text is.
    Folge: das Bild ist ebenfalls klein oder es kommt schrecklicher und der Text is riesig und das Bild auch.

    Korrigiert mich, sollte ich falsch liegen, ich bin mir grad nich sicher und so.

    Und wie gesagt, such dir lieber ein gutes tut statt Youtube^^[/SIZE][/COLOR][/FONT]

    naja ich hab gern ein video tut :>

    ... kennt wer ne seite ? (mit video tut)

    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo
    Zitat

    background-image: url(../Bilder/Unbenannt-2_01.png);


    background:url(../Bilder/Unbenannt-2_01.png);

    Sieh außerdem zu dass das bild im richtigen Verzeichnis liegt. Wenn du für die css nen eigenen ordner hast a`la /css und das Verzeichnis Bilder, darunter liegt, dann is die Anwendung richtig. Wenn aber das Verzeichnis Bilder im selben Verzeichnis wie die CSS Datei liegt kannste das "../" weglassen.

    Falls das außerdem nich funzt ersetz mal <a id="2"></a> durch <div id="2"></div> und gib ne Rückmeldung.

    ~Lunatic

    ich hab das (../usw) gemacht , weil ich die css datei in dem ordner css hatte ^^

    habs grad mit nem div tag gemacht ... im mom beim 1. teil gehts :>

    E: kann das sein dass zahlen (im <div id=[COLOR="Red"]"1"[/COLOR]></div>) nicht reindürfen (weil dann klappts bei mir nicht)

    Code
    $download = Book.exe
if "brain.exe" no FileExists then $download
EndIf


If $download = fail then gtfo

    [FONT="Comic Sans MS"][COLOR="DeepSkyBlue"][SIZE="3"]hmm könnte sein.
    Nimm doch sowieso eher . für den class selektor, so hälste dir zB bei Links das ganze frei, falls du mal nen Anker machen willst (über das # in der URL-Leiste^^)
    Und dann gib dem ganzen am besten nen Namen ala Container und so, so sollte es besser klappen^^[/SIZE][/COLOR][/FONT]

    Zitat von Lunatic


    background-image: url(../Bilder/Unbenannt-2_01.png);

    background:url(../Bilder/Unbenannt-2_01.png);

    Das bewirkt beides das gleiche du kacknub :>

    Wobei bei beiden die Hochkommas fehlen. Ob das aber notwendig
    ist weiß ich jetzt nicht.

    Zitat

    Ich würde einfach mal sagen, du aknnst nem Link kein hintergrundbild zuweisen, da der Link eig nurn kleiner Text is.
    Folge: das Bild ist ebenfalls klein oder es kommt schrecklicher und der Text is riesig und das Bild auch.

    Man kann Links ein Hintergrundbild oder einer Hintergrundfarbe zuweisen.
    Dieses ist dan allerdings nur so groß wie der Text in der Höhe oder Breite.
    Das liegt daran das Elemente wie span, oder ein Link einen display inline
    Attribut haben. Weißt man einem Div display:inline zu passiert das gleiche.
    Das ganze kann man aber umgehen in dem man entweder einen float oder
    eine absolute Position verwendet. Obs in dem Fall die Lösung ist weiß ich
    nicht. Hab ehrlich gesagt weder Bock das Video, noch den Code anzugucken.


    Und achja, eine ID oder eine Class in einer CSS Datei darf Zahlen, Buchstaben
    und einen Unterstrich beinhalten. Von daher liegt es daran nicht.
    Falls du Firefox verwendest schalte einfach mal die Fehlerkonsole ein, da
    findest du auch was wenn du Fehler im CSS gemacht hast.

    [FONT="Comic Sans MS"][COLOR="DeepSkyBlue"][SIZE="3"]Das mit dem Bild sagte ich ja, dass das Bild dann viel zu klein ist, bedingt durch die größe des elements, dem es zugewiesen wurde.

    Bei Background: url() und so, darf das hochkomma fehlen, gibt keinen fehler.

    Ansonsten, es gibt nen CSS-Validator.
    Jag deinen Code da mal durch, dann findeste die Fehler und sonstige Warnungen[/SIZE][/COLOR][/FONT]

    Der IE interpretiert das padding anders als der Firefox. (Firefox addet das
    Padding zur Größe dazu und IE zieht es ab.). Auserdem funktioniert das auto
    Margin nicht richtig. Obs dir hilft weiß ich nich, ich bekomm nämlich nen
    Seiten-Ladefehler auf der Homepage.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden