Skumt när man centrerar text i HTML?

Permalänk
Medlem

Skumt när man centrerar text i HTML?

Jag sitter och hjälper flickvännen att få till bloggen... och jag kan inte direkt mycket om HTML men det har gått ganska hyffsat MEN nu sitter jag fast... texten ser dum ut när jag centrerar den och vet inte vad jag ska göra åt det.
Tar och lägger upp koden och en bild på hur det ser ut på den här datorn (vet ju inte om upplösning/skärmstorlek spelar någon roll... men antar det...)

Vill att det ska vara centrerat men att det inte ser ut som på bilden alltså nåra ord på en rad, sen en lååång rad sen en kort under igen... ser konstigt ut :S

Kod (denna kod gäller för inläggen i bloggen om ni inte förstod det..) :

<div id="content"> <tag:entrylist limit="15"> <a name="a${EntryNum}"></a> <h3><center>${EntryTitle}</center></h3> <center><font face="verdana" font size="1" font color="#817a7e">${EntryDate} @ ${EntryTime}</font></center> <pre> </pre> <div class="entrybody" align="center">${EntryBody}</div> <div class="entrymeta"> <center><a href="${EntryPermaLink}">Kommentarer (${EntryCommentCount})</a> <a href="${EntryPermaLink}#trackback">Trackbacks (${EntryTrackbackCount})</a> <br /><br /> <tag:taglist title="Nyckelord: "> <a href="${TagURL}" rel="tag">${TagName}</a> </tag:taglist> </div> <hr class="separator" /> </tag:entrylist> </div> </center>

Resultat:

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU

Permalänk
Medlem

Det är ju för att du använder styckeindelning och att texten är centrerad inom en box, och går således inte utanför boxen. Kan man få se på headern/CSS-filen till den specifika boxen?

Visa signatur

Osocial, instängd och förbannad.

Permalänk
Medlem

Ser ut som att bloggprogramvaran gör några egna enter-slag, eller så är det något annat. Kan du ge oss källan för den sidan du visar? Inte templaten som du skrev där uppe.

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Permalänk
Medlem
Skrivet av Debug:

Det är ju för att du använder styckeindelning och att texten är centrerad inom en box, och går således inte utanför boxen. Kan man få se på headern/CSS-filen till den specifika boxen?

Är inte filer.. Är på blogg.se finns ju Stilmall och Kodmall Stilmallen är CSS antar jag?
Min flickväns kompis hjälpte till lite och tryckte ihop hela CSS koden till en "wall-o-text"

Skrivet av ToJa92:

Ser ut som att bloggprogramvaran gör några egna enter-slag, eller så är det något annat. Kan du ge oss källan för den sidan du visar? Inte templaten som du skrev där uppe.

www.http://nle.blogg.se/ gå in och kolla källkoden där? eller behöver du något annat?

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU

Permalänk
Medlem
Skrivet av Mitron:

Är inte filer.. Är på blogg.se finns ju Stilmall och Kodmall Stilmallen är CSS antar jag?
Min flickväns kompis hjälpte till lite och tryckte ihop hela CSS koden till en "wall-o-text"

www.http://nle.blogg.se/ gå in och kolla källkoden där? eller behöver du något annat?

Om du sätter width i #content till 610px så kommer den bli så bred som möjligt. Anledningen till att det ser konstigt ut i övrigt är för att det är radbrytningar i texten.

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Permalänk
Medlem
Skrivet av ToJa92:

Om du sätter width i #content till 610px så kommer den bli så bred som möjligt. Anledningen till att det ser konstigt ut i övrigt är för att det är radbrytningar i texten.

Okej, provade med <nobr> </nobr> grejen åxå, men då hamnade texten utanför sidan (eller den vita remsan som texten är i som går efter hela sidan. Hur förhindrar man sånt? :S Å fattar inte just nu vat #Content grejen är... är lite nyvaken

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU

Permalänk
Medlem
Skrivet av Mitron:

Okej, provade med <nobr> </nobr> grejen åxå, men då hamnade texten utanför sidan (eller den vita remsan som texten är i som går efter hela sidan. Hur förhindrar man sånt? :S Å fattar inte just nu vat #Content grejen är... är lite nyvaken

Den är i stilmallen, i CSS-editorn. Och nobr går inte att använda, då radbryter den aldrig och då hamnar all text på samma linje http://www.htmlcodetutorial.com/linepar/_NOBR.html

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Permalänk
Medlem
Skrivet av ToJa92:

Den är i stilmallen, i CSS-editorn. Och nobr går inte att använda, då radbryter den aldrig och då hamnar all text på samma linje http://www.htmlcodetutorial.com/linepar/_NOBR.html

hatar verkligen CSS koden för hennes blogg... hennes kompis som kan det där men är lite dryg och vill inte hjälpa till så mycket har dragit ihop typ all CSS kod så inget är uppdelat... allt är bara en fet wall 'o text :S

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU

Permalänk
Medlem
Skrivet av Mitron:

hatar verkligen CSS koden för hennes blogg... hennes kompis som kan det där men är lite dryg och vill inte hjälpa till så mycket har dragit ihop typ all CSS kod så inget är uppdelat... allt är bara en fet wall 'o text :S

Ändra:

#content {background:#FFFFFF repeat;overflow: hidden;width: 538px;position:relative;left:0px;padding: 20px 0px;voice-family:"\"}\"";voice-family:inherit;width:538px;float: left;margin: 0px 10px 0px 0px;}html>body#content { width: 538px }

till

#content {background:#FFFFFF repeat;overflow: hidden;position:relative;left:0px;padding: 20px 0px;width:610px;float: left;margin: 0px 10px 0px 0px;}

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Permalänk
Medlem
Skrivet av ToJa92:

Ändra:

#content {background:#FFFFFF repeat;overflow: hidden;width: 538px;position:relative;left:0px;padding: 20px 0px;voice-family:"\"}\"";voice-family:inherit;width:538px;float: left;margin: 0px 10px 0px 0px;}html>body#content { width: 538px }

till

#content {background:#FFFFFF repeat;overflow: hidden;position:relative;left:0px;padding: 20px 0px;width:610px;float: left;margin: 0px 10px 0px 0px;}

fungerade inte, om man ändrade det så blev visserligen texten bättre. MEN Meny grejen med OM, senaste inlägg och arkiv som är till höger, hamnade längst ner på sidan...

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU

Permalänk
Medlem
Skrivet av Mitron:

fungerade inte, om man ändrade det så blev visserligen texten bättre. MEN Meny grejen med OM, senaste inlägg och arkiv som är till höger, hamnade längst ner på sidan...

Du har inte bytt tillbaka eller? För min del ser det rätt ut.. Dock så skulle nog en ny design fixa de flesta av felen. Finns hur många som helst att välja mellan.

Så ser det ut för mig:

Visa signatur

Citera eller nämn gärna mig (@ToJa92) om du svarar på något jag skrivit.
Uppskattar du eller blir hjälpt av ett inlägg jag skrivit är jag tacksam om du gillar det.

Permalänk
Medlem
Skrivet av ToJa92:

Du har inte bytt tillbaka eller? För min del ser det rätt ut.. Dock så skulle nog en ny design fixa de flesta av felen. Finns hur många som helst att välja mellan.

Så ser det ut för mig:
http://i.imgur.com/Cn0vC.png

jo, bytte tillbaka, men lite mindre font på inläggen fick det att se lite bättre ut!

Visa signatur

Intel Core i5 4690k @4.1GHz |---| Asus Maximus VII Ranger |---| ASUS STRIX GTX 980 Ti DirectCU III |---| Corsair Vengeance LP 2x8gb |---| EVGA Supernova G1 650w |---| Fractal Design Define R5 |---| Acer 27" XB270HU