Text goes over pictures when shrinking screen

hi

i set-up page - looks ok if shrink screen text overlaps pictures.

i used original parts offered dreamweaver.

can help?

www.jacquelinemaillard.ch

 

thanks

probably beacuse have image set @ specific width/height, right?

 

if wanting create responsive website remove width , height attribute image , use css below:

 

img {

max-width: 100%;

height: auto;

}

 

 

also using incorrect tag house image, instead of <article> should using <figure></figure> tag:

 

<figure class="left_article">

<img src="pictures/boxes/haarentfernung_sucre.png" width="267" height="189" alt=""/>

</figure>

 

 

you need 0 figure tags margin , padding default setting in left_article css.

 

margin: 0;

padding: 0;

More discussions in Dreamweaver support forum

adobe