In mijn Magento webshop heb ik een slider en daaronder een lijst met 'nieuwe producten'.
Helaas heb ik last van een Witregel tussen de slider en de nieuwe producten lijst.
De banner staat in: div.banner en is 920px*353px als ik deze aanpas naar: 920px*253px is de witregel netjes weg maar word ook gelijk de lijst met producten kleiner gemaakt met als gevolgd dat die gedeeltelijk niet meer zichtbaar is.
Het probleem is denk ik dat de div height blijkbaar voor deze 2 blokken tegelijk word toegepast.
Als ik via chrome bij element inspecteren kijk zie ik 2x div class=banner, kan het zijn dat het hier fout gaat? 2 zelfde blokken die door het aanpassen van de height dus allebei aangepast worden?
Hoe kan ik dit oplossen?
Het betreft de homepage van www.bikon.nl
Alvast bedankt iedereen!
- Magento: grote witregel op pagina
-
17-04-2013, 22:17 #1Particulier
- Berichten
- 21
- Lid sinds
- 11 Jaar
Magento: grote witregel op pagina
-
In de schijnwerper
-
17-04-2013, 23:41 #2
- Berichten
- 277
- Lid sinds
- 12 Jaar
Re: Magento: grote witregel op pagina
Hoi Jan,
Misschien kan je het oplossen dmv de nieuwe producten een eigen class te geven ipv dezelfde als de banner erboven.
-
18-04-2013, 07:35 #3Voordelige-Banners.nl
- Berichten
- 155
- Lid sinds
- 11 Jaar
Re: Magento: grote witregel op pagina
Jan,
Net wat J Bregman zegt. Die 2de div even een andere class naam geven en blokje css met de aangepaste height in de css plaatsen.
Met vriendelijke groet,
Boy
-
18-04-2013, 08:38 #4gast14389 Guest
Re: Magento: grote witregel op pagina
.banner class heeft een hoogte die moet je even verwijderen.
Als je er niet uitkomt stuur me even een pm.
-
18-04-2013, 20:57 #5Particulier
- Berichten
- 21
- Lid sinds
- 11 Jaar
Re: Magento: grote witregel op pagina
Iedereen bedankt voor de input!
Vanmiddag getest, inderdaad 2 div class in met dezelfde naam.
Als ik 1 een andere naam geef en van de 1e de height aanpas naar de gewenste maat schuift de 2e niet mee.
Nu het toepassen...
Ik zit te zoeken in de styles.css maar kom er niet helemaal uit.
Moet ik invoegen:
.banner{width:920px; height:353px; position:relative; padding-top:10px; overflow:hidden;}
alleen dan van banner wat anders maken?
of moet ik dit:
.banner{width:920px; height:353px; position:relative; padding-top:10px; overflow:hidden;}
.banner .prev{
background: url("../images/common.png") no-repeat scroll left top transparent;
float: left;
height: 36px;
left: 0;
position: absolute;
text-indent: -9999px;
top: 160px;
width: 60px;
}
.banner .next{
background: url("../images/common.png") no-repeat scroll -60px top transparent;
float: left;
height: 36px;
right: 0;
position: absolute;
text-indent: -9999px;
top: 160px;
width: 60px;
Kopieren en overal een andere naam geven?
Alvast bedankt!
Aanvullend bericht:
Het is gelukt door de height regel te verwijderen uit de CSS
Iedereen bedankt!Laatst aangepast door Jan Bikker : 19-04-2013 om 20:00 Reden: Automatisch samengevoegd.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic