CMS Made Simple Forums

Posted: **Tue Oct 06, 2015 4:47 pm**

Hallo,

Hier weer een vraag van mij, ik weet hoe ik het voorbeeld moet maken, maar dit moet alleen op de homepage.

De kolommen met foto + link moeten verdwijnen zodra ze op een andere pagina komen, is dit mogelijk? of moet je dan perse 2 sjablonen aanmaken?

Mijn website heeft namelijk 5 plaatjes en deze vul ik in bij paginabeheer, maar zodra ik mijn website verklein komt de tekst naast de afbeeldingen te staan dat wil ik dus voorkomen.
http://alturl.com/645oj

Alvast bedankt voor de hulp.

Gr. Sjoerd.

Posted: **Wed Oct 07, 2015 9:16 am**

Ik denk dat je dit bedoelt?

http://forum.cmsmadesimple.org/viewtopi ... 13&t=72817

Posted: **Wed Oct 07, 2015 9:58 am**

pasmaskas wrote:Ik denk dat je dit bedoelt?

http://forum.cmsmadesimple.org/viewtopi ... 13&t=72817

Ja inderdaad, misschien heb je ook een idee hoe ik kan zorgen dat de tekst niet naast mijn afbeeldingen komt te staan zodra je gaat schalen?

Posted: **Wed Oct 07, 2015 10:39 am**

Mischien

Code: Select all

img {
	display: block;
}

Anders

Code: Select all

img, p {
	display: block;
}

Posted: **Wed Oct 07, 2015 10:43 am**

pasmaskas wrote:Mischien
Code: Select all
img {
	display: block;
}
Anders
Code: Select all
img, p {
	display: block;
}

Kleine uitleg wat die p precies extra zal doen?

Posted: **Wed Oct 07, 2015 10:59 am**

die p is de paragraph tag

http://www.w3schools.com/tags/tag_p.asp

Als je die in display:block zet dan moet hij die altijd in een soort block weergeven dan mag de tekst dus niet buiten dat block vallen. je kan met de p ook je paragraph stylen

Posted: **Wed Oct 07, 2015 1:08 pm**

pasmaskas wrote:die p is de paragraph tag

http://www.w3schools.com/tags/tag_p.asp

Als je die in display:block zet dan moet hij die altijd in een soort block weergeven dan mag de tekst dus niet buiten dat block vallen. je kan met de p ook je paragraph stylen

Helaas werkt niet ook niet, ik heb nu het volgende staan:

Code: Select all

img.img4
    {
        float: left;
        margin-left: 3.5%;
        margin-top: 15px;
        margin-bottom: 15px;
        border-radius: 15px 15px 15px 15px;
        -moz-border-radius: 15px 15px 15px 15px;
        -webkit-border-radius: 15px 15px 15px 15px;
        border: 0px solid #800000;
    width: 50%;
max-width: 150px;
height: auto;
display: block;

    }

Posted: **Tue Oct 20, 2015 3:48 pm**

Img.img4 verwijst naar iets anders dan img, img4
In dat laatste geval geldt de css voor zowel img als voor img4. Is dat ook wat je bedoelt?

CMS Made Simple Forums

Responsive website met verschillende kolommen [OPGELOST]

Responsive website met verschillende kolommen [OPGELOST]

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen

Re: Responsive website met verschillende kolommen [OPGELOST]