XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   p, img, h4 in div anordnen (http://xhtmlforum.de/showthread.php?t=53728)

Mischka 21.09.2008 04:40

p, img, h4 in div anordnen
 
Moin, hab wieder soein standart-problem, wobei ich finde, dass ich seid meinem ersten post viel dazu gelernt habe.

Also es geht um folgendes
http://planlo0s.pl.ohost.de/tocss.jpg

Hab momentan das (Bild will nicht so wie ich will):

ph.gif ist ein transparenter pixel.

Code:

        <div id="list">
                        <h4>Überschrift</h4>
                        <p>Lorem ipsum und so</p>
                        <img src="ph.gif" alt="icon1" class="icon1" />
        </div>

Code:

/* list */
#list{
        width: 602px; (bei 100% einstellung geht der border des divs über den des übergeordneten)
        margin: 3px;
        border: 1px solid #969696;
}

#list h4{
    font: bold 11px Tahoma, sans-serif;
    margin: 1px;
    height: 25px;
    display: block;
    background: url(verlauf.jpg) repeat-x top;
    border-bottom: 1px solid #efefef;
    line-height: 25px;

}
#list p{
    font: 10px Tahoma, sans-serif;
    margin: 0;
}

#list img.icon1{
        height: 50px;
        width: 50px;
        background: url(icon1.jpg);
        float: right;
}

#list img.icon2{
        height: 55px;
        width: 50px;
        background: url(icon2.jpg);
        float: right;
}

Bitte helft mir

Hensens 21.09.2008 11:13

Hi,

warum gibst Du dem div nicht einen Hintergrund und entfernst die Graphik aus dem Markup? Oder gehört die Graphik zum Inhalt? Falls der Text in dem p eine Abhandlung über eine 1px große transparente Gif-Graphik sein soll, empfehle ich eine Definitionsliste. :)

Liebe Grüße
Andreas

Mischka 21.09.2008 19:38

der verlauf oben ist ja als background angegeben. das müsste verlauf.jpg sein.

und wegen der liste: ich hab ja geschrieben das ph.gif ein 1x1 großes bild ist mit einem transparenten pixel. was sollte ich den noch zum besseren verständniss erklähren?

Crizzo 21.09.2008 19:44

Du solltest dies lesen: http://xhtmlwiki.de/Wie_im_Forum_am_...en_werden_kann

Mischka 21.09.2008 19:52

findest du ich habe nicht richtig gepostet?
also ich finde, das mein problem aussagekräftig ist.

EvT 21.09.2008 20:00

Findest du, dass "Bild will nicht so wie ich will" wirklich aussagekräftig ist?

Mischka 21.09.2008 20:10

joa, eigneltich schon. ich habe im bildd drüber ja gezeigt wie ich es haben möchte und da gibts halt nur ein IMG, dass rechts ist. also krieg ich das IMG wohl nicht so eingefügt wie es im Bild drüber gezeigt wird.

mariane 23.09.2008 09:40

<img> muß vor <h4>

Scheppertreiber 23.09.2008 10:00

Immer erst die Sachen die gefloatet werden, dann den Rest.

Hensens 23.09.2008 10:48

Hi,

Zitat:

Zitat von mariane (Beitrag 403521)
<img> muß vor <h4>

Nein. <img> muss raus. Ein "transparenter Pixel" hat im Markup nichts verloren!

Zur Erinnerung:

Zitat:

Zitat von Mischka (Beitrag 403200)
ph.gif ist ein transparenter pixel.

Code:

                        <img src="ph.gif" alt="icon1" class="icon1" />

Liebe Grüße
Andreas


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:33 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023