Einzelnen Beitrag anzeigen
  #32 (permalink)  
Alt 26.11.2012, 23:09
<--steph--> <--steph--> ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.09.2012
Beiträge: 50
<--steph--> befindet sich auf einem aufstrebenden Ast
Standard

Hey Corina ... wow ... es funktioniert. Sowohl im FF und IE werden nach dem Refresh die Bilder im Blocksatz dargestellt.

Man siehts auch im code: hier stehen keine komischen Namen mehr für die Bilder da. Danke, Danke,

auf das muss man als normalsterblicher erst mal kommen.

Jetzt kann ich voranschreiten mit meinen companion columns wie in Fortgeschrittene CSS-Techniken beschrieben. Ist auch schon im werden, muss nur mehr eine Feinheit lösen.

Auf deine Frage von vorhin: nur Zeile 3 in Link 1 war gestaucht dargestellt!


HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />

<title>Steven's page</title>
<link rel="stylesheet" type="text/css" href="mystyles.css" media="screen">
<link rel="icon" href="mein_favicon.ico" type="image">
</head>
<body id="main">
<div id="wrapper">
<div id="stapel">
         <div class="header">
         <h1>Art Gallery</h1>
         </div><!--header-->

<div class="bildmenue">
 <ul class="Orte">
         <li>
                 <div class="hov">
                 <a class="hove" href="dailylife.html"><span class="voll">[daily:life]</span></a>
                 </div>
                 <a class="koala" href="dailylife.html"><img src="spanien1.1.jpg" alt="image"/></a>
                 <div class="box">
                 <h3>[daily:life]</h3>
                 <p>Mostly unnoticed, happening every day</p>
                 </div> <!--box-->
         </li>

         <li>
                 <div class="hov">
                 <a class="hove" href="purenature.html"><span class="voll">[pure:nature]</span></a>
                 </div>
                 <a class="koala" href="purenature.html"><img src="spanien2.1.jpg" alt="image"/></a>
                 <div class="box">
                 <h3>[pure:nature]</h3>
                 <p>Images only the nature can compose</p>
                 </div>
         </li>

         <li>
                 <div class="hov">
                 <a class="hove" href="buzzinglifestyle.html"><span class="voll">[buzzing:lifestyle]</span></a>
                 </div>
                 <a class="koala" href="buzzinglifestyle.html"><img src="spanien3.1.jpg" alt="image"/></a>
                 <div class="box">
                 <h3>[buzzing:lifestyle]</h3>
                 <p>Feel the people as part of their activities</p>
                 </div>
        </li>

         <li>
                 <div class="hov">
                 <a class="hove" href="silentbuildings.html"><span class="voll">[silent:buildings]</span></a>
                 </div>
                 <a class="koala" href="silentbuildings.html"><img src="spanien4.1.jpg" alt="image"/></a>
                 <div class="box">
                 <h3>[silent:buildings]</h3>
                 <p>Architectural expressions of mankind</p>
                 </div>
         </li>

 </ul>
</div><!--bildmenue-->

<h1>companion columns</h1>

<div id="container">
<div class="spalte1 spalte">
<h2>Spalte 1</h2>
         <p>Costa Rica was one of my first bigger trips in
         December/January 2012/2013. I was very curious about the
         Central-American country as it fitted perfectly to my fields of interest: Rainforest,
         The Sea (Carrebean waters and the Pacific) and of course a rich cultural
         background.
         </p>

         <p>In advance of this trip the idea arose to document the
         beauty and characteristic of this country, culture and people. As in
         every further project to follow, I aim to capture the very essence of the motive in front of the camera.</p>
         <p>
         Each photograph will be tagged with an information box
         displaying the title of the image. Apart from the location no further
         description will be added so that each viewer can interpret what I have
         tried to capture by that shot.
         </p>
         <p>Enjoy!</p>
</div>

<div class="spalte2 spalte">
<h2>Spalte 2</h2>
         <p>Hi, my name is Stephan, I live in Vienna. This is my very first webpage
         dedicatd to fine arts expressed by photographs.</p>

         <p> The following picutres are taken by me during travelling
         or everyday life. My photographic aim is to catch an image as naturally as possible.</p>

         <p>Enjoy!</p>
</div>
<hr />
</div> <!--#container-->
</div> <!--#stapel-->

<div id="pedestal">
<div class="spalte 1 companion1">&nbsp;</div>
<div class="spalte 2 companion2">&nbsp;</div>
</div> <!--#pedestal-->



<div id="footer-wrapper">
         <div id="footer">


         &copy; 2012 Stephan Kardos. All Rights Reserved.

         Impressum.
         F&uuml;r den Inhalt verantwortlich:

         Stephan Kardos
         Martinstra&szlig;e 78/2, 1180 Wien, Austria

          Contact
          Phone: +43-650 525 66 44
          E-Mail: stephan.kard@gmail.com

          Mit dieser privaten Homepage werden keinerlei kommerzielle Interessen
          verfolgt und keine kostenpflichtige Produkte oder Dienstleistungen auf dieser Homepage angeboten.
          Der Autor verfolgt mit dieser Homepage nicht die Absicht, irgendwelche Gewinne zu erzielen.
          Die Inhalte meiner Seiten wurden mit gr&ouml;&szlig;ter Sorgfalt erstellt. F&uuml;r die Richtigkeit,
          Vollst&auml;ndigkeit und Aktualit&auml;t der Inhalte kann ich jedoch keine Gew&auml;hr &uuml;bernehmen.
         </div>
</div><!--footer-wrapper-->

<p>
    <a href="http://validator.w3.org/check?uri=referer">
    <img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>

<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS ist valide!" />
</a>
</p>


</div><!--wrapper-->

</body></html>
Mit Zitat antworten
Sponsored Links