Hi!
ICh bin ein neuling auf diesem gebiet und bitte deshalb um Rat!

Mein problem ist, dass ich in meiner webseite die Bilder nicht nach meinen Wünschen anordnen lassen!
Quelltext anbei:
benötige hilfe denn der css validator findet das problem auch nicht und möglicherweise ist es nur eine Kleinigkeit die ich nicht sehe!


thx im Vorraus Fex89
/* ==========================
1. Kalibrierung und allgemeine Styles
=================================== */
* { padding: 0;
margin:0;
}
html {height:101%;} /* erzwingt scrollbar im Firefox */
h2, h3, p, ul, ol {margin-bottom:1em; }
ul ul { margin-bottom: 0;}
li { margin-left: 1em; }
body{
color: black; /* Schriftgarbe */
background-color:#00CCFF; /* Hintergrundfarbe */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small; /* Schriftgröße */
}

h1 {font-size: 150% }
h2 {font-size: 200% }
h3 {font-size: 120%}

.bildlinks {
float:left;
padding: 3px;
border: 5px solid #ccc;
margin-bottom: 10px;
margin-left: 10px;
}
.bildrechts {
float:right;
padding: 3px;
border: 5px solid #ccc;
margin-bottom: 10px;
margin-left: 10px;
}


address{
text-align: center; /* zentrieren */
font-size: 80%; /* etwas kleiner */
font-style: normal; /* normale Schrift */
letter-spacing: 2px; /* Abstand zw. Buchstaben */
line-height: 1.5em; /* Zeilenabstand */
}
a{text-decoration: none;}
/* Unterstreichung entfernen */
a:link {color: green;}
a:visited {color: #f00;}

a:hover,
a:focus{

border-bottom: 5px solid #d90000;
}
a:active{
color: yellow;
background-color: white;
}
.skiplink{
position: absolute;
top: -2000px;
left: -3000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}
#logo{
background-color: white;
padding: 10px;
border: 1px solid #000;
}

.clearing { clear: both; }
/* =============================
2. Styles für die Layoutbereiche
================================ */

#wrapper{
color: black;
background:url(orange.jpg);
width: 850px; /* Breite des Inhaltsbereichs */
margin: 20px auto;
}
#kopfbereich{
position:relative; /* positioniert aber im fluss */
color:black;
background-position: top left;
background-attachment: fixed;
background-repeat:repeat-y;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}
#kopfbereich p {
position:absolute;
top: 18px;
right: 5px;
font-weight: bold; /* fette Schrift */
font-size: 15px;
padding: 5px 0 5px 0;
margin-bottom: 0;
height: 15px;
}
#kopfbereich p span {
color:#FF0000; /* Schriftfarbe */
font-size:15px;
}
#navibereich {
float:left;
width: 150px;
padding-left: 20px;
padding-top: 20px;

}
#navibereich ul {
width: 6em;
border-bottom: 1px solid #d90000;
}
#navibereich li {
list-style-type:none; /* ohne Aufzählungszeichen */
border-left: 1px solid #d90000;
border-bottom: 1px solid #d90000;
margin: 0;
}
#navibereich a {
display: block; /* ganze fläche anklickbar machen*/
text-decoration: none;
color: black;
background-color:#FFFFFF;
padding: 4px;
border-left: 3px solid ; /* nicht sichtbar*/
}
#navibereich a:hover,
#navibereich a:focus,
#startseite #navi01 a,
#galerieseite #navi02 a,
#kontaktseite #navi03 a{
color: black;
background-color:#FF9900;
border-left-color: #d90000; /* ersetzt #ffe574 */
border-bottom: none; /* unterstreichung aus */
}
#navibereich a:active {
color: white;
background-color: #d9d9d9;
}


#textbereich{
background-color:#FFFFFF;
padding: 50px 20px 20px 50px;
border:1px solid black;
margin-left: 130px;
}


#textbereich a{
border-bottom: 1px solid #cc0000;
}
#textbereich a:hover,
#textebereich a:focus{
border-bottom: 1px solid #d90000;
}

#fussbereich{
clear: both;
color: black;
background-color: white; /* Deckweiß */
padding-top: 10px; /* Innenabstand oben, unterhalb Rahmenlinie */
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
}
/*===========================
3. Sonstige Styles
=============================*/
/* Das Kontaktformular */
form {
background-color: #eee;
width: 370px; /* Breite des Formulars */
padding: 20px;
border: 1px solid #8c8c8c;
}
/* Beschriftung auf eigener Zeile */
label {
display: block;
cursor: pointer;
}
input#absender,
textarea {
width: 300px;
border: 1px solid #8c8c8c;
margin-bottom: 1em;
}
textarea {
height: 7em;
}
input#absender:focus,
textarea:focus {
background-color: #d9d9d9;
}
/* Die kleine Galerie */
div.galerie{
background-color:#FFFFFF;
overflow: hidden; /* zum Umschließen der Floats */
padding: 25px 1px 10px 0;
margin: 0 3px 3px 0;
}
div.galerie img {
float:left;
padding: 4px;
border: 5px solid #ddd;
border-right-color:#aaa;
border-bottom-color: #aaa;
margin-right: 15px;
margin-bottom: 15px;
}

/* =======================================
E N D E D E S S T Y L E S H E E T S
======================================= */

Jetzt wäre es gut zu wissen, was deine Wünsche sind und was genau falsch ist. Poste vielleicht auch ein Onlinebeispiel.