Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 18

Thema: Problem: p (Absatz)

  1. #1
    Kaiser(in)
    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Problem: p (Absatz)

    Steh hier gerade etwas auf dem Schlauch! Das "Problem" ist bestimmt sooo leicht zu lösen, aber ich sehe gerade den Wald vor lauter Bäumen nicht mehr...
    Ich möchte gerne, dass der Absatz mit der Klasse .entry in blockelement ist. Mein Code sieht folgender maßen aus:
    Code:
    .entry p {
    display: block;
    }
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Wozu?
    p ist von Haus aus ein Blockelement: http://de.selfhtml.org/html/referenz...block_elemente

  3. #3
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Zitat Zitat von sejuma Beitrag anzeigen
    Wozu?
    p ist von Haus aus ein Blockelement: http://de.selfhtml.org/html/referenz...block_elemente
    Ja klar...hab aber das gleiche Problem, wenn ich es als inline-Element haben will. Die Formatierung wird einfach nicht übernehmen. Ist die Schreibweise ".entry p" falsch?

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    versuch's mal umgekehrt:
    Code:
    p.entry

  5. #5
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Zitat Zitat von sejuma Beitrag anzeigen
    versuch's mal umgekehrt:
    Code:
    p.entry
    Das bringt leider auch nichts...

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Dann sag mal konkret, was du vor hast.
    Link zur Seite?

  7. #7
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Zitat Zitat von sejuma Beitrag anzeigen
    Dann sag mal konkret, was du vor hast.
    Link zur Seite?
    Einen Link habe ich nicht, da ich alles auf meinem lokalen Server mit Xampp laufen lasse.
    Ich arbeite an einem Wordpress-Theme. Dafür will ich drei untereinander angeordnete Absätze formatieren - den 1. und 3. als inline-Element und den 2. als block-Element.
    Code:
    .date p {
    display: inline;
    }
    
    p .entry {
    display: block;
    }
    
    .info p {
    display: inline;
    }
    Ich poste einfach mal meine gesamte CSS-Datei, vielleicht "überschneidet" sich irgendwo etwas (ist noch nicht so viel, da ich noch am Anfang bin).
    Code:
    /* reset
    --------------------------------------------------*/
    * {
    margin: 0px;
    padding: 0px;
    }
    
    /* body
    --------------------------------------------------*/
    body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
    color: #111111;
    }
    
    /* div-container
    --------------------------------------------------*/
    #wrapper {
    width: 750px;
    height: auto;
    margin: 0px auto;
    }
    
        #header {
        width: 750px;
        height: auto;
        }
    
            #navigation {
            width: 360px;
            height: auto;
            float: left;
            padding: 0px 0px 0px 15px;
            text-align: left;
            }
            
            #search {
            width: 360px;
            height: auto;
            float: left;
            padding: 0px 15px 0px 0px;
            text-align: right;
            }
            
            #clear-header {
            clear: both;
            }
    
        #main {
        width: 750px;
        height: auto;
        margin-top: 40px;
        }
        
            #content {
            width: 550px;
            height: auto;
            float: left;
            padding: 0px 15px 0px 15px;
            text-align: justify;
            }
            
                .post {
                width: auto;
                height: auto;
                }
            
            #sidebar {
            width: 140px;
            height: auto;
            float: left;
            padding: 0px 15px 0px 15px;
            text-align: left;
            }
            
            #clear-main {
            clear: both;
            }
        
        #pagebar {
        width: 720px;
        height: auto;
        padding: 0px 15px 0px 15px;
        }    
            
        #footer {
        width: 720px;
        height: auto;
        padding: 0px 15px 0px 15px;
        }
    
    /* headlines + links
    --------------------------------------------------*/
    #content .post h2 {
    display: block;
    padding: 0px 0px 5px 0px;
    border-bottom: 1px groove #CCCCCC;
    font-size: 2.2em;
    letter-spacing: 2px;
    }
    
        #content .post h2 a:link, #content .post h2 a:visited, #content .post h2 a:active, #content .post h2 a:hover {
        text-decoration: none;
        color: #111111;
        }
    
    #sidebar h2 {
    display: block;
    padding: 0px 0px 5px 0px;
    font-size: 1.2em;
    letter-spacing: 2px;
    }
    
        #sidebar h2 a:link, #sidebar h2 a:visited, #sidebar h2 a:active, #sidebar h2 a:hover {
        text-decoration: none;
        color: #111111;
        }
        
    #sidebar h3 {
    display: inline;
    padding: 0px 0px 5px 0px;
    font-size: 1.0em;
    letter-spacing: 2px;
    font-weight: bold;
    }
    
        #sidebar h3 a:link, #sidebar h3 a:visited, #sidebar h3 a:active, #sidebar h3 a:hover {
        text-decoration: none;
        color: #333333;
        }
    
    /* text + links
    --------------------------------------------------*/
    .date p {
    display: inline;
    }
    
    p .entry {
    display: block;
    }
    
    .info p {
    display: inline;
    }
    
    .news p {
    display: inline;
    text-align: justify;
    }
    
    .footer p {
    display: block;
    text-align: justify;
    }
    
    /* lists
    --------------------------------------------------*/
    #navigation ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
    
        #navigation li {
        float: left;
        padding: 0px 10px 0px 0px;
        font-size: 1.3em;
        letter-spacing: 2px;
        }
    
        #navigation li a:link, #navigation li a:visited, #navigation li a:active, #navigation li a:hover {
        text-decoration: none;
        display: block;
        color: #333333;
        }
        
    #sidebar ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    }
    
        #sidebar li {
        font-size: 1.0em;
        border-bottom: 1px dotted #CCCCCC;
        }
        
        #sidebar li a:link, #sidebar li a:visited, #sidebar li a:active, #sidebar li a:hover {
        text-decoration: none;
        color: #333333;
        }
    
    /* searchform
    --------------------------------------------------*/
    #text {
    width: 120px;
    padding: 2px;
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 1.0em;
    }
    
    #submit {
    width: 40px;
    padding: 2px;
    background-color: #EAEAEA;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-size: 1.0em;
    }
    
    /* position
    --------------------------------------------------*/
    .sidebar-headline {
    margin-top: 10px;
    }

  8. #8
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Müsste so funktionieren:
    Code:
    <style type="text/css">
    p.date {
    display: inline;
    color: magenta;
    }
    
    p.entry {
    display: block;
    color: red;
    }
    
    p.info {
    display: inline;
    color: green;
    }
    
    p.news {
    display: inline;
    text-align: justify;
    color: blue;
    }
    
    </style>
    </head>
    
    <body>
    <p class="date">18.01.2009</p>
    <p class="entry">Entry</p>
    <p class="info">Info</p>
    <p class="news">News</p>
    </body>
    </html>
    Allerdings würde ich p nicht zum Inlineelement vergewaltigen, sondern besser span benutzen.

  9. #9
    Kaiser(in)
    Themenstarter

    Registriert seit
    16.03.2005
    Beiträge
    2.315
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Da passiert immer noch nichts...komisch!

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem: p (Absatz)

    Wie sieht denn dein HTML-Quelltext dazu aus?

Ähnliche Themen

  1. Höhe des Absatz
    Von sapo im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 31.07.2007, 22:09
  2. formular --> blöder Absatz
    Von Bit2_Gosu im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 01.06.2007, 16:40
  3. Absatz Problem
    Von ChillZ im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 18.09.2006, 00:33
  4. Absatz zwischen zwei Bildern
    Von Corraggiouno im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 11.04.2005, 12:56
  5. Absatz in Textarea
    Von Rocco im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 11.06.2004, 23:12

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •