Antworten auf deine Fragen:
Neues Thema erstellen

HILFE!!! - Wo ist meine Breadcrumb?

Niksda

Designgrieche

Hey Leute,
bin grad voll verwirrt weil meine (platzhalter) breadcrumb nicht mehr da ist.

kann sich jemand mal den Quellcode angucken und mir sagen was ich falsch gemacht habe?



Danke!
-Niksda.
 

cythux

Aktives Mitglied

AW: HILFE!!! - Wo ist meine Breadcrumb?

Code:
<section id="bread">         	<ul class="crumb"> <li> <a href="">Startseite</a> </li> </ul>     	</section>

die müsste sie sein, vom code her,
müsste also ein problem in der css sein
 

Niksda

Designgrieche

AW: HILFE!!! - Wo ist meine Breadcrumb?

Code:
<section id="bread">         	<ul class="crumb"> <li> <a href="">Startseite</a> </li> </ul>     	</section>

die müsste sie sein, vom code her,
müsste also ein problem in der css sein

Okay ich hab mich vllt. nicht richtig ausgedrückt. Ich meinte warum wird sie nicht mehr angezeigt im Browser. Wo sie im Code ist weiß ich, hab ich ja geschrieben...

Ich nutze Google Chrome unter Win7

das CSS dazu sieht so aus:
Code:
/* Breadcrumb */

#bread .crumb{
	outline: 1px solid red;
	
	padding-left: 20px;
	width: 1002px;
	height: 38px;
	list-style-type:none;
	text-decoration:none;
	
	background: rgb(204,204,204); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(255,255,255,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(50%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(255,255,255,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	border: 1px solid #CCC;
	float:left;
}

#bread .crumb li a{
	margin-left: 10px;
	margin: 10px auto;
	display:block;
	height: 20px;
	text-decoration:none;
	color:#000;

	border: 1px solid #DDD;
	float: left;
}

#bread .crumb li a:hover{
	color:#006;
	text-decoration:none;
}
 
Zuletzt bearbeitet:

hub

nicht ganz neu hier

AW: HILFE!!! - Wo ist meine Breadcrumb?

Gefunden :)
die Krümel verbergen sich hinter deiner section headerimage.
Du bist noch beim scripten? in andern Brausern hast ja noch gut zu tun ;)

Gruß Ulli
 

Niksda

Designgrieche

AW: HILFE!!! - Wo ist meine Breadcrumb?

Gefunden :)
die Krümel verbergen sich hinter deiner section headerimage.
Du bist noch beim scripten? in andern Brausern hast ja noch gut zu tun ;)

Gruß Ulli

Ja bin noch ziemlich am Anfang. Kannst du mir irgendwelche Fallbacklösungen für andere und älterer Browser empfehlen?

Bist du dir sicher? Ich hab die section headeimage height da nämlich auf 300 px gesetzt...
 

Niksda

Designgrieche

AW: HILFE!!! - Wo ist meine Breadcrumb?

Ok hat sich erledigt. Trotzdem komisch wo die abgeblieben war.
habs jetzt mit

Code:
#bread
position: relative;
top: 0px;

gelöst.

Danke nochmal. Bin auch für Anregungen offen.
-Niksda
 

hub

nicht ganz neu hier

AW: HILFE!!! - Wo ist meine Breadcrumb?

Moin,
mit Anregungen ist das so eine Sache. Ich kann dir verraten, wie ich da vorgehe: Ich mach es auf meinem "Lieblingsbrowser" fertig und passe dann die jeweilige Css für alle anderen an, das sind ja meist nur Kleinigkeiten. Die so entstandenen "Css-Schnipsel" werden dann über ne Browserweiche geladen.
So bekomme ich dann nur zum Schluß die Krise und nicht bei jedem neuen Eintrag ;).
Also lass dich von meinem Kommentar nicht aus dem Trott bringen.

Gruß Ulli
 
Zuletzt bearbeitet:

randacek_pro

Mod | Forum

AW: HILFE!!! - Wo ist meine Breadcrumb?

PS @ Moderatoren: Zieht mir die Punkte wieder ab, das ist sowas von OT ... :)
Dazu müsste man auch deine Beiträge wieder löschen :p

Jetzt weiß ich wenigstens, wofür "RS" steht: Rataschreibung :lol:

OT steht übrigens nicht für "Orthographie" :D

Lässt sich der Apostroph hier auch wirklich begründen? :uhm:

Grüße,
Dudens Kater ;)
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben