|
|||
Fragen über Fragen - Anfänger
Hallo zusammen,
ersteinmal will ich Euch allen ein freunliches hallo sagen, da ich neu im Forum bin Freue mich auf das Forum!! Also ich habe folgende Fragen, vielleicht hat ja jemand einen Tipp für mich: Ich baue zum ersten mal an einer Seite und habe dafür eine Vorlage benutzt. Habe mich ein klein wenig eingelesen, jetzt komme ich allerdings ins Stolpern: In der Datei "test1" im Anhang ist ein Screenshot der Vorlage. Dort sieht man das große Lotusblumenbild. Wenn ich im Header auf test 2..3 etc. drücke, möchte ich das jeweils ein anderes Bild angezeigt wird. Leider bekomme ich das nicht hin. Kann mir jemand weiterhelfen? Hier noch einmal ein paar mehr Details: Im Anhang sind noch 2 weitere Dateien , einmal der html-Code und in der Default-Datei sind die jeweiligen Einstellungen zu sehen (Schriftgröße, etc.). Im Html-code für mein Lotusblumenbild, ist die entscheidende Zeile ja die mit Logo-Wrap und Logo, da dort die Informationen für mien Bild liegen. Wenn ich also in der Datei "Default" bei den Angaben zu Logo-Wrap & Logo gehe, und bei LOGO das Bild "img05" austausche, dann ändert sich das große Lotusblumenbild, aber bei allen meinen Seiten (test 2 3 4....). Aber ich möchte ja für jede Siete dort ein anderes Bild anzeigen lassen. Über Tipps würde ich mich super freuen!!! Vielen Dank und liebe Grüße Jasmin |
Sponsored Links |
|
||||
Zitat:
Kann z.B. so aussehen: Code:
<body id="test2"> <h1>Bla</h1> </body> #test1 h1 { background-image: url(test1.jpg); } #test2 h1 { background-image: url(test2.jpg); } #test3 h1 { background-image: url(test3.jpg); } PS: Screenshots vom Code ist nicht so toll, gib uns den Code direkt oder lade dein Beispiel am besten hoch und gib uns den Link
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
|||
Hallo Blackhawk,
danke für Deine Antwort Blackhawk. Ich wusste leider nicht wie ich den quellcode hochlade. Ich hoffe es klappt so ganz verstanden habe ich Deine Lösung nicht, da ich so gut wie keine Ahnung habe, vielleicht sollte ich mich erst besser einlesen. liebe Grüße Jasmin HTML-Code:
mlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <!-- start header --> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#">Startseite</a></li> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li class="last"><a href="#">Kontakt</a></li> </ul> </div> </div> <div id="logo-wrap"> <div id="logo"> <h1><a href="#"> Testttt</a></h1> <h2> Frohes neues</h2> </div> </div> <!-- end header --> <!-- start page --> <div id="page"> <!-- start content --> <div id="content"> <div class="post"> <h2 class="title">Test</h2> <div class="entry"> <p><img src="images/img06.jpg" alt="" width="140" height="125" class="left" />This is Lotus Flower, is a free template from <a href="http://freecsstemplates.org/">Free CSS Templates</a> released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5 License</a>. The flower photo is fromt <a href="http://www.pdphoto.org/">PDPhoto.org</a>. You're free to use this template for both commercial or personal use. I only ask that you link back to <a href="http://freecsstemplates.org/">my site</a> in some way. Enjoy :)</p> <p> </p> </div> </div> <div class="post"> <h2 class="title">Lorem Ipsum Dolor Volutpat</h2> <div class="entry"> <p>Curabitur tellus. Phasellus tellus turpis, iaculis in, faucibus lobortis, posuere in, lorem. Donec a ante. Donec neque purus, adipiscing id, eleifend a, cursus vel, odio. Vivamus varius justo sit amet leo. Morbi sed libero. Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea.</p> <p>Vestibulum blandit augue at mi. Praesent fermentum lectus eget diam. Nam cursus, orci sit amet porttitor iaculis, ipsum massa aliquet nulla, non elementum mi elit a mauris. In hac habitasse platea.</p> </div> </div> </div> |
|
||||
Zitat:
Könnte dir helfen: http://xhtmlforum.de/40080-f-r-frage...twortende.html http://xhtmlforum.de/40267-faq-h-ufi...ragen-und.html
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
was black hawk versuchte dir zu erklären ist folgendes:
du hast dein logo bisher so zugewiesen: #logo { background: url(images/img05.jpg) no-repeat left top; stattdessen deklarierst du nun (beispielhaft): #logo1 { background: url(images/img01.jpg) no-repeat left top; #logo2 { background: url(images/img02.jpg) no-repeat left top; #logo3 { background: url(images/img03.jpg) no-repeat left top; #logo4 { background: url(images/img04.jpg) no-repeat left top; #logo5 { background: url(images/img05.jpg) no-repeat left top; damit hast du 5 verschiedene IDs mit unterschiedlichen hintergrundbildern erstellt. (oder mehr, soviele du brauchst) jetzt weist du in jedem dokument einzeln diese ID dem "div" mit dem logo zu. <div id="logo1"></div> in seite 1 <div id="logo2"></div> in seite 2 ... ein anderer weg würde über einen, mit dem menü verknüpften, styleswitcher führen. ich hoffe, dass du damit mehr anfangen kannst. einlesen schadet trotzdem nie
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau Geändert von nevermind (04.01.2009 um 13:30 Uhr) |
|
||||
das wort selbst meinst du ?
stimmt, an der aussage selbst ändert sich aber nichts!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau |
|
|||
@ Meta-Crawler: Vielen Dank für Deine Hilfe!!! Ein klein Stückchen bin ich jetzt weiter gekommen. Leider klappt es nicht so ganz , da ich bestimmt etwas falsch mache.
Ich habe die Dateien bisher so geändert. Und zwar in meiner default-Datei: Code:
/** LOGO */ #logo-wrap { width: 860px; margin: 0 auto; padding: 25px 0 20px 0; background: url(images/img03.jpg) no-repeat left top; } #logo { width: 820px; height: 200px; margin: 0 auto; background: url(images/test.jpg) no-repeat left top; } #logo1 { width: 820px; height: 200px; margin: 0 auto; background: url(images/Sonne.jpg) no-repeat left top; } in dem html-Code meiner Seite "test1" HTML-Code:
!-- start header --> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><a href="#">Startseite</a></li> <li><a href="#">Test1</a></li> <li><a href="#">Test2</a></li> <li><a href="#">Test3</a></li> <li class="last"><a href="#">Kontakt</a></li> </ul> </div> </div> <div id="logo-wrap"> <div id="logo1"></div> Allerdings habe ich jetzt das Problem, dass wenn ich z.B. meine html Seite "test 2" öffne, sehe ich wie gewünscht mein neu eingebundenes Bild "x". Wenn ich im header auf "test 1" klicke (komme ich ja zu meiner Seite test1) sehe ich ein anderes Bild "y". Soweit so gut. Wenn ich dann aber wieder auf test2 drücke sehe ich nicht Bild "x", sondern Bild "y" bleibt. Genauso wenn ich meine Indexdatei anzeigen lasse und dann über die menüstruktur im Header auf z.B. test2 gehe. Dann wird nur mein Bild "Y" von "test1" angezeigt. Habe ich etwas falsch angegeben? liebe Grüße Jasmin |
Sponsored Links |
|
||||
Ändert sich beim Öffnen von "test2" auch die "id" des <div> oder nicht?
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Fragen über Fragen | jules | CSS | 5 | 09.10.2008 16:21 |
JQuery anfänger fragen ? wie man den code in php einbaut? | kjvision | Javascript & Ajax | 1 | 21.08.2008 18:02 |
Anfänger erbittet ein paar Tips. | Dr.Crow | (X)HTML | 5 | 20.06.2006 12:47 |
Anfänger Fragen, also bitte nicht steinigen | ollie75 | CSS | 1 | 04.02.2006 11:58 |
utf8 Fragen und Probleme | lewian | (X)HTML | 11 | 07.09.2005 02:47 |