http://wp-danmark.dk/forum/tags/tekst-over-foto WordPress DK Forum Tag: tekst over foto - Recent Topics da-DK Sun, 06 Sep 2026 07:48:12 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/at-l%c3%a6gge-en-tekst-oven-pa-et-foto-via-css#post-8922 fre, 23 jan 2009 15:22:50 +0000 peterhenrichsen 8922@http://wp-danmark.dk/forum/ <p>Kære Wp'ere</p> <p>Sidder og hygger mig med CSS, og har kigget lidt med Mark på dette problem, som jeg dog stadig ikke har fået løst.</p> <p>Når jeg fx har en fakta-box i en artikel, kunne det være lækkert at lægge et foto nedenunder, i stedet for blot een fast farve. På engelsk plejer man at kalde det &quot;Superimpose text over an image&quot;. Altså i stedet for at bruge Photoshop til at lægge tekst på et billedet, og læggde det op i WP, ja, så har man blot billedet som baggrund, og via sin CSS lægger man så blot almindelig html-tekst oven på. Smart nok, kan bare ikke få det til at virke :-)</p> <p>CSS'en ser sådan ud:</p> <p>#blackbox {<br /> background: transparent url(/images/blackbox.jpg);<br /> background-repeat: no-repeat;<br /> height: 400px;<br /> width: 220px;<br /> float: right;<br /> margin: 0px 10px 20px 20px !important;<br /> border-top: 2px solid #2D4265;<br /> border-bottom: 1px solid #2D4265;<br /> padding: 20px 20px 10px 18px !important;<br /> }</p> <p>#blackboxtext {<br /> position: relative;<br /> height: auto;<br /> width: auto;<br /> left: 10px;<br /> top: 10px;<br /> }</p> <p>Og i artiklens html kaldes blot med div og id=&quot;backbox&quot; etc.</p> <p>Det mest af CSS'en virker også fint i ovenstående - bare ikke billedet.</p> <p>I <a href="http://kulturfoto.dk/2009/01/09/ungdomsanmeldelse-camp-rock/" rel="nofollow">http://kulturfoto.dk/2009/01/09/ungdomsanmeldelse-camp-rock/</a><br /> benyttes referencen til CSS en helt nederst i artiklen sidste afsnit &quot;Camp Rock Soundtrack&quot; hvor billedet af den sorte box /images/blackbox.jpg skulle være kommet frem i boksen bag ved billedet af CD-coveret og bag teksten om land, distributør, releasedato og så videre. Dén tekst, er den der skulle være &quot;superimposed&quot; altså klistret oven på mit baggrundbillede, men resultatet er blot hvid baggrund som det ses, dog med fine top- og bottom-borders som CSS angiver. Så det meste af CSS'en virker altså, på nær billedet.</p> <p>Min sorte boks kan sagtens kaldes direkte:</p> <p><a href="http://www.kulturfoto.dk//wp-content/themes/revolution_blog_split-10/images/blackbox.jpg" rel="nofollow">http://www.kulturfoto.dk//wp-content/themes/revolution_blog_split-10/images/blackbox.jpg</a></p> <p>I CSS'en har jeg forsøgt at bruge ID i stedet for CLASS når jeg kalder blackbox, men der er ingen forskel.</p> <p>Hvorfor kommer min blackbox mon ikke på?</p> <p>Ligger den bag ved noget?</p> <p>Alle bud modtages med tak :-)</p> <p>Bedste hilsner Peter </p>