Teknik, hosting & e-handelsløsninger

Svar: CSS: Hvordan placeres tekst over billede ved centreret indhold

DesignYOU - Allan Hansen — Wed, 04 Aug 2010 15:27:38 GMT

Christian iMARKETING:
TUSIND TAK, Allan

Selv tak

/allan

Svar: CSS: Hvordan placeres tekst over billede ved centreret indhold

Christian iMARKETING — Wed, 04 Aug 2010 15:03:33 GMT

TUSIND TAK, Allan

Det kører perfekt

Jeg skal nok huske dig til betalt arbejde fremover.

Hvem Rykker?

AMINO RYKKER

Venlig hilsen,

Christian

Svar: CSS: Hvordan placeres tekst over billede ved centreret indhold

Christian iMARKETING — Wed, 04 Aug 2010 14:23:26 GMT

SUPER

Tusind tak for jeres forslag, begge to

Jeg vil prøve dem (starter med Allans forslag) og skal nok melde tilbage hvordan det går

Venlig hilsen,

Christian

Svar: CSS: Hvordan placeres tekst over billede ved centreret indhold

DesignYOU - Allan Hansen — Wed, 04 Aug 2010 13:46:03 GMT

Christian iMARKETING:
Så den skal "flyde" hen over banneret uden "absolute" positionering og uden at den tager oprindelig plads og uden at al oprindelig indhold skal lægges i lag.

Ja det kan det;)

Lav en div

<div class="banner">Her er din banner</div>

</div>

Style:

.wrap {
width : 100%;
position : relative;
text-align : left;
margin : 0;
padding : 0;
}

.text {
width : 100%;
position : absolute;
top:0;
left:0;
text-align : left;
margin : 0;
padding : 0;
}

Fordi du laver wrap relativ giver dette dig mulighed for at bruge position : absolute; på din text og når du gør det vil den ikke fylde i wrap.

Nu kan du så vælger dette her

.text{
width : 100%;
position : absolute;
top:10px;
left:10px;
text-align : left;
margin : 0;
padding : 0;
}

Dette vil placere text 10px fra top og venstre kant af wrap uden at fylde...

Håber det giver mening

/allan

Svar: CSS: Hvordan placeres tekst over billede ved centreret indhold

MichaelValentin — Wed, 04 Aug 2010 13:37:16 GMT

Hej Christian,

Du snakker dansk om noget som jeg altid kun har hørt på engelsk, så jeg beklager hvis jeg misforstår dig. Så må du lige korrigere :o)

Min løsning på det, som overholder det skriver, ville nok umiddelbart være noget med at putte både tekst og billede i en div, som du sætter overflow:hidden; og giver en passende størrelser. Korriger evt. div'en indhold relativt, og evt. også selve div'en. Jo færre relative positioneringer du kan slippe afsted med desto kønnere, men der tror jeg simpelthen at jeg er nødt til at se det for at kunne sige hvordan man gør det smartest :o)

CSS: Hvordan placeres tekst over billede ved centreret indhold

Christian iMARKETING — Wed, 04 Aug 2010 13:28:09 GMT

Hej alle sammen.

Jeg har en lille ting jeg ikke lige kan gennemskue.

Jeg har et banner på en helt regulær, centreret side, der som uddangspunkt ikke kører med layers.

Jeg vil nu (helst uden at sætte layer på alt det eksisterende) placere en tekst hen over banneret med z-index:1; men uden, at teksten skal tage plads hvor den oprindelig er sat ind.

Så den skal "flyde" hen over banneret uden "absolute" positionering og uden at den tager oprindelig plads og uden at al oprindelig indhold skal lægges i lag.

Kan det lade sig gøre?

Venlig hilsen,

Christian