Beiträge von davidos_no.1

davidos_no.1

Indem du diesem Frame die Anweisung gibst, dass er ein Hintergrundbild besitzt. Weitere Informationen findest du hier.

davidos_no.1

Zitat von blaue-wiener

ich möchte gerne in einem frame... ein hintergrund bild leicht durchsichtig unterbringen. Könnte einige haben mir schon eine möglichkeit geschciokt jedoch funktioniert sie nicht ganz. kann mir das jmd einrichten oder so.:)

Mach doch einfach das Hintergrundbild leicht durchsichtig, indem du die Transparenz erhöhst.

davidos_no.1

Zitat von sejuma

Sorry, stimmt.
Also die Grafik ist offensichtlich ein ganz winziger Punkt. Kann es sein, dass man die nicht sieht, weil sie zu klein ist und/oder keinen Kontrast zum Hintergrund hat?

Wir wär's evtl. mit einer definierten Linie hr?

Ja, die Grafik ist 3x3 Pixel groß - Pixel 1 und 3 sind in der Farbe vom Body gehalten und Pixel 2 ist dunkler. Man sollte also praktisch eine 1 Pixel große Linie sehen.
Ich habe mich gegen hr entschieden, da ich die vom Aussehen her nicht so schön finde. Oder gibt es eine Möglichkeit hr genau so aussehen zu lassen?

davidos_no.1

Zitat von sejuma

In dieser CSS-Datei http://blogspace.bl.ohost.de/wp-content/themes/WpT01/style.css kann ich keine Definition für #styler erkennen.
Evtl. Datei aktualisieren/hochladen?

Also ich schon - 3. letzte ID-Vergabe...

davidos_no.1

Ein neues Problem!
Ich habe auf meiner Seite ein Div platziert,

Code

#styler {
width: 500px;
height: 3px;
margin: 0 auto;
background: url(img/pixelspace.png) repeat; }

das diese Grafik als Hintergrund darstellen soll, leider passiert das nicht. Wieso?

davidos_no.1

Zitat von admin

Habe Gimp noch nicht getestet, aber soll nicht schlecht sein, dazu kostenlos und besser als Paint.
Natürlich hilft Dir das jetzt mit deinem Problem nicht weiter, aber Du kannst das mit Gimp besser umsetzen als mit Paint, welches doch in seinen Funktionen doch sehr eingeschränkt ist

Ok, ich werde es mal installieren.

davidos_no.1

Zitat von driver

...aber ich würd n verlauf machen von farbig (also dem muster) ins transparente
bzw dem schwarz vom hintergrund..

Ja, daran habe ich auch gedacht. Leider weiß ich nicht, wie ich das umsetzen kann. Ich bekomme nur das eine, also einen farbigen oder transparenten Verlauf, hin.

davidos_no.1

Ich hoffe mal, dass mein Vorhaben nicht zu schwer ist! Ich möchte auf meiner Seite einen schönen "weichen" Übergang von der eintönigen Hintergrundfarbe zum Hintergrundbild schaffen. Die Hintergrund soll also langsam in das Bild hineinfließen. Leider weiß ich nicht genau, wie ich das machen soll. Vielleicht kann mir jemand einen kleinen oder großen Tipp geben?!

Meine Seite
Mir steht Paint.net zu Verfügung (oder andere Freeware-Programme)

Gruß

davidos_no.1

Zitat von sejuma

Ja, das ist richtig, innerhalb body sind die anderen Elemente enthalten oder platziert.
Aber der für body hinterlegte margin-Wert bezieht sich nur auf den body.
Er wird insofern nicht vererbt, weil Elemente wie p oder h eigene, zunächst browserspezifische Margin-Werte haben. Diese kann man mit dem Universalselektor * "resetten".

Ahja, ok...ich dachte immer, dass * gleich body ist, aber ok, dann bin ich jetzt wieder schlauer! Danke!

davidos_no.1

Zitat von sejuma

* ist der Universalselektor und gilt für alle Elemente.
body gilt eben nur für den body.

Sorry, wenn ich das jetzt frage, aber im body sind doch alle Elemente platziert oder bin nicht?

davidos_no.1

Zitat von koslowski
Tach,

nimm mal das padding:0; und margin:0 für body raus und schreibe in die erste Zeile deiner CSS:
Code
*  {
   padding:0;
   margin:0;
}
dann sollte es passen.

koslowski

Stimmt! Aber jetzt nochmal für mich...was ist der Unterschied zwischen * und body? Ich dachte, das ist Ein und das Selbe?!

davidos_no.1

Wie man auf meiner Seite, ist der Abstand zwischen der Überschrift und dem darunter liegenden Text auf der linken Seite größer, als auf der rechten Seite.
Kann es daran liegen, dass ich rechts eine Liste verwende oder woran liegt das?

Meine .css

Code

body {
margin: 0px;
padding: 0px;
background: black;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }


#header {
width: 100%;
height: 35px;
background: red; }


#page {
width: 100%;
height: auto;
background: #222222; }


    #content {
    width: 70%;
    height: auto;
    float: left;
    padding: 15px 10px 15px 15px;
    text-align: right;
    font-size: x-small;
    font-weight: normal;
    color: #CCCCCC; }

        .post {
        width: auto;
        height: auto; }

            .post h2 {
            font-size: small;
            font-weight: normal;
            margin-bottom: 5px; }

            .post h2 a:link, .post h2 a:visited, .post h2 a:active, .post h2 a:hover {
            text-decoration: none;
            color:#999999; }

            .post a:link, .post a:visited, .post a:active, .post a:hover {
            text-decoration: none;
            color:#999999; } 

        .info {
        width: auto;
        height: auto; }

            .info a:link, .info a:visited, .info a:active, .info a:hover {
            text-decoration: none;
            color:#999999; }

        .navi {
        width: auto;
        height: auto; }

            .navi a:link, .navi a:visited, .navi a:active, .navi a:hover {
            text-decoration: none;
            color:#666666; }

    #sidebar {
    width: 20%;
    height: auto;
    float: left;
    padding: 15px 15px 15px 10px;
    text-align: left;
    font-size: x-small;
    font-weight: normal; }

        #sidebar h2 {
        font-size: small;
        font-weight: normal;
        color: #999999;
        margin-bottom: 5px; }

        #sidebar .h3 {
        font-size: x-small;
        font-weight: normal; }

        #sidebar .h3 a:link, #sidebar .h3 a:visited, #sidebar .h3 a:active, #sidebar .h3 a:hover {
        text-decoration: none;
        color: #777777; }

        #sidebar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none; }

        #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active, #sidebar li a:hover {
        text-decoration: none;
        color: #CCCCCC; }

    #clear {
    width: auto;
    height: auto;
    clear: both; }

#footer {
width: 100%;
height: 35px;
background: red; }

Alles anzeigen

davidos_no.1

Zitat von sejuma
Dein code ist etwas unübersichtlich, da man nicht auf den ersten Blick erkennt, wo welcher Div wieder geschlossen wird.
Ich habe mir angewöhnt, dies in Form eines Kommentars dazuzuschreiben, z.B. so:
Code
</div> 
Generell ist es so, dass geclart werden soll, bevor man den Div schließt, welcher die gefloateten Elemente beinhaltet. Damit nimmt er die Höhe inkl. der gefloateten Elemente an und zeigt somit auch den Hintergrund komplett an.
http://www.ohne-css.gehts-gar.net/0042.php

Ok, dann habe ich es verstanden - vielen Dank!

davidos_no.1

Zitat von sejuma

Bereinige mal zunächst diese Fehler, um der Sache näher zu kommen:
http://validator.w3.org/check?verbose=….bl.ohost.de%2F

Jo, werde ich noch machen!
Habe das Problem gelöst, indem ich im Div #Page einen weitern Container eingebaut habe, der das floaten cleart. Vorher hatte ich das im Div #Footer stehen, wieso ist das so ein großer Unterschied?

davidos_no.1

Habe jetzt etwas geändert, aber die die Hintergrundfarbe ist jetzt schwarz, anstatt #0099FF - ich verstehe das einfach nicht!

davidos_no.1

Ich habe ein Problem mit meiner Seite. Leider wird die Anweisung background: #000000 in #page nicht übernommen, keine Anung wieso. Meine .css sieht so aus:

Code

body {
margin: 0px;
padding: 0px;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; }


#header {
width: auto;
height: 35px;
background: #003366; }


#page {
width: auto;
height: auto;
background: #000000; }


    #content {
    width: 70%;
    height: auto;
    float: left; }

        .post {
        width: auto;
        height: auto; }

            #post h2 {
            font-size: medium;
            font-weight: bold;
            color: #FF0000;
            display: inline; }

            .post p {
            font-size: small;
            font-weight: normal;
            color:#FFFF00;
            text-align: justify; }

        .info {
        width: auto;
        height: auto; }

            .info p {
            font-size: small;
            font-weight: normal;
            color: #0000FF;
            display: inline; }

        .comment {
        width: auto;
        height: auto; } 

    #sidebar {
    width: auto;
    height: auto;
    float: left; }

        #sidebar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none; }

        #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active, #sidebar li a:hover {
        text-decoration: none;
        color: #00FF33; }

        #sidebar h2 {
        font-size: medium;
        font-weight: bold;
        color: #FF0000;
        display: inline; }

        #sidebar h3 {
        font-size: small;
        font-weight: bold;
        color: #0000FF;
        display: inline; }

        #sidebar p {
        font-size: small;
        font-weight: normal;
        color: #FF3300; }

#footer {
width: auto;
height: 30px;
clear: both;
background-color:#00CC99; }

Alles anzeigen

davidos_no.1

Zitat von synaptic

also zum einen haste da nen h2 statt nen link, irgendwo musste ja auch wat haben wo du des javascript ausführst und die innere ul muss nen display:none; als initialwert haben

Innerhalb von h2 steht der Link - habe h2 trotzdem mal weggenommen.
Wenn ich jetzt die innere ul auf display:none; setze, klappt sich das Menü zwar ein, aber ich kann es per Klick nicht ausklappen.

Code

<h2>Links</h2>


<ul>
<a href='javascript:hl_openCloseOptions("list1","list1","0","\wp-content\plugins\hide_and_show\hide");'>News</a>
<ul style="display: none; visibility: visible;">
<li><a href="http://vinyladdicted.blogspot.com/">squalid storytelli</a></li>
<li><a href="http://www.heise.de/tp">Telepolis</a></li>
<li><a href="http://www.toxic.fm">Toxic.FM</a></li>
<li><a href="http://www.tokyma.fm/">Tokyma.FM</a></li>
<li><a href="http://openairguide.eeee.ch/">openairguide.2006</a></li>
<li><a href="http://www.zeit.de">Die Zeit</a></li>
<li><a href="http://www.saiten.ch/">Saiten</a></li>
<li><a href="http://www.schaechl.de/kk/kk00.html">Karl Koch Doku</a></li>
</ul>

Alles anzeigen

davidos_no.1

Zitat von synaptic

was funzt denn da nicht?

Hier kannst du es sehen - das Menü ist durchgängig aufgeklappt.

davidos_no.1

Zitat von synaptic

siehe edit im posting vorher!!

Danke...funktioniert zwar noch nicht ganz - ich werde mich mal an das Wordpress-Forum wenden - aber das klappt schon, der größte Tei ist getan. Vielen Dank!

davidos_no.1

Zitat von synaptic

das script is schon angepasst, hab ich vorher nich geguckt.. für das menü brauchste ja keine cookies....
ich bau dir des gleich evtl.. mal gucken

Das wäre natürlich "hammer"! Darüber würde ich mich riesig freuen!!!

Beiträge von davidos_no.1

hintergrundbild

hintergrundbild

CSS-Problem: background

CSS-Problem: background

CSS-Problem: background

weicher Übergang

weicher Übergang

weicher Übergang

Layout-Problem

Layout-Problem

Layout-Problem

Layout-Problem

CSS-Problem: background

CSS-Problem: background

CSS-Problem: background

CSS-Problem: background

Linkmenü

Linkmenü

Linkmenü

Linkmenü