danke für eure hilfe. also ich hab es hinbekommen das mir die bilder jetzt erstmal angezeigt werden (ohne das ich bis jetzt irgendetwas auf meine seite hochgeladen habe).
aber jetzt hab ich ein anderes problem.
ich habe jetzt rechts die navigation. mhhhh - diese würde ich nun aber gern links haben - nur wie geht das?
außerdem möchte ich, dass wenn ich in der navigation auf einen link klicke z.B. mietobjekte bzw. Wohnungen, dass dann der inhalt dieser seite in einer art frame in diesen weißen kasten dargestellt wird. wie bei immobilienscout24 z. bsp. -geht das?
was ich bis jetzt gebastelt habe funktioniert irgendwie nicht. der haut mir da die ganze seite durcheinander. auch werden diese "trefferseiten oder angebotsseiten" von meinem programm hier durch drei
einzelne seiten erstellt und zwar die liste_kopf.htm, liste.htm und liste_fuss.htm. diese drei seiten wiederum ergeben dann die eine trefferseite. ähm - versteht ihr was ich meine????
außerdem werden umlaute wie Ä,Ö,Ü nicht korrekt dargestellt. fragen über fragen. ich weiß.
so sieht mein quellcode momentan aus:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"><head><title>Old english blog- title</title>
<meta http-equiv="Content-language" content="css">
<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-15=">
<meta name="description" content=" ">
<meta name="keywords" content=" ">
<style type="text/css">
*{
padding:0;
margin:0;
}
body
{
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/main_pattern.gif") top left repeat;
background-color: black;
font-family: arial;
font-size: 12px;
color: #272525;
}
#Container
{
width: 826px;
margin: 0px auto;
}
#TopPart
{
width: 826px;
height: 250px;
float: left;
background-color: white;
}
#Header
{
width: 826px;
height: 180px;
float: left;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/header4.jpg") top left no-repeat;
color: white;
font-family: Candara;
font-size: 33px;
text-align: center;
padding-top: 20px;
}
#Top_left
{
width: 312px;
height: 50px;
float: left;
}
#Top_right
{
width: 514px;
height: 50px;
float: right;
}
input
{
float: left;
height: 15px;
width: 180px;
}
.button
{
float: right;
width: 77px;
height: 20px;
background: none;
border: none;
color: #f6b9ba;
font-size: 12px;
}
.button:hover
{
text-decoration: underline;
}
p
{
text-align: justify;
}
#Menu
{
width: 514px;
height: 29px;
float: right;
}
#Menu_bottom
{
height: 21px;
float: right;
width: 264px;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/button_shadow.gif") top left no-repeat;
}
#Menu a
{
width: 88px;
line-height: 29px;
vertical-align: middle;
float: right;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/button.gif") top left no-repeat;
text-align: center;
color: #f6b9ba;
text-decoration: none;
}
#Menu a:hover, #Menu a.active
{
text-decoration: underline;
}
#CentralPart
{
width: 826px;
clear: both;
background-color: white;
}
#LeftPart
{
width: 564px;
float: left;
color: #272525;
}
#RightPart
{
float: right;
width: 262px;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/pattern1.gif") top left repeat;
padding-bottom: 10px;
}
.cleaner
{
clear: both;
}
#Page
{
width: 564px;
padding-top: 15px;
}
h2
{
font-size: 15px;
line-height: 28px;
font-weight: bold;
}
h4
{
font-size: 13px;
}
h3
{
font-size: 12px;
line-height: 20px;
font-weight: bold;
}
h5
{
font-size: 12px;
line-height: 20px;
}
.article_head
{
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/gradient.gif") top left repeat-y;
padding-top: 3px;
height: 70px;
}
.arrow
{
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/arrow2.gif") top left no-repeat;
width: 39px;
height: 60px;
float: left;
margin-top: 5px;
padding-right: 10px;
}
.article_body p
{
padding: 15px;
}
.article_comments a
{
color: black;
}
.article_comments
{
padding-top: 5px;
padding-bottom: 15px;
padding-left: 15px;
}
.photo
{
padding-top: 8px;
padding-bottom: 5px;
float: left;
padding-right: 8px;
}
.rightpart_header
{
color: #272525;
font-size: 15px;
font-weight: bold;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/arrow.gif") top left no-repeat;
background-position: 0px 10px;
line-height: 20px;
text-indent: 23px;
padding-top: 10px;
}
#RightPart a
{
font-size: 13px;
display: block;
padding-left: 23px;
line-height: 25px;
color: #272525;
}
.main
{
text-indent: 23px;
}
.child
{
text-indent: 36px;
}
#Bottom
{
width: 826px;
background: url("C:/Programme/IMOS60/Internet/Vorlagen/Stil1/img/bottom.gif") top left repeat-x;
height: 21px;
float: left;
}
.down_left
{
font-size: 11px;
text-align: left;
padding-top: 4px;
padding-left: 15px;
float: left;
color: white;
}
.down_right
{
font-size: 11px;
text-align: right;
padding-top: 4px;
float: right;
padding-right: 8px;
}
.down_right a, .down_left a
{
text-decoration: none;
color: white;
}
.down2
{
padding-top: 10px;
float: right;
}
.down2 img
{
border: 0px;
}
</style>
</head><body>
<div id="WholePage">
<div id="Inner">
<div id="Container">
<div id="TopPart">
<div id="Header"></div>
<div id="Top_right">
<div id="Menu"><a class="homepage active" href="?page=homepage"><span>Impressum</span></a>
<a class="about-us" href="?page=homepage"><span>Kontakt</span></a>
<a class="products" href="index.htm"><span>Home</span></a>
</div>
<div id="Menu_bottom"></div>
</div>
</div>
<div id="CentralPart">
<div id="LeftPart"></div>
<div id="RightPart">
<div id="Pages">
<div class="rightpart_header">Menü</div>
<br>
<font face="Arial" size="2"><b><font face="Arial, Helvetica, sans-serif"><#CUSTOM
Feld=O_Kaufobjekte></font></b></font>
<font face="Arial" size="2"><#CUSTOM
Feld=Liste_Kaufobjekte></font><br>
<font face="Arial" size="2"><b><font face="Arial, Helvetica, sans-serif"><#CUSTOM
Feld=O_Mietobjekte></font></b></font>
<p><font face="Arial" size="2"><#CUSTOM
Feld=Liste_Mietobjekte></font>
</p></div>
<div id="Archives">
<div class="rightpart_header"></div>
<a href="?page=homepage"><span></span></a><a href="?page=homepage"><span></span></a>
<a href="?page=homepage"><span></span></a><a href="?page=homepage"><span></span></a>
<a href="?page=homepage"><span></span></a><a href="?page=homepage"><span></span></a>
<a href="?page=homepage"><span></span></a><a href="?page=homepage"><span></span></a>
<a href="?page=homepage"><span></span></a><a href="?page=homepage"><span></span></a>
</div>
</div>
<div class="cleaner"></div>
</div>
<div id="Bottom">
<p class="down_left">Copyright© 2007 MHV Immobilien GbR </p>
</div>
</div>
</div>
</div>
</body></html>
vielleicht hat ja einer nen heißen tip.
danke.
so sieht meine seite gerade aus - startseite
und so, wenn ich auf den link "Grundstücke" geklickt habe
schönen gruß
mathias