text positioning CSS

Indlæg af **cristian** » 20. dec 2011, 11:45

Når. Jeg er igang med et CSS StyleSheet (first time ever) og prøver at align min tekst inde i en div. Men det funker ikke rigtigt.

Som det kan ses på billedet (vedhæftet) så forsvinder teksten ud af diven. Hvor jeg gerne ville have det mere centeret.
Men hvordan gør jeg det?

StyleSheet kode

Kode: Vælg alt

#topContent  
{
    text-align: center; 
    background-color: #600; 
    color: #FFFFFF; 
    font-size: x-large; 
    text-decoration: none; 
    font-weight: bold; 
    padding: 10px; 
    height: 50px;
}

Min masterpage (dette er ASP.NET)

Kode: Vælg alt

<body>
    <form id="form1" runat="server">
    <div id="topContent">
    <h2 href="Default.aspx">My first CSS styleSheet</h2>
    </div>
    </form>
</body>

Tak på forhånd.
Mvh

Indlæg af **cristian** » 20. dec 2011, 12:00

Samtidig når jeg nu husker det. På nemprogrammering.dk har Thomas cuttet nogle af siderne af i højre og venstre side så selve hjemmesiden er mere centeret.
Hvad hedder denne form for styling? Hvor man centere hjemmesiden mere på midten.

Indlæg af **ThomasI** » 20. dec 2011, 12:19

Hej Cristian

,

Har du prøvet at fjerne din padding eller ændre på højden af din div?...kunne godt se ud til at din tekst er for stor til diven

prøv evt height:auro;

med hensyn til centrering af hjememside kan du sætte margin left og right til auto på din div således at den placerer sig i midten...dette forudsætter selfølgelig at din div ikke fylde hele skærmen for så vil der jo ikke være plads til nogen margin

Indlæg af **cristian** » 21. dec 2011, 00:03

Hej T :p

Ja jeg fandt ud af det med hight og padding :p
Er der ikke en måde hvor på man kan sige præcist hvor ens tekst skal være inden for diven?

udover. Left, Right, Bottom, Center, Top.

vh

EDIT.
Når vi nu er ved det Thomas. Er det muligt.
Hvis du har 3 forskellige divs på den samme side. Er det så muligt at lave mellemrum imellem div,ne så ikke de klumper sig tæt sammen?

Billed 1 viser det jeg gerne ville opnå. Billed 2 er det jeg har i øjeblikket.
Lig mærke til de mellemrum der er på billed 1 kontra billed 2.

EDIT2.

Hvis du har 3 forskellige divs på den samme side. Er det så muligt at lave mellemrum imellem div,ne så ikke de klumper sig tæt sammen?

Answer. Margin
Am i correct? :p

EDIT3. Jeg kan edit all day long, until somebody answers :p
Hvis jeg har en div, som ses på billed 2 med mine knapper i. Så er diven i højde jo mere end rigeligt til at mine knapper kan være inde i diven. Men aligevæld er de ikke i midten af diven. Hvordan kan det være? Det ser ud som de er lige lidt over midten. Samtidig er det muligt at man kan gøre så tekst + andet, ikke kan gå ud over en divs borders.

Stiller samtidig et andet spørglsmål her.
I en div jeg har ville jeg gerne indsætte et billed, som baggrund.
I dette eksempel bliver det vist
background-image:url(http://games.chruker.dk/eve_online/grap ... 2/2804.jpg);
I dette eksempel bliver det ikke vist
background-image:url(C:\Users\cristian\Desktop\x.jpg);

Kan du sige mig hvad jeg gør forkert T? Det skal siges at dette skriver jeg i min CSS fil.

text positioning CSS

Re: text positioning CSS

Re: text positioning CSS

Re: text positioning CSS

Office

CMS

Webudvikling

Udvikling

Adobe

Andet

Online Markedsføring

App- og spiludvikling

text positioning CSS

Re: text positioning CSS

Re: text positioning CSS

Re: text positioning CSS