Sat4all layout aangepast?

[pirrewit]

Hallo

heb ik iets gemist de voorbije weken in verband met een nieuwe layout van sat4all?

ik heb sinds vandaag een grotere font en iets aangepaste layout en toevoeging van een boel icoontjes zoals myspace en google en twitter en vele andere?

gr.

 

[Michel]

Het font is zeker niet gewijzigd.

 

De social media icoontjes zijn er wel vanaf vandaag bijgekomen.

 

De site is verder wat traag, nog zeker tot diep in de nacht, omdat we een hele intensieve database import (meer dan 2 miljoen records) aan het testen zijn.

 

Mvg,

 

Michel

[pirrewit]

Hallo

met fontwijziging bedoel ik de grootte.

De balk met forumlijst is schat ik 10 punts en de berichtteksten 12 punts.

mvg

[Michel]

We hebben echt helemaal niets veranderd aan de fonts.

 

De Social media icoontjes staan zowel helemaal bovenaan als helemaal onderaan een draadje zodat je niet helmaal naar boven hoeft te scrollen als je onderaan een draadje met 15 reacties aan het lezen bent.

 

Ik kan verder in zowel Internet explorer 9, Firefox als ook Chrome niets vreemds ontdekken.

 

@Sjaak(k): Klachten? dan graag de exacte browser versie en eventueel een screenshot, filmpje of een hele duidelijke uitleg want hier kan ik helaas niets mee.

 

Mvg,

 

Michel

[Gast Fretsat]

Zie screenshot, Safari / OSX. De borders, die iets van schaduw moeten suggereren waarschijnlijk, lopen niet door, maar dat was voorheen ook al. Ik zou ze helemaal weglaten. Aan het font zie ik geen wijzigingen.

 

ps: Die Google advertentie is toch wel heel slim gedaan. Staat er een plaatje van een lamp met schaduw op de pagina en ze fietsen er gelijk een ad in met "buy Davidts lamps design lamp with shades".

[Michel]

Dat van die borders is bekend. Geen probleem in Firefox en geen probleem IE7, IE8 en IE9 (bij de laatste twee forceren we compabiliteitsmodus met IE7).

 

Hoe dat voor Safari en Chrome op te lossen weet ik niet en het heeft waarschijnlijk ook niet meer zoveel zin er naar te gaan kijken want binnen 2 tot 3 paar maanden veranderd hier alles.

 

Het enige dat ik vast kan stellen, is dat het ergens hier in de stylesheet zit:

 

.topheader {

background: url(/forums/images/sat4all/top_frosted3.gif) repeat-x bottom;

margin: 0;

border-width: 0px 0px 0px 0px;

padding-left:0px;

padding-right:0px;

padding-top:0px;

padding-bottom:0px;

}

.center-column {

background-color: #f2f2f2;

border-width: 0px 1px 0px 1px;

border-color: #334759;

border-style: solid;

}

.outer-column {

background-image: url(/forums/images/sat4all/background_frosted.png);

background-color: transparent;

border-width: 0px 1px 0px 1px;

border-color: #243d84;

border-style: solid;

}

.tbt-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_lf_1.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

.tbt-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_rt_1.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

.tbt-middle {

height: 7px;

background: url('/forums/images/sat4all/top_frosted3.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

 

.tbb-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted1.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

.tbb-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted2.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

.tbb-middle {

background: url('/forums/images/sat4all/bottom_frosted3.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

 

.header-left {

height: 100px;

width: 300px;

background-image: url('/forums/images/sat4all/header_frosted1.png');

margin: 0px;

padding: 0px;

}

.header-right {

height: 100px;

width: 300px;

background-image: url('/forums/images/sat4all/header_forums.png');

margin: 0px;

padding: 0px;

}

.header-middle {

background-image: url('/forums/images/sat4all/middle_frosted.png');

margin: 0px;

padding: 0px;

}

 

Mvg,

 

Michel

[gerrit B]

Wat ik merk is dat de pijl "pagina terug" hier niet meer werkt.

Op andere sites geen probleem, maar wil ik hier terug dan moet ik nu forumlijst weer aanklikken terwijl ik voorheen gewoon op pijl terug kon klikken.

 

suc6

 

Gerrit

[Gast Fretsat]

Dat zal dan ergens in de .tbt-middle en .tbb-middle zitten want daar wordt de width niet van gezet zodat het van de browser afhangt wat daar uiteindelijk mee gebeurt.

 

Overigens is .tbt-middle de class van een cel van de table en .tbt-left en .tbt-right de class van een div.

 

<td align="left"><div class="tbb-left"></div></td>

<td class="tbb-middle"></td>

<td align="right"><div class="tbb-right"></div></td>

 

Die zou je eens met width: 100%; kunnen proberen bij de beide middle styles.

 

Bij de eerste table, waar het menu in staat, zie je overigens:

 

<td align="left"><div class="tbt-left"></div></td>

<td width="100%" class="tbt-middle"></td>

<td align="right"><div class="tbt-right"></div></td>

 

Daar wordt de breedte dus hard gezet. Dat kan je dus in ieder geval in de style doen dan geldt dat overal. Alleen ben je er dan nog niet want dan ontbreekt er nog een klein stukje. Wat je dan even kan doen is een border van "solid 1px red" zetten op die styles en dan zie je precies waar het probleem zit en moet het eenvoudig op te lossen zijn.

 

Als er een nieuwe opzet komt, zoals je aangaf, dan zou ik proberen al die table structuren die er nu in zitten buiten te werken. Dit kan je gewoon met div's doen.

[Michel]

Zou jij eventueel de huidige css aan willen passen met de wijzingen zoals jij ze aangeeft?

 

Dan zal ik testen of dat het probleem oplost.

 

Mvg,

 

Michel

[Michel]

Origineel bericht van: gerrit B

Wat ik merk is dat de pijl "pagina terug" hier niet meer werkt.
Op andere sites geen probleem, maar wil ik hier terug dan moet ik nu forumlijst weer aanklikken terwijl ik voorheen gewoon op pijl terug kon klikken.

suc6

Gerrit

Welke 'pijl pagina terug'?

Mvg,

Michel

[Gast Fretsat]

Ja, geen probleem. Ik kijk even of ik het probleem lokaal kan nabootsen.

[joker55]

Origineel bericht van: Michel

Origineel bericht van: gerrit B

Wat ik merk is dat de pijl "pagina terug" hier niet meer werkt.
Op andere sites geen probleem, maar wil ik hier terug dan moet ik nu forumlijst weer aanklikken terwijl ik voorheen gewoon op pijl terug kon klikken.

suc6

Gerrit

Welke 'pijl pagina terug'?

Mvg,

Michel

Waarschijnlijk wordt hiermee de "vorige pagina" bedoeld, de pijl naar links, zit linksboven in de balk.
Dit is bij mij ook, maar alleen als ik eerstr helemaal onderin de pagina scroll......
De pagina terug werkt dan niet helemaal lekker.....iets omhoog scrollen, en dan werkt hij wel.
(IE8 icm WIN XP pro)

[Gast Fretsat]

Zie bijgaande screenshot waar het probleem in de bovenste regel is opgelost. Deze fout is overigens ook zichtbaar in IE9 indien IE7 compatibiliteit niet gezet wordt.

 

Het probleem zit in het feit dat de breedte van de linker en rechter cel van de row waar de background-image gezet wordt niet wordt aangegeven. Als je die dezelfde breedte geeft als de breedte van de background-image (21px;) dan is het opgelost. Punt is nu dat bij zowel de <table> als de <td> geen id of een class is gezet. Kan je die toevoegen? Ander moet je bij die <td>'s een style toevoegen: style="width: 21px;"

 

Zoals:

 

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td style="width: 21px;" align="left"><div class="tbt-left"></div></td>

<td width="100%" class="tbt-middle"></td>

<td style="width: 21px;" align="right"><div class="tbt-right"></div></td>

</tr>

 

 

Edit: wat ook kan is de class die op de <div> zit verplaatsen naar de <td> en dan mag de <div> helemaal weg.

 

Dan wordt het:

 

<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">

<tr>

<td class="tbt-left" align="left"></td>

<td class="tbt-middle"></td>

<td class="tbt-right" align="right"></td>

</tr>

 

 

 

[Michel]

Ik kan alles toevoegen wat jij wilt, als ik maar weet wat ik moet toevoegen

 

Mvg,

 

Michel

[Michel]

Ik begrijp het niet helemaal. Die hebben toch al een width van 21px?

 

.tbt-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_lf_1.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

.tbt-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/top_rt_1.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

.tbt-middle {

height: 7px;

background: url('/forums/images/sat4all/top_frosted3.gif') repeat-x bottom;

margin: 0px;

padding: 0px;

}

 

.tbb-left {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted1.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

.tbb-right {

height: 7px;

width: 21px;

background: url('/forums/images/sat4all/bottom_frosted2.gif') repeat-x top;

margin: 0px;

padding: 0px;

}

.tbb-middle {

background: url('/forums/images/sat4all/bottom_frosted3.gif') repeat-x top;

margin: 0px;

padding: 0px;

}