Druckbare Version
BIN absoulute Anfängerin, was ich auch probiere ich bekomme einfach kein seitenfüllendes hintergrundbild für jede seite hin... es geht um eine onepage.
da ich seit einer woche rumprobiere und nichts klappen will, wäre ich sehr dankbar über hilfe!!!:o:o:o:o:o
danke im vorraus!
Hallo Angie,
es ist schön, dass Du den "Schrei nach Hilfe" nochmal besonders mit extra vielen Großbuchstaben untermauerst.
Viel Zielführender wäre es jedoch, wenn Du gleich den Link zu einem konkreten Beispiel, dass sich online findet mit senden würdest.
So könnte man nachschauen, was Du bisher getan hast und wo es hakt.
So bleibt uns leider nur zu warten, bis Du dies nachholst,
denn soweit ich weis, sind derzeit leider alle orakelfähigen CSS-Developer Glaskugeln ausverkauft oder defekt.
Gruß,
Samuell
Hallo Samuell,
sorry ich war ein wenig verzweifelt :o;)
Habe die Seite nochmal umgestaltet. Würde die Hintergrundfarbe vom den slider oben, sowie vom footer gerne fensterbreit haben. Doch es will einfach nicht funktionieren :(
Nach anklicken der Links werden die anker nicht angesprungen. Und der list-style wird nicht angezeigt, obwohl ich die li mit ".ce_text li" in der css Datei richtig definiert habe????????????????????????????????? :o:mad::(
Über Hilfe würde ich seeehr freuen ;)
Hier auch der Link zur Seite: http://psychologische-beratung-cj.de/
Vg Angie
klemmt Deine Tastatur!?
Dann mußt Du das CSS so ändern, dass der #wrapper 100% breit ist und die Breite auf ein für Dich passendes inneres Element (zb .inside) anwenden.Zitat:
Zitat von Angie007
Die Id (id="#psychologische_beratung") ist falsch.Zitat:
Zitat von Angie007
Richtig wäre es id="psychologische_beratung", ohne #
Hier ein Link zum vergleich, der geht: http://psychologische-beratung-cj.de/index.php#aktuell
Nicht ganz...Zitat:
Zitat von Angie007
Ersetze mal die Regel in deinem CSS durch
Nebenbei: womit hast du den Code erstellt? So viele separierte <ul>-Listen anstelle einer einzigen...Code:.ce_text li {
list-style: inside url("../../files/Unbenannt3.jpg");
padding-left: 2em;
text-indent: -2em;
}
Und ein Bild mit dem Namen "Unbenannt3.jpg" macht dir später die Pflege der Seite auch nicht leichter.
Aber das musst du natürlich selbst entscheiden ;-)
Gruß,
folkfreund
Hallo Angie,
so wie ich die Sache sehe ist die Seite bereits Online. Aus diesem Grund ein paar Tipps die Du dringend ändern solltest:
- Musterbilder (Fotolia) im Header austauschen (sind nur zum testen vorgesehen)
- Link zum Impressum funktioniert nicht
- Link zum Datenschutz funktioniert nicht
- Link zum Werbedesign Agentur funktioniert nicht
Grüße und Sorry,
Stefan
!!!
<nav class="navbar">
<ul class="nav">
<li class="home active"><a href="home">Home</a></li>
<li class="psychologische_beratung"><a href="index.php#psychologische_beratung">Psycholog ische Beratung</a></li>
<li class="alternative_psychotherapie"><a href="index.php#alternative_psychotherapie">Altern ative Psychotherapie</a></li>
<li class="info"><a href="index.php#info">Info</a></li>
<li class="aktuell"><a href="index.php#aktuell">Aktuell</a></li>
<li class="kontakt"><a href="index.php#kontakt">Kontakt</a></li>
</ul>
</nav>
<section id="home">{{insert_article::5}}</section>
<section id="psychologische_beratung">{{insert_article::12} }</section>
<section id="alternative_psychotherapie">{{insert_article:: 13}}</section>
<section id="info">{{insert_article::1}}{{insert_article::1 0}}</section>
<section id="aktuell">{{insert_article::6}}</section>
<section id="kontakt">{{insert_article::7}}{{insert_article ::15}}</section>
leider wird so immer der selbe punkt angesprungen?
Richtig, Deine sections clearen das floating nicht und berücksichtigen daher nicht den ebenfalls gefloateten Inhalt.
Die sections sind gewissermaxen beide 0 px hoch und beginnen an der gleichen Stelle.
Testen kannst Du das in dem Du beiden sextions mal eine Border gibst, Dir das anschaust und Sie dann TESTWEISE mit
clearst.Code:overflow: hidden;
Daraufhin wirst Du auch feststellen, dass Dein CSS-Layout noch einige schwächen hat und ziemlich durcheinander gerät.
Wenn Du die Sections mit
versiehst, wirst Du feststellen, dass Deine Anker korrekt funktionieren.Code:float: left;
Allerdings solltest Du das nicht als Lösung Deines Layoutproblems nehmen, sondern ein sauberes CSS-Layout aufziehen.
Andernfalls machst Du Dir spätere Änderungen oder Wartungen nur unnötig schwer.
Hallo folkfreund,
erstmal lieben Dank für Deine Hilfe! :D
Leider werden so nur die listenpunkte angezeigt die in einer weiteren Liste verschachtelt sind.
Woran könnte das liegen?
VG
Angie
Kennst du die Entwicklertools der modernen Browser (z.B. "Entwickler-Werkzeuge | Inspektor" im Firefox)?
Damit kannst du HTML-Code und zugehöriges CSS sehr übersichtlich untersuchen und Änderungen online ausprobieren!
In deinem konkreten Fall:
meine oben vorgeschlagene Änderung ändern
ZusätzlichCode:.ce_text li {
list-style-image: url("../../files/list-image.jpg");
}
Bitte nimm die Anregungen der Kollegen ernst - sonst wird das Layout dir immer wieder Probleme bereiten, z.B. auf anderen Browsern oder bei späteren Änderungen an der Seite.Code:.ce_text ul {
padding-left: 2em;
}
Und die Rechtschreibung solltest du auf der Seite auch noch mal checken ;). (hab jetzt nur den Abschnitt mit den <ul>s und <li>s gelesen)
Gruß, folkfreund
Edit: Rechtschreibung korrigiert :o
Würde mich sehr über Tips freuen, was ich da im css falsch mache!
Bin super dankbar für alle Ratschläge und die Zeit die Ihr Euch genommen habt! :D
vg