Responsive website met verschillende kolommen [OPGELOST]

[sjoerdd87]

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.

[pasmaskas]

Ik denk dat je dit bedoelt?

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

[sjoerdd87]

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?

[pasmaskas]

Mischien

Code: Select all

img {
	display: block;
}

Anders

Code: Select all

img, p {
	display: block;
}

[sjoerdd87]

Mischien

Code: Select all

img {
	display: block;
}

Anders

Code: Select all

img, p {
	display: block;
}

Kleine uitleg wat die p precies extra zal doen?

[pasmaskas]

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

[sjoerdd87]

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;

    }

[Gregor]

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?