***** Übungen: CSS - Breite von Elementen ***** CSS_10-1: Listing interpretieren Skizzieren Sie auf einem Stück Papier, wie die Seite im Browser ungefähr aussehen wird. Quellcode: --- HTML-Code Start ---
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
--- Code Ende --- @@@ CSS_10-3: Breiten ändern Bedienen Sie sich für diese Aufgabe des folgenden Quellcodes.Verändern Sie ihn möglichst unaufwändig so, dass 1. alle Elemente höchstens 80% der Breite des Browserfensters einnehmen. 2. alle Elemente genau 450px breit sind. --- HTML-Code Start ---Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Kontaktieren Sie bitte eine der folgenden Stellen:
Frau Schmitt ist verantwortlich für PR und Marketing.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Herr Schmitt ist verantwortlich für Versand und Zustellung.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Herr Maier ist verantwortlich für Rücksendungen.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut aliquam erat. In eu dignissim ante. Pellentesque euismod turpis libero, vel egestas nulla. Sed vulputate tortor ipsum, vel vestibulum risus. Sed et nulla ante, a mollis odio. Curabitur posuere porttitor ornare. Ut convallis leo pharetra ipsum tempor eleifend. Quisque quis.
Sollten bei Ihrer Bestellung Probleme auftreten, wenden Sie sich bitte an Herrn Super.
--- Code Ende ---