Hallo,
Ik ben bezig met mijn website en werk hiermee in kolommen, ik zet een kolom neer in html:
en verwijs er dan naar in css:<div class="koloms6">
Ik zou graag deze kolom doorschijnend maken, (deels) zodat je de achtergrond door de kolom heen ziet. Ik hoop dat iemand me kan helpen!.koloms6
{
float: center;
width: 100%;
height: 300px;
background: white;
}
- CSS oplossing voor kolom! BVD!
-
24-01-2011, 10:55 #1Particulier
- Berichten
- 485
- Lid sinds
- 16 Jaar
CSS oplossing voor kolom! BVD!
-
24-01-2011, 11:21 #2
- Berichten
- 309
- Lid sinds
- 16 Jaar
Re: CSS oplossing voor kolom! BVD!
Is dit wat je zoekt?
Code:.koloms6 { float: center; width: 100%; height: 300px; background: white; filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
-
24-01-2011, 11:31 #3Particulier
- Berichten
- 162
- Lid sinds
- 14 Jaar
Re: CSS oplossing voor kolom! BVD!
Zoals Frank als zei:
filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65;
maar je wilt je kolom beetje wazig maken dus want standaard is die doorschijnend.
Als je dit werkend wilt hebben in IE moet je een hackje daarvoor hebben.
Indien je meer hulp nodig hebt laat het weten!
-
24-01-2011, 11:50 #4
- Berichten
- 449
- Lid sinds
- 13 Jaar
Re: CSS oplossing voor kolom! BVD!
Als we toch de CSS aan gaan passen: float:center??! Die bestaat niet... Gebruik hiervoor margin.
-
24-01-2011, 11:54 #5Particulier
- Berichten
- 162
- Lid sinds
- 14 Jaar
-
24-01-2011, 12:02 #6
- Berichten
- 449
- Lid sinds
- 13 Jaar
Re: CSS oplossing voor kolom! BVD!
Je kan natuurlijk ook een float:left hieraan meegeven... misschien wel makkelijker, aangezien dan deze DIV op meerdere manieren kan worden gebruikt (zonder floated DIV's links en/of rechts)
-
24-01-2011, 12:05 #7Particulier
- Berichten
- 162
- Lid sinds
- 14 Jaar
Re: CSS oplossing voor kolom! BVD!
Ligt eraan of de container fixed of relative is; aangezien de DIV als eigenschap 100% width heeft, ga ik er in dit geval van uit dat de width relative is. In dat geval gebruik je absolute margin (de width van de links- en/of rechtsliggende floated DIV's + een kleine margin als er geen gebruik van padding wordt gemaakt.).
Je kan natuurlijk ook een float:left hieraan meegeven... misschien wel makkelijker, aangezien dan deze DIV op meerdere manieren kan worden gebruikt (zonder floated DIV's links en/of rechts)
Of je gebruikt binnenkort de column eigenschappen van CSS3 alles opgelost.
Heel goed opbouwend wat je zegt!
-
24-01-2011, 12:17 #8Particulier
- Berichten
- 485
- Lid sinds
- 16 Jaar
Re: CSS oplossing voor kolom! BVD!
Op zoveel reacties had ik zelfs niet durven hopen haha! Ik was idd het woordje kwijt van opacity! Heel erg bedankt, en dat float klopt idd, ik was een beetje aan het proberen! Echt heel erg bedankt !
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