zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Fragen über Fragen - Anfänger

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.01.2009, 19:32
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2009
Beiträge: 6
Anfaenger110 befindet sich auf einem aufstrebenden Ast
Lächeln 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
Angehängte Grafiken
Dateityp: jpg test1.jpg (52,5 KB, 25x aufgerufen)
Dateityp: jpg htmlcode.jpg (56,3 KB, 14x aufgerufen)
Dateityp: jpg default.jpg (55,4 KB, 21x aufgerufen)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 03.01.2009, 20:06
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Anfaenger110 Beitrag anzeigen
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?
Gib den Seiten von test2, test3, test1 eine Klasse oder eine ID für <body>. Dann kannst über diese Klasse/ID als Nachfahrenselektor nutzen, um das Bild zu ändern.
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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.01.2009, 21:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2009
Beiträge: 6
Anfaenger110 befindet sich auf einem aufstrebenden Ast
Standard

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>&nbsp;</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>
Mit Zitat antworten
  #4 (permalink)  
Alt 03.01.2009, 21:42
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Zitat:
Zitat von Anfaenger110 Beitrag anzeigen
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
Dann lies dich mal weiter ein.
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
Mit Zitat antworten
  #5 (permalink)  
Alt 04.01.2009, 01:52
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.221
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

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)
Mit Zitat antworten
  #6 (permalink)  
Alt 04.01.2009, 13:11
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.026
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

MetaCrawler du verwechselst Ids mit Klassen.
Mit Zitat antworten
  #7 (permalink)  
Alt 04.01.2009, 13:27
Benutzerbild von nevermind
Trollflüsterer
XHTMLforum-Kenner
 
Registriert seit: 29.08.2005
Ort: Bietigheim-Bissingen
Beiträge: 2.221
nevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblicknevermind ist ein Lichtblick
Standard

das wort selbst meinst du ?
stimmt, an der aussage selbst ändert sich aber nichts!
__________________
Gruß Roman // ngkreativ.de - Webdesign & Motorradumbau
Mit Zitat antworten
  #8 (permalink)  
Alt 04.01.2009, 14:15
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.026
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Ja, ich meinte den Begriff, aber jetzt hast du es ja auch schon korrigiert.
Mit Zitat antworten
  #9 (permalink)  
Alt 04.01.2009, 15:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.01.2009
Beiträge: 6
Anfaenger110 befindet sich auf einem aufstrebenden Ast
Blinzeln

@ 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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.01.2009, 15:31
Benutzerbild von Crizzo
der mit dem Editor kämpft
XHTMLforum-Kenner
 
Registriert seit: 17.10.2006
Ort: Ost-Hessen
Beiträge: 4.837
Crizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer MenschCrizzo ist ein sehr geschätzer Mensch
Standard

Ä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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:10 Uhr.