tutorials.de - CSS http://www.tutorials.de/ de Wed, 08 Sep 2010 22:51:04 GMT vBulletin 30 http://style.tutorials.de/v10/images/misc/rss.png tutorials.de - CSS http://www.tutorials.de/ IE6 schneidet teil der div abha http://www.tutorials.de/css/366036-ie6-schneidet-teil-der-div-abha.html Wed, 08 Sep 2010 12:11:33 GMT hallo, bin neu hier und hoffe jemand kann mir helfen. ich habe auf meiner Seite eine div (141 px breit, 483 px hoch). Im IE 7 und IE 8 sowiein ff und opera wird diese korrekt dargestellt. Im IE6 wird diese div nur solange richtig abgebildet, solange diese content enthält; der teil der... hallo, bin neu hier und hoffe jemand kann mir helfen.

ich habe auf meiner Seite eine div (141 px breit, 483 px hoch).

Im IE 7 und IE 8 sowiein ff und opera wird diese korrekt dargestellt.

Im IE6 wird diese div nur solange richtig abgebildet, solange diese content enthält; der teil der div, der leer ist, wird dagegen einfach abgeschnitten (nicht dargestellt)

kann ir jemand sagen, woran das liegen könnte ]]> CSS FreddyS http://www.tutorials.de/css/366036-ie6-schneidet-teil-der-div-abha.html <![CDATA[Problem mit "text-align:right;"]]> http://www.tutorials.de/css/366000-problem-mit-text-align-right.html Tue, 07 Sep 2010 13:07:49 GMT Hallo, Ich habe ein Grundgerüst für ein späteres PHP CMS System (Deshab die Tabellen, bitte keine Grundsatzdiskussion, sie helfen mir später) Link (http://fxae.de/zvm/) Mein Problem: Ich bekomme die divBox mit dem Tabelleninhalt nicht auf die rechte Seite. IE zeigts auf rechts an. Wo hab... Hallo,
Ich habe ein Grundgerüst für ein späteres PHP CMS System (Deshab die Tabellen, bitte keine Grundsatzdiskussion, sie helfen mir später)

Link

Mein Problem:
Ich bekomme die divBox mit dem Tabelleninhalt nicht auf die rechte Seite. IE zeigts auf rechts an. Wo hab ich den Fehler gemacht?

Vielen Dank im Voraus! ]]> CSS fx001 http://www.tutorials.de/css/366000-problem-mit-text-align-right.html Problem mit margin-bottom http://www.tutorials.de/css/365995-problem-mit-margin-bottom.html Tue, 07 Sep 2010 11:36:24 GMT ]]> Hallo an alle!

Ich benötige dringend eure Hilfe.
Ich habe folgenden Code:

HTML-Code:
<body style="background-color: blue;">
  <!-- Erste Ausgabe //-->
  <div style="margin-bottom: 8px;">   
      <div style='background-color: white;'>
          <div style="float:left;">hier steht text</div>
          <div style="float:right;"><img src="" /></div>
          <div style='clear:both;'></div>
      </div>
  </div> 
 
  <!-- Zweite Ausgabe //-->
    <div style="margin-bottom: 8px;">   
      <div style='background-color: white;'>
          <div style="float:left;">hier steht text</div>
          <div style="float:right;"><img src="" /></div>
          <div style='clear:both;'></div>
      </div>
  </div>
</body>
Zwischen "Erste Ausgabe" und "Zweite Ausgabe" soll ein kleiner Abstand sein (in diesem Fall 8px).
Dieser hat (normalerweise) die Farbe blau (body-background). Im IE6 + IE7 nimmt er allerdings die Farbe weiß, von dem darunter liegendem div-Container. Kann mir jemand erklären wie das kommt? Übersehe ich etwas? Im Firefox, Chrome, ... wird es richtig gemacht.

Vielen Dank für Hilfe!! ]]> CSS GAngZta http://www.tutorials.de/css/365995-problem-mit-margin-bottom.html a hover CSS Menü http://www.tutorials.de/css/365942-hover-css-menue.html Mon, 06 Sep 2010 04:59:22 GMT
    ...]]> Ich habe ein CSS Menü mit a hover Funktion. Ich möchte gerne wenn ich auf Home bin das der Hintergrund in einer dritten Image hinterlegt ist, dass man weiss ah ich bin jetzt auf Home, kann mir wer helfen, danke.

    MFG lol1983


    HTML Code:
    <div id="blackline">
    <ul>
    <li><a href="_Home_.htm">Home</a></li>
    <li><a href="_IT_Bereich_.htm">IT Bereich</a></li>
    <li><a href="_My_Book_.htm">Mein Buch</a></li>
    <li><a href="_My_Works_.htm">Meine Werke</a></li>
    <li><a href="_My_Gifs_.htm">Meine Gifs</a></li>
    <li><a href="_Kochrezepte_.htm">Kochrezepte</a></li>
    </ul>
    </div>

    CSS Code:
    #blackline, #blackline ul, #blackline ul li, #blackline ul li a { margin: 0; }
    #blackline, #blackline ul { padding: 0; }
    #blackline ul li a , #blackline ul li { display: block; float: left; }
    #blackline ul { list-style: none; background: url(images/button_image/menubg_h_navi.png) repeat-x 0 100%; overflow: hidden; border: 2px double #777777; }
    #blackline ul li { padding: 0 0px 0 0; background: url(images/button_image/separator.png) no-repeat 100% 100%; }
    #blackline ul li a { color: #BBBBBB; font-weight: bold; text-decoration: none; }
    #blackline ul li a:link, #blackline ul li a:visited { width: 138px; padding: 0 0px; line-height: 2; float: left; text-align: center; }
    #blackline ul li a:hover, #blackline ul li a:active { background: url(images/button_image/menubg_navi.png) repeat-x 0 100%; } ]]>     CSS lol1983 http://www.tutorials.de/css/365942-hover-css-menue.html Dropdownmenü und Internet Explorer http://www.tutorials.de/css/365928-dropdownmenue-und-internet-explorer.html Sun, 05 Sep 2010 14:28:35 GMT Hallo

    Ich habe dieses Dropdownmenü Link zur Ansicht in Firefox und Safari getestet und da funktioniert es tadellos. Wenn ich es mir aber im IE (Version 8) anschaue, klappt es nicht auf... woran könnte das liegen? /-:

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

    A:link {    color:#F5792A;
text-decoration:none;   }
 
A:visited { color:#F5792A;  
text-decoration:none;   }
 
A:active {  color:#F5792A;
text-decoration:none;   }
 
A:hover {   color:#F5792A;
TEXT-DECORATION: none;  }
 
#navi
        {
            font-size: 11px;
            text-align: center;
            font-weight: bold;
            font-family:Verdana,georgia,Arial;
        }
 
    
 
 
         ul#Navigation li {
        list-style: none;
        float: left;  /* ohne width - nach CSS 2.1 erlaubt */
        position: relative;
        margin: 0.4em; padding: 2;
      }
      *:first-child+html ul#Navigation li {  /* Korrektur fuer den IE 7 */
        margin-bottom: -0.1em;
      }
 
      ul#Navigation li ul {
        margin: 0; padding: 0;
        position: absolute;
         background-color: #f5792a;
        display: none;  /* Unternavigation ausblenden */
      }
 
      *:first-child+html ul#Navigation ul {  /* Workaround fuer den IE 7 */
        background-color:#f5792a; padding-bottom:0.4em;
      }
      ul#Navigation li:hover ul {
        display: block;  /* Unternavigation in modernen Browsern einblenden */
      }
      ul#Navigation li ul li {
        float: none;
        display: block;
        margin-bottom: 0.2em;
      }
 
      ul#Navigation a, ul#Navigation span {
        display: block;
        width: 8em;  /* Breite den in li enthaltenen Elementen zuweisen */
 
        text-decoration: none; font-weight: normal;
        border: 0px solid black;
        border-left-color: white; border-top-color: white;
        color: #f8f5ed; background-color: #f5792a; font-size: 11px; font-family:Verdana,georgia,Arial;
      } 
      * html ul#Navigation a, * html ul#Navigation span {
        width: 8em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
        w\idth: 8em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
      }
      ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
        border-color: white;
        border-left-color: black; border-top-color: black;
        color: #bf6835; background-color: #f8f5ed; font-size: 11px; font-family:Verdana,georgia,Arial;
      }
      li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
        color: maroon; background-color: #bf6835;
      }
      ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
        background-color: #bf6835;
      }

    HTML-Code:
    <ul id="Navigation"><li><a href="index.php?sec=startseite" target="main" id="navi"><b>Startseite</b></a>
                                    <ul>
                                            <li><a href="index.php?sec=startseite" target="main">Statistik</a></li>

                                            </ul>
                              </li>

                              <li><a href="" target="main" id="navi"><b>&Uuml;ber FHC</b></a>
                                    <ul>

                                            <li><a href="index.php?sec=warumfhc" target="main">Warum FHC?</a></li>
                                            <li><a href="index.php?sec=hinweiseltern" target="main">Hinweis f&uuml;r Eltern</a></li>
                                            <li><a href="index.php?sec=geruechte" target="main">Ger&uuml;chtek&uuml;che</a></li>
                                    </ul>

                              </li>

                              <li><a href="" target="main" id="navi"><b>Das Spiel</b></a>
                                    <ul>
                                            <li><a href="index.php?sec=erklaerung" target="main">Erkl&auml;rung</a></li>
                                            <li><a href="index.php?sec=regeln" target="main">Regeln</a></li>
                                           
                                    </ul>
                              </li>

                              <li><a href="" id="navi"><b>Anmeldung</b></a>
                                    <ul>
                                            <li><a href="index.php?sec=planb" target="main">Erkl&auml;rung</a></li>
                                            <li><a href="index.php?section=warteliste" target="main">Anmeldung</a></li>

                                   
                                    </ul>
                              </li>
    ]]>     CSS CoverUnder http://www.tutorials.de/css/365928-dropdownmenue-und-internet-explorer.html     Horizontale Navigation http://www.tutorials.de/css/365923-horizontale-navigation.html Sun, 05 Sep 2010 09:54:34 GMT Hallo nettes Board, ich verzweifle so langsam. Ich möchte für die Ferienwohnung meiner Eltern eine Internetseite basteln. Hierfür brauche ich eine horizontale Navigation. Zur Navi: Sie besteht auf 7 Grafiken, die alle einen unterschiedlichen Hintergrund haben. Sie sollten horizontal, also... Hallo nettes Board,

    ich verzweifle so langsam. Ich möchte für die Ferienwohnung meiner Eltern eine Internetseite basteln. Hierfür brauche ich eine horizontale Navigation.

    Zur Navi:
    Sie besteht auf 7 Grafiken, die alle einen unterschiedlichen Hintergrund haben. Sie sollten horizontal, also nebeneinander aufgelistet werden. Text auf die Buttons kommt nicht, da ich das über die Grafik miteingebunden hab.
    So..ich hab jetzt auch gegoogelt, nur hab ich zich-verschiedene Lösungen gefunden. Doch mit keiner kam ich so richtig klar :D

    Hier mal mein momentaner Ansatz:

    HTML
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
             
    <html>
            <head><title>Ferienwohnung - An der großen Buche</title></head>
            <link rel="stylesheet" type="text/css" href="style.css">
            <body>
                   
            <div id="header"></div>
           
            <div id="navi">
                    <img src="bilder/schatten_left_button.jpg"/>
                    <img src="bilder/home.jpg"/>
                    <img src="bilder/ferienwohnung.jpg" />
                    <img src="bilder/anreise.jpg" />
                    <img src="bilder/kosten_buchen.jpg" />
                    <img src="bilder/schatten_right_button.jpg" />
            </div>               

            </body>
    </html>

    CSS
    HTML-Code:
    * {
            margin: 0px;
            padding: 0px;
            }

    body {
            width: 842px;
            background-color: #cb9340;
            font-family: arial;
            margin-left: auto;
            margin-right: auto;
            }

    #header {
            background: url(Bilder/header.jpg);
            width: 100%;
            height: 227px;
            }

    Für die Navi hab ich jetzt noch nichts im CSS-Teil eingefügt, da ich nur Käse bisher drin hatte und das wieder gelöscht hab :D
    Ich hoffe ihr könnt mir weiterhelfen ! ]]>     CSS powerranger2 http://www.tutorials.de/css/365923-horizontale-navigation.html     Focus eines Inputfeldes auf umgebendes div übertragen http://www.tutorials.de/css/365921-focus-eines-inputfeldes-auf-umgebendes-div-uebertragen.html Sun, 05 Sep 2010 07:00:43 GMT Hallo und schönen Sonntag :-) Gibt es eine Möglichkeit, ein div quasi zu aktivieren, wenn ein Inputfeld, welches in diesem div liegt, angeklickt wurde? Danke für alle Tipps. Schöne Grüße ber Hallo und schönen Sonntag :-)

    Gibt es eine Möglichkeit, ein div quasi zu aktivieren, wenn ein Inputfeld, welches in diesem div liegt, angeklickt wurde?

    Danke für alle Tipps.

    Schöne Grüße

    ber ]]>     CSS ber http://www.tutorials.de/css/365921-focus-eines-inputfeldes-auf-umgebendes-div-uebertragen.html     Hauptkategorie in Navi hervorheben, auch wenn Unterkategorie/-punkt aktiv ist http://www.tutorials.de/css/365902-hauptkategorie-navi-hervorheben-auch-wenn-unterkategorie-punkt-aktiv-ist.html Sat, 04 Sep 2010 14:51:30 GMT Hi Leute,

    ich habe folgendes Problem. Die Seite http://www.foto-solutions.de/Visionfood/Website3 hat im horizonatlen Menü den Punkt "Produkte". Dort befinden sich vier Untermenüs.

    Aktiviere ich jetzt eines der Untermenüs, wird zwar die Seite korrekt angezeigt (außer bei Sonstige ... - Link nicht aktiv), aber oben der Menüpunkt "Produkte" nicht hervorgehoben. Nehme ich den im Code auf "current", kann ich ihn nicht mehr als Link anklicken.

    Ich hätte also folglich gerne die farbliche Hervorhebung von "Produkte", auch wenn ich auf den Unterkategorien/-seiten bin. Der Link "Produkte" sollte dann aber aktiv bleiben. Damit ich jederzeit wieder auf die Produkte-Hauptseite gehen kann.

    Habt ihr hier eine Idee?

    Viele Grüße
    Steve ]]>     CSS Steve2010 http://www.tutorials.de/css/365902-hauptkategorie-navi-hervorheben-auch-wenn-unterkategorie-punkt-aktiv-ist.html     Div mit variabler Breite http://www.tutorials.de/css/365858-div-mit-variabler-breite.html Fri, 03 Sep 2010 10:05:55 GMT Moinz. Ich bastel gerade an ein paar Seiten und hab mal ne Frage. Das Design ist recht simpel. Links ist ein Menu, in der Mitte der Haupttext und rechts ist ne Box mit irgendwas. Das an sich zu basteln ist kein Thema...alles mit float:left ausstatten, ne Breite für jedes Element angeben und... Moinz.
    Ich bastel gerade an ein paar Seiten und hab mal ne Frage. Das Design ist recht simpel. Links ist ein Menu, in der Mitte der Haupttext und rechts ist ne Box mit irgendwas.
    Das an sich zu basteln ist kein Thema...alles mit float:left ausstatten, ne Breite für jedes Element angeben und fertig.

    |Menu||Text||Box|

    Jetzt hab ich eine Seite, wo rechts keine Box ist. Der Haupttext hat also mehr Platz rechts, da ich aber jedem Div eine Breite angegeben hab, nutzt er das nicht und rechts ist es leer.

    |Menu||Text|

    ist es aber es sollte

    |Menu||Teeeeext|

    sein. Kann man da irgendwas machen oder muss da doch ne andere ID, bzw. CLASS um den Haupttext drumrum? Ich hatte gehofft, dass es bei CSS irgendwas dynamisches gibt. So nach dem Motto: Wenn Platz, dann nutze ihn.

    -bedank-
    TZP ]]>     CSS Teilzeitphilosoph http://www.tutorials.de/css/365858-div-mit-variabler-breite.html     Bild im Textfluss rechtsbündig anzeigen lassen? http://www.tutorials.de/css/365854-bild-im-textfluss-rechtsbuendig-anzeigen-lassen.html Fri, 03 Sep 2010 09:02:23 GMT Hi zusammen! Aus Not heraus beschäftige ich mich seit gestern mit CSS und versuche die neue Website meiner Tante so umzuschreiben, dass sie für sie einfacher zum bedienen ist. Ich will also daher vorher nur anmerken, dass meine CSS kenntnisse nahezu non-existent sind bis auf das, was ich seit... Hi zusammen!

    Aus Not heraus beschäftige ich mich seit gestern mit CSS und versuche die neue Website meiner Tante so umzuschreiben, dass sie für sie einfacher zum bedienen ist. Ich will also daher vorher nur anmerken, dass meine CSS kenntnisse nahezu non-existent sind bis auf das, was ich seit gestern gelernt habe. Man verzeihe mir also etwaige Fehler in diesem Bereich. Meine letzte html Seite ist auch schon n halbes Jahrzehnt her *seufz*

    Mein Problem ist folgendes:

    Ich versuche ein kleine Portraitbild auf der Indexseite in meinem im css definitierten textcontent div zu packen und zwar so, dass der text es oben, links seitlich und unten umfließt (das Bild liegt sogar in einem übergeordneten Layer). Dies hab ich mit der float funktion soweit hinbekommen. Es ist also schön rechts positioniert und der Text umfließt es soweit auch. Mein problem ist aber, dass die zeilen, die überhalb des Bildes erscheinen nun abließend mit dem linken Bildrand aufhören und somit etwas eingerückt sind.

    Ich habe versucht mit mehr abstandzeilen zu arbeiten, um zu sehen ob das Bild einfach zu groß dafür ist, das hat aber soweit nichts gebracht.
    Gibt es eine möglichkeit die oberen zwei Zeilen meines Textes oben am Bild vorbeifließen zu lassen ohne, dass sich das Bild oder der Text dabei verschiebt?


    Zitat:
    #textcontent {
    width:940px;
    height:100%;
    z-index:3;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 120px;
    margin-bottom: 40px;
    overflow: hidden;
    text-align:left;
    font-size: 16px;
    font-family: Georgia;
    color: #ffff33;
    font-weight: bold;
    float:left;
    }
    #ich {
    z-index:8;
    float: right;
    margin-top:65px;
    margin-right:305px;
    text-align: center;
    overflow: hidden;
    }

    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14

    <div id="textcontent">
<div id="ich"><img src="_img/foto.jpg" /><br clear="all" /></div>
Mein            Name ist Andrea P., 1963 geboren und            ich            m&ouml;chte hier aus meinem Leben berichten. Warum ich gerade diesen            Titel  f&uuml;r meine Seite gew&auml;hlt habe, ist sehr leicht erkl&auml;rt:<br /><br />
<br />
    <blockquote><i>
        Ich                                    kam gesund zur Welt, <br />
        verlor mit knapp 7 Jahren mein Augenlicht,<br />
        lebte                                          15 Jahre im Dunkeln <br />
        und darf mich seit 1985 eines Sehverm&ouml;gens <br />
        von 4 &deg; im                                    Zentrum erfreuen. <br />
        Mein linkes Auge dient derzeit als &quot;Reserveorgan&quot;.<br /><br />
    </blockquote></i>
<br />
Ich      startete 2004 erstmals  den Versuch eine HP ins Leben zu rufen. Mit      Hilfe meiner Nichte Jasmin erstellte         ich die Seiten f&uuml;r unsere Feuerwehr.         Jetzt ist es an der Zeit, f&uuml;r    meine eigene Homepage zu arbeiten. 2010 war es mir ein Bed&uuml;rfnis, meine eigene Homepage neu zu gestalten. Dieses Unterfangen ist jedoch schwieriger als ich dachte. F&uuml;r die Erstellung meiner Kopfzeile m&ouml;chte ich meinem Kollegen Cedo recht herzlichen Dank sagen. <br /><br />

    Sorry, das da auch text drinsteht, aber sonst sieht mans vielleicht nicht richtig. XD danke für jedliche Hilfe im voraus! ]]>     CSS Tomo-chan http://www.tutorials.de/css/365854-bild-im-textfluss-rechtsbuendig-anzeigen-lassen.html     Dropdown Menü - Grundlegende Fragen http://www.tutorials.de/css/365790-dropdown-menue-grundlegende-fragen.html Wed, 01 Sep 2010 21:41:15 GMT
  • ) zu positionieren. Klar habe ich mich schon informiert und verschiedenen angeschaut, aber ich verstehe dabei das grundlegende Prinzip nicht. Ich möchte hier keinerfalls vorgefertige, sondern lediglich...]]> Hi,
    ich frage mich, was die beste Möglichkeit ist Submenüs von normalen Navigationen (<ul><li>) zu positionieren. Klar habe ich mich schon informiert und verschiedenen angeschaut, aber ich verstehe dabei das grundlegende Prinzip nicht. Ich möchte hier keinerfalls vorgefertige, sondern lediglich das Grundprinzip hinter der Positionierung, Ein-und Ausblendung.
    Auch möchte ich den Internet Explorer in den älteren Versionen nicht weiter beachten und dies nur auf modernen Browsern zum laufen bekommen. Wie man eine einfache Navigation aufbaut auch, meine Kenntnisse in HTML/CSS sind auch einigermaßen gut, lediglich das bereitet mir schierigkeiten (genauso wie border-image, aber das ist ein anderes Thema :) ).

    Gehen wir davon aus der Aufbau ist wie folgt:
    Code :
    1
2
3
4
5
6
7
8
9
10
11

    <ul id="nav">
        <li><a href="">LALE</a>
            <ul>
                <li><a href="">GALLERY</a></li>
                <li><a href="">FORUMS</a></li>
            </ul>
        </li>
        <li><a href="">LULU</a></li>
        <li><a href="">COMMUNITY</a></li>
        <li><a href="">LÖLÖ</a></li>
    </ul>

    Der CSS Code ist genauso standart. Die Menüpunkte sollen erstmal vertikal angeordnet sein (also ohne "float:left;", "display:inline;" und sonstige Geschichten) und die Subnavigation soll rechts neben dem aktiven Hauotmenüpunkt beim "hover" erscheinen.
    Das wäre die erste Frage. Wie gehe ich schritt für Schritt vor, welche CSS Eigenschaften brauche ich.

    Die anderee Frage wäre entsprechend eine horizontale Navigation mit vertikalem Submenü unterhalb des aktiven Punktes.

    Wie schonmal gesagt, Codeschnippsel und das benötigte Werkzeug reichen mir. Ich muss und will es nur verstehen ohne Copy+Paste. ]]>     CSS LeMarkus http://www.tutorials.de/css/365790-dropdown-menue-grundlegende-fragen.html Links fehlen im IE 8 http://www.tutorials.de/css/365784-links-fehlen-im-ie-8-a.html Wed, 01 Sep 2010 19:04:09 GMT Hallo, ich habe folgende Seite: http://www.morecash4mail.de dort sind in der header.jpg die buttons eingebunden! Im FireFox habe ich die Links bei den Buttons, aber im IE 8 sind die nirgends! Hallo,

    ich habe folgende Seite:

    http://www.morecash4mail.de

    dort sind in der header.jpg die buttons eingebunden!

    Im FireFox habe ich die Links bei den Buttons, aber im IE 8 sind die nirgends!

    Kann nur ein Problem in meiner CSS sein!

    Datei habe ich mal angehangen, wäre schön wenn mir wer helfen könnte!;)


    Danke
    Angehängte Dateien
    ]]>     CSS Divo1984 http://www.tutorials.de/css/365784-links-fehlen-im-ie-8-a.html     Farbverlauf und Schlagschatten um Div http://www.tutorials.de/css/365773-farbverlauf-und-schlagschatten-um-div.html Wed, 01 Sep 2010 15:10:01 GMT Moinz. Ich bastel an einer Seite und hab ein Problem...vielleicht hat jemand einen Hinweis für mich. Die Seite ist recht simpel aufgebaut. Im gesamten Hintergrund soll ein Farbverlauf von oben nach unten gehen. Die Seite selbst hat in der Mitte ein Div mit purem Text. Jetzt soll das Div links... Moinz.
    Ich bastel an einer Seite und hab ein Problem...vielleicht hat jemand einen Hinweis für mich. Die Seite ist recht simpel aufgebaut. Im gesamten Hintergrund soll ein Farbverlauf von oben nach unten gehen. Die Seite selbst hat in der Mitte ein Div mit purem Text.
    Jetzt soll das Div links und rechts einen Schatten kriegen. Den Farbverlauf zu basteln war nicht schwer.

    Code :
    1

    body        { text-align: center; background:url("../background.jpg") repeat-x scroll left bottom transparent; margin: 0; }

    Das jpg fängt oben hell an und wird nach unten hin immer blauer. Klappt.

    Aber wie bastelt man fachmännisch einen Schatten links und rechts am Div? Der Schatten soll vom Rand des Divs weg immer heller werden. Bin für Vorschläge offen. :)

    -bedank- ]]>     CSS Teilzeitphilosoph http://www.tutorials.de/css/365773-farbverlauf-und-schlagschatten-um-div.html     First-Letter funktioniert nicht wie gewollt http://www.tutorials.de/css/365755-first-letter-funktioniert-nicht-wie-gewollt.html Wed, 01 Sep 2010 07:52:21 GMT Hallo, ich möchte den ersten Buchstaben auf meinem Blog größer machen. Soweit hab ich das auch gut hinbekommen, allerdings wird jetzt bei jedem Absatz der Buchstaben groß gemacht. So mach ich den ersten Buchstaben groß, was super funktioniert: HTML: --------- div.entry-content... Hallo,

    ich möchte den ersten Buchstaben auf meinem Blog größer machen. Soweit hab ich das auch gut hinbekommen, allerdings wird jetzt bei jedem Absatz der Buchstaben groß gemacht.

    So mach ich den ersten Buchstaben groß, was super funktioniert:
    HTML-Code:
    div.entry-content p:first-letter { padding-right: 7px;
            padding-left: 5px;
            font-size: 70pt;
            left: 0px;
            float: left;
            padding-bottom: 0px;
            padding-top: 5px;
            position: absolute;
            top: 100px;
            }
    Bei der Bildunterschrift möchte ich den ersten Buchstaben normal klein haben, allerdings kann ich zwar die Farbe ändern, aber die Größe bleibt gleich:
    HTML-Code:
    .wp-caption-text:first-letter{
    font-size:0.5em;
    color:red;
    }
    Hier eine Vorschau auf die Seite.

    Wie lös ich das jetzt am besten? ]]>     CSS paraphan http://www.tutorials.de/css/365755-first-letter-funktioniert-nicht-wie-gewollt.html     Wrapper Klasse passt die Höhe nicht an? http://www.tutorials.de/css/365712-wrapper-klasse-passt-die-hoehe-nicht.html Tue, 31 Aug 2010 11:13:12 GMT {if $show_index_boxes == 'true'}
    {else} Ich benötige iweder mal ein paar Augen, die mich auf meinen Fehler hinweisen.
    Die Wrapper-Klasse passt sich leider nicht an die Höhe des Inhaltes an. Warum?

    HTML (mit Smarty-Tags)
    HTML-Code:
    <div id="contentwrap">
                    {if $show_index_boxes == 'true'}<div id="content">{else}<div id="contentfull">{/if}
                {$content}</div>
               
                {if $show_index_boxes == 'true'}
               
                <div id="leftcol">
                    {box name=xt_new_products type=user order_by='rand()'}
                    {box name=xt_new_products type=user order_by='rand()'}
                    {box name=xt_new_products type=user order_by='rand()'}
                </div>
               
                <div id="rightcol">
                        {box  name=categories}
                    {box name=cart}
                    {box name=loginbox}
                    {content block_id=7 levels=nested}
                    {if $_content_7|count > 0}
                    <h2 class="boxheader">{txt key=TEXT_INFO}</h2>
                    <div class="infoboxbody">
                        <ul class="contentlist">
                        {foreach name=aussen item=box_data from=$_content_7}
                        <li class="level{$box_data.level}{if $box_data.active} active{/if}"><a href="{$box_data.link}">{$box_data.title}</a></li>
                        {/foreach}
                        </ul>
                    </div>
                    {/if}
                    {box name=manufacturers}
                    {box name=xt_bestseller_products type=user}</div>
                {/if}
            </div>
    CSS:
    Code :
    1
2
3
4
5
6
7
8

    /* CONTENT WRAPPER */
#contentwrap {clear:both;width:892px;padding:6; min-height:700px; background: url("../img/weisser_Hintergrund_2px.png") repeat-y;}
 
/* LEFT COLUMN */
#leftcol {float:left; width:162px; padding:0px 0px 0px 0px; margin-top:15px;}
 
/* RIGHT COLUMN */
#rightcol {float:right; width:160px; padding:0px 0px 0px 0px; margin-right: 21px; margin-top:15px;}
    ]]> CSS aminox http://www.tutorials.de/css/365712-wrapper-klasse-passt-die-hoehe-nicht.html