B
brtwrst993
Guest
Ich habe gerade folgendes Problem:
Ich wollte ein paar Texte (unteranderem ein Impressum) auf meine HP packen. Also CSS Div geschrieben mit position,top ,left.
So nun den dazugehörigen Text geschrieben und aufn Webserver gepackt. Nun wird aber meine CSS Datei nemme übernommen hoffe ihr könnt mir helfen:
Meine CSS Datei:
Und die dazugehörige HTML Datei:
Ich wollte ein paar Texte (unteranderem ein Impressum) auf meine HP packen. Also CSS Div geschrieben mit position,top ,left.
So nun den dazugehörigen Text geschrieben und aufn Webserver gepackt. Nun wird aber meine CSS Datei nemme übernommen hoffe ihr könnt mir helfen:
Meine CSS Datei:
CSS:
#Dolli_Pic {
position: absolute;
top: 175px;
left: 75px;
}
#info_txt {
position: absolute;
top: 550px;
left: 75px;
}
#visit_guestb {
position: absolute;
top: 550px;
left: 500px;
}
#neue_theke {
position: absolute;
top: 200px;
left: 800px;
}
#login {
position: absolute;
top: 125px;
left: 60px
}
#impressum {
position: absolute;
top: 825px;
left: 100px;
}
#zulieferer {
position: absolute;
top: 550px;
left: 1100px;
}Und die dazugehörige HTML Datei:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Home | DoCa - RBZ</title>
<link rel="stylesheet" type="text/css" href="style/style.css"/>
<link rel="stylesheet" type="text/css" href="style/home_style.css"/>
<link rel="icon" href="http://www.doca-rbz.de/Bilder/favicon.ico" type="image/x-icon" />
<meta charset="UTF-8">
<meta name="description" content="Diese Seite wurde für die Schülerfirma der Dollinger - Realschule Biberach erstellt. Sie soll den Schüler dazu dienen, den DoCa - Mitabeitern ein Feedback für ihre Arbeit zu geben">
<meta name="author" content="">
<meta name="keywords" content="DoCa, Dolli, Dollinger, Realschule, Schülerfirma, Biberach">
<style>
a:link {
color: #000000;
background-color: transparent;
text-decoration: underline;
}
a:visited {
color: #000000;
background-color: transparent;
text-decoration: blink;
}
a:hover {
color: red;
background-color: transparent;
text-decoration: underline;
}
</style>
</head>
<body bgcolor="#DA9800">
<div id="navi_Home">
<a href="index.html"><img border="0" src="Bilder/HBut/Home.png" alt="Home"/></a>
</div>
<div id="navi_Kontakt">
<a href="Kontakt.html"><img border="0" src="Bilder/HBut/Kontakt.png" alt="Kontakt" /></a>
</div>
<div id="navi_Gaestebuch">
<a href="http://www.doca-rbz.de/Guestbook//index.php"><img border="0" src="Bilder/HBut/Guestbook.png" alt="Gästebuch" /> </a>
</div>
<div id="navi_ueber_uns">
<a href="ueber_uns.html"><img border="0" src="Bilder/HBut/Ueber_uns.png" alt="Über uns" /></a>
</div>
<div id="navi_Galerie">
<a href="Galerie.html"><img border="0" src="Bilder/HBut/Galerie.png" alt="Galerie"/></a>
</div>
<div id="DoCa-Logo">
<a href="http://www.doca-rbz.de"><img border="0" src="Bilder/Logo.png" alt="DoCa - Logo"/></a>
</div>
<div id="Dolli_Pic">
<a href="http://www.dollinger-realschule.de" target="_blank"><img src="Bilder/dolli.jpg" alt="Dollinger Realschule Biberach" border="0"/></a>
</div>
<div id="info_txt">
<p style="font-size: large; font-family: Verdana;">
Diese Seite soll dazu dienen, <br> dass die Schüler und Schülerinnen <br> ein Feedback an das DoCa - Team <br> geben können. <br>
Dies wird komplett anonym geschehen, <br> bis auf die Angabe der Klasse <br> da wir wissen wollen aus welchen <br> Klassenstufen die Anregungen, <br> Infos und Ideen kommen und so <br> darauf reagieren können
</p>
</div>
<div id="visit_guestb">
<p style="font-size: xx-large; color:#008000">
Lasst doch ein kleines Feedback <br> in unserem <a target="_blank" style="text-decoration: underline;" href="http://www.doca-rbz.de/Guestbook//index.php"><font color="#008000">Gästebuch</font></a> da
</p>
</div>
<div id="neue_theke">
<table>
<tr>
<td>
<p style="font-size: x-large;">
Hey Leute,
<br>wir haben nun eine neue Theke.
<br>Dafür erstmal einen großen dank
<br> an die Schule.
<br> Sie haben nämlich einen
<br> teil der Kosten übernommen.
<br>Wenn mal die <a href="Galerie.html">Galerie</a> fertig wird
<br>(wahrscheinlich in den Sommerferien)
<br>werden da natürlich auch direkt Bilder eingefügt.
</p>
</td>
<td>
<p>
Aber hier schenke ich euch mal eins das nicht gerade professiell ist.
<img src="Bilder/theke_neu.jpg"/>
</p>
</td>
</tr>
</table>
</div>
<div id="login">
<a href="login.php">Login | Interner Bereich</a>
</div>
<div id="impressum">
<a href="Impressum Dolli Cafe"><font size="4">Impressum</font></a>
</div>
<div id="zulieferer">
<table border="0">
<tr>
<td>
<p>
<font size="4">
Unsere Produkte beziehen wir von folgenden Unternehmen:
</font>
</p>
</td>
</tr>
<tr>
<td>
<ul>
<li>
<p>
<font>
<a target="_blank" style="text-decoration: underline;" href="http://hofmolkerei-depfenhart.de/">Hofmolkerei Depfenhardt</a>
</font>
</p>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul>
<li>
<p>
<font>
<a href="http://www.steigmiller-lutz.de/">Steigmiller Lutz</a>
</font>
</p>
</li>
</ul>
</td>
</tr>
<tr>
<td>
<ul>
<li>
<p>
<a href="http://www.hofladen-steigmiller.de/">Hofladen Steigmiller</a>
</p>
</li>
</ul>
</td>
</tr>
</table>
</div>
</body>
</html>
ein wenig damit "rumspielen"
