Foutieve Marges?

[TheBryan]

Beste,

Ik heb een probleem op mijn forum dat tekst en afbeeldingen langs de lijnen lopen.
Dit is ook het geval met avatars en signatures.

afbeelding:

http://i1310.photobucket.com/albums/s64 ... 25f34c.png

Iemand een oplossing hiervoor?

[Pola]

Wat wil je dat er gebeurt met het gedeelte dat niet meer in het berichtvak past?

Open /styles/absolution/theme/colours.css
Zoek

Code: Selecteer alles

.vt-postcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
	color: #000033;
	overflow: visible;
	margin-top: 10px;
}

Als je wilt dat het gedeelte dat niet past, onzichtbaar wordt, vervang dat gedeelte dan door:

Code: Selecteer alles

.vt-postcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
	color: #000033;
	overflow: hidden;
	margin-top: 10px;
}

Als je wilt dat er een scrollbar onder het bericht komt, waarin een reeks tekens of een afbeelding staat die niet binnen het berichtvak past, vervang het gedeelte dan door:

Code: Selecteer alles

.vt-postcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
	color: #000033;
	overflow: auto;
	margin-top: 10px;
}

Na uploaden van het gewijzigde bestand, het thema verversen in het beheerderspaneel en in je browser een harde refresh geven.

[TheBryan]

Eigenlijk wil ik gewoon een automatische terugloop waardoor die gewoon onder de zin verder gaat.

Voorbeeld:

Deze zin is te lang daarom gaat hij op de
volgende regel verder.

&

Mijn afbeeldingen doen precies hetzelfde, ook bij avatars enzo?
Maar nu maak ik gebruik van de Reimage mod maar volgens mij werkt deze niet heel goed?

[Pola]

Zinnen worden alleen maar afgebroken naar de volgende regel bij een spatie of een afbreekstreepje.
Het vervelende is dat verschillende browsers hier opp verschillende manieren mee omgaan.

Probeer het volgende eens:

Open /styles/absolution/theme/colours.css
Zoek

Code: Selecteer alles

.vt-postcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
	color: #000033;
	overflow: visible;
	margin-top: 10px;
}

Vervang door:

Code: Selecteer alles

.vt-postcontent {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	padding-top: 10px;
	color: #000033;
	overflow: visible;
	white-space: pre;		/* CSS 2.0 */
	white-space: pre-wrap;	/* CSS 2.1 */
	white-space: pre-line;	/* CSS 3.0 */
	white-space: -pre-wrap;	/* Opera 4-6 */
	white-space: -o-pre-wrap;	/* Opera 7 */
	white-space: -moz-pre-wrap;	/* Mozilla */
	white-space: -hp-pre-wrap;	/* HP Printers */
	word-wrap: break-word;	/* IE 5+ */
	margin-top: 10px;
}

[TheBryan]

Het heeft nog niet geholpen helaas, ik gebruik trouwens google chrome