Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

CSS: Hvordan placeres tekst over billede ved centreret indhold

Side 1 ud af 1 (6 indlæg)
  • 1
Fra Stenløse
Tilmeldt 23. Jun 06
Indlæg ialt: 3040
Fra  iMARKETING Skrevet kl. 15:28
Hvor mange stjerner giver du? :

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

Fra København
Tilmeldt 11. Jun 08
Indlæg ialt: 661
Fra  Signifly ApS Skrevet kl. 15:37
Hvor mange stjerner giver du? :

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)

Boldrer mig med de kreative wunderkids i Signifly - et Digitalt Bureau i København. Altid en god Amino-pris.

Fra Puerto De La Duquesa
Tilmeldt 13. Jul 09
Indlæg ialt: 3506
Fra  DesignYOU - Kreative løsninger Skrevet kl. 15:46
Hvor mange stjerner giver du? :
Gennemsnit 5,0 stjerner givet af 2 person

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="wrap">

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

<div class="text">Her er din text</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

Fra Stenløse
Tilmeldt 23. Jun 06
Indlæg ialt: 3040
Fra  iMARKETING Skrevet kl. 16:23
Hvor mange stjerner giver du? :

SUPER Yes

Tusind tak for jeres forslag, begge to Smile

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

Venlig hilsen,

Christian

Fra Stenløse
Tilmeldt 23. Jun 06
Indlæg ialt: 3040
Fra  iMARKETING Skrevet kl. 17:03
Hvor mange stjerner giver du? :
Gennemsnit 5,0 stjerner givet af 1 person

TUSIND TAK, Allan

Det kører perfekt Big Smile

Jeg skal nok huske dig til betalt arbejde fremover.

 

Hvem Rykker?

AMINO RYKKER Yes

Venlig hilsen,

Christian

Fra Puerto De La Duquesa
Tilmeldt 13. Jul 09
Indlæg ialt: 3506
Fra  DesignYOU - Kreative løsninger Skrevet kl. 17:27
Hvor mange stjerner giver du? :

Christian iMARKETING:
TUSIND TAK, Allan

Selv tak Big Smile

/allan

Side 1 ud af 1 (6 indlæg)