|
|||
Text in breadcrums positionieren
Hallo zusammen,
ich bin gerade dabei ein eigenes Joomla-Template zu erstellen. Da gibt es auch ein breadcrums-div, indem der aktuelle Pfad angezeigt wird. Der Text steht jetzt standardmäßig oben links (vgl. große Abb.). Wenn ich ihn allerdings mit padding platzieren möchte, vergrößert er mein meine Grafik, was natürlich nicht gewollt ist (vgl. kleine Abb.) Kann mir jemand sagen, wie ich den Text von der Höhe her mittig platzieren kann, ohne die Grafik zu vergrößern? Danke für Eure Antwort. LG Xenia Mein Div sieht so aus: <div id="breadcrums"> Hier steht der Pfad </div> in der CSS habe ich folgendes geschrieben: #breadcrums { padding: 6px 0 0 10px; background:#CCCCCC; height:37px; width:9px; background-image:url(../images/cellpic.gif); color:#fff; } |
Sponsored Links |
|
|||
Zitat:
Bitte nicht nur CSS-Schnipsel posten. Einen Link! Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Das Boxmodell habe ich mir schon angeschaut, aber das volle Verständnis habe ich noch nicht . Mir ist schon irgendwie klar, dass das Verschieben nach untern durch padding geschieht, aber ob ich den richtigen Ansatz habe, bzw. wie ich das lösen kann ist mir unklar.
Mein Problem nochmal detailliert: Ich möchte, dass der Inhalt mittig (von oben und unten) und leicht links eingezogen in der von mir erstellten Grafik liegt (vgl. Anhang). Ich denke margin ist nicht richtig, da er mir doch das ganze Div dann verschiebt. Zitat:
http://www.zapp-master.de/index4711.php (fehlender Link Ich hoffe, das hilft weiter Danke. Xenia Geändert von xenia (25.07.2008 um 13:34 Uhr) |
|
|||
Zitat:
Zitat:
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Aha, jetzt ist der Link reineditiert. Gut, dass ich nochmal hier reingeschaut habe.
Xenia, bitte, die Lösung deines Problems steht schon da. Wenn du willst, dass der Text oben mehr Platz einhält, vergrößere das Padding. Was du infolgedessen mit der Höhe (height!) machen musst, habe ich bereits geschrieben. Befass dich nochmal mit dem Box-Model. Das ist absolutes Grundlagenwissen. BTW: Schau dir nochmal an, wie man diese Art Navigation schreibt.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Zitat:
mb_fluid - Home VG Xenia |
|
|||
Puh.
Die Gesamthöhe deiner Breadcrumb setzt sich zusammen aus height + padding (Box Model!) D.h., das Ganze ist jetzt schon zu hoch. 37 + 6. Wenn du das Padding nicht wegnehmen willst, was kannst du dann mit height machen? Und jetzt lies bitte nochmal, was ich hier schrieb: "Die Höhe um das Padding verringern."
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Funzt genau so wenig.
editiert: Aaaaaaaaaarg, ich war auf localhost und hab mir das Ergebnis online angeschaut. Da dazuaddieren schlimmer aussah konnte es nur noch subtrahieren sein. Was es - für Dich selbstverständlich - auch war. Ich werde mir jetzt also gleich das Boxmodell zu Gemüte führen, damit ich auch weiß, warum es so ist. Vielen Dank für Deine Geduld. LG Xenia Geändert von xenia (25.07.2008 um 14:22 Uhr) |
Sponsored Links |
|
|||
Würdest du bitte alle meine Antworten lesen. Du zitierst immer die vorletzte.
edit: Aha, und jetzt ist die, die ich hier zitiere schon wieder weg. Doch, was ich geschrieben haben, "funzt" sehr wohl. Das, was du machst hingegen nicht. Zitat:
Wenn ich von verringern schreibe, meine ich nicht erhöhen. Eine Änderung von 37 auf 43 ist nicht verringern. Du musst lernen wie das Box-Model funktioniert. Alles andere hat keinen Sinn. Ich muss mich hier verabschieden.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (25.07.2008 um 14:19 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wrapper wächst nicht mit, keine Floats | maclady | CSS | 11 | 10.02.2010 18:30 |
Wachsende Container | Andy CD | CSS | 13 | 10.02.2010 14:08 |
DIV bis GANZ unten | burnZ | CSS | 5 | 27.07.2008 14:14 |
Helft mir. Ich habe voll die Leseschwäche | nick | CSS | 12 | 15.01.2008 21:52 |
Problem mit div und Höhe | deep4 | CSS | 2 | 13.11.2007 21:03 |