Någon som vet hur detta kan ordnas? :D
“Real living is living for others.”
Är reklamen ivägen? Logga in eller registrera dig så försvinner den!
Annons
Centrera text
Skapad av JunZuloo, 2011-08-09 02:45 i Webbutveckling & Programmering
2 073
14 inlägg
0 poäng
Jag har en mängd text som ja vill få in i mitten av en <div> utan text-align="center" eftersom de gör så texten inte håller en rak vänsterspalt.
Någon som vet hur detta kan ordnas? :D
Någon som vet hur detta kan ordnas? :D
Ett stycke html-kod:
<div>
<p>
blsklkslkslfkslfknfmsnf din text
</p>
</div>
##### CSS
div p {margin: auto;}
borde fixa't.
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Svar till Syndafloden [Gå till post]:
Provade även att göra om till en div =/
Ett stycke css-kod:
p {
font-size: 18px;
color: #222;
text-shadow: 0px 2px 3px #666;
font-family: Arial, Courier;
margin-left: auto;
margin-right: auto;
margin-top: -15px;
}Provade även att göra om till en div =/
“Real living is living for others.”
Du måste konstruera ytterligare pyloner
Svar till SkalmanOnDrugs [Gå till post]:
Indenterar inte det bara typ första raden?
och det knuffar ju in texten 50px, han vill ha texten på mitten?
Indenterar inte det bara typ första raden?
och det knuffar ju in texten 50px, han vill ha texten på mitten?
Svar till Jake [Gå till post]:
testa att sätta en width och en height på p, se om du kan centrera med margin: auto då.
Och sluta använda minusvärden på margin :<
testa att sätta en width och en height på p, se om du kan centrera med margin: auto då.
Och sluta använda minusvärden på margin :<
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Svar till Syndafloden [Gå till post]:
Indent indenterar alla rader inom <p> och </p>
Jo, den knuffar bara 50px åt höger. Dock kan man använda % typ 25% eller 50% för ett annorlunda resultat. Man får testa sig fram lite.
Indent indenterar alla rader inom <p> och </p>
Jo, den knuffar bara 50px åt höger. Dock kan man använda % typ 25% eller 50% för ett annorlunda resultat. Man får testa sig fram lite.
Tillägg av SkalmanOnDrugs 2011-08-09 03:24
Ett annat sätt vore ju att ha en wrapper och sen centrerar man wrapper-diven inom diven... ifall that makes sense :P
Ett annat sätt vore ju att ha en wrapper och sen centrerar man wrapper-diven inom diven... ifall that makes sense :P
Tillägg av SkalmanOnDrugs 2011-08-09 03:26
Fast nu när jag tänker på det kanske inte text-indent är bästa lösningen... men det kan vara värt att prova ifall man inte kommer på något bättre sätt
Fast nu när jag tänker på det kanske inte text-indent är bästa lösningen... men det kan vara värt att prova ifall man inte kommer på något bättre sätt
Du måste konstruera ytterligare pyloner
Svar till Syndafloden [Gå till post]:
Testade sätta width å fick den i mitten i Dreamweaver men sen i webbläsarn låg texten fortfarande längs vänster kanten, men indent fungerade eftersom de va ALL text i <P> som skulle fram ;).
Minusvärdena är för å minska mellanrummen på raderna... som ja brukar få göra en hel del =/
Testade sätta width å fick den i mitten i Dreamweaver men sen i webbläsarn låg texten fortfarande längs vänster kanten, men indent fungerade eftersom de va ALL text i <P> som skulle fram ;).
Minusvärdena är för å minska mellanrummen på raderna... som ja brukar få göra en hel del =/
“Real living is living for others.”
Svar till Jake [Gå till post]:
Fast med indent får du, som sagt, itne texten i mitten utan att krångla och räkna : )
Om du beöver använda minusvärden har du gjort fel. Släng och börja om.
Och använder du dreamweaver hoppas jag att du låter bli WYSIWYG-grejerna.
Använd reset.css när du gör sidorna, annars blir det skumt i olika webbläsare.
Fast med indent får du, som sagt, itne texten i mitten utan att krångla och räkna : )
Om du beöver använda minusvärden har du gjort fel. Släng och börja om.
Och använder du dreamweaver hoppas jag att du låter bli WYSIWYG-grejerna.
Använd reset.css när du gör sidorna, annars blir det skumt i olika webbläsare.
HEH, TIME FOR A BIT OF A ROUGH AND TUMBLE
Den måste ha en width, annars blir den inte centrerad. Kör du med doctypes? Tror det är från XHTML 1.0 Strict som man kan göra så (vilket man även bör köra för att inte framkalla kräkningar för besökare som kör IE6).
Kaka
Svar till Joel [Gå till post]:
Hah, jag hoppar in bara för att säga att jag framkallar gärna kräkningar på dem som kör IE6, för det framkallar kräkningar hos mig varje gång jag ser någon använda det.
Hah, jag hoppar in bara för att säga att jag framkallar gärna kräkningar på dem som kör IE6, för det framkallar kräkningar hos mig varje gång jag ser någon använda det.
Ingen status
Ett stycke css-kod:
.myContent {
marin-left: 0 auto;
margin-right: 0 auto;
}
Sedan skriver du bara: <div class="myContent">Den här texten är centrerad.</div>
Ingen status
Svar till H4x [Gå till post]:
Vad du ska krångla till det:
Vad du ska krångla till det:
Ett stycke css-kod:
.myContent {
margin: 0 auto;
}
Ingen status
Ingen status
Svar till H4x [Gå till post]:
Man gör så om man är lat
...eller för att göra css-filen mycket mindre, storleksmässigt, än behövligt och på så sätt ladda sidan snabbare. Det kanske gäller microsekunder i ett fall, men lägger man fler sådana här på varandra blir det kanska mycket kod till slut.
och inte vill ha lika mycket kontroll.
Det där är ju bara bullcrap, 0:orna gör exakt ingenting (mer än att deklarera att inga marginaler ska finnas i över- och nederkanten) och auto behöver du inte skriva två gånger.
Margin-left och margin-right tar också bara ett argument, inte två.
Därför är det bättre att använda paraplybegreppet margin, eftersom att det gör exakt samma sak, men besparar webbläsaren på en rad kod.
Man gör så om man är lat
...eller för att göra css-filen mycket mindre, storleksmässigt, än behövligt och på så sätt ladda sidan snabbare. Det kanske gäller microsekunder i ett fall, men lägger man fler sådana här på varandra blir det kanska mycket kod till slut.
och inte vill ha lika mycket kontroll.
Det där är ju bara bullcrap, 0:orna gör exakt ingenting (mer än att deklarera att inga marginaler ska finnas i över- och nederkanten) och auto behöver du inte skriva två gånger.
Margin-left och margin-right tar också bara ett argument, inte två.
Därför är det bättre att använda paraplybegreppet margin, eftersom att det gör exakt samma sak, men besparar webbläsaren på en rad kod.
Ingen status
Forum » Datorer & IT » Webbutveckling & Programmering » Centrera text
Ansvariga ordningsvakter:
Användare som läser i den här tråden just nu
1 utloggadSkriv ett nytt inlägg
Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!