Hallo,
ich bin gerade dabei eine Webseite zu gestallten,
nun habe ich das Problem, wenn ich Text in den Textbereich einfüge das er immer unter den Bild, statt neben den Bild steht, hat jemand einen Tipp wie ich dieses im CSS umsetzen kann?
Ich bin noch Anfänger im Webdesign.
Vielen Dank Firewoman
hier der Quellcode:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Startseite</title>
<link href="file:///C|/Users/Max/Desktop/Familie Brockhammer/uebungsstyle.css" rel="stylesheet" type="text/css" />
</head>
<body id ="startseite">
<div id ="wrapper">
<div id= "kopfbereich">
<img src="images/header.jpg" alt="Uli Ginter" width="780" height="120" id="logo" />
</div> <!-- ende kopfbereich -->
<div id= "navibereich">
<table width="100%" border="0" cellpadding="4" cellspacing="0" >
<tr align="left"><td><a href="#">Home</a></td><td>|</td><td><a href="#">Unternehmen</a></td><td>|</td><td><a href="#">Referenzen</a></td><td>|</td><td><a href="#">Kontakt</a></td><td>|</td><td><a href="#">Produkte</a></td><td>|</td><td width="100%"><a href="#">Impressum</a></td></tr> </table>
</div> <!-- ende navibereich -->
<div id= "textbereich">
<img src="images/Bild-Startbild.jpg" alt="Fabrik Uli Ginter" /></div> <!-- ende textbereich -->
<div id= "fussbereich">
<address>Steineleh 22 · 78655 Dunningen · Fax: 07403/8018 · Fon: 07403/229 </address>
</div> <!-- ende fussbereich -->
</div> <!-- ende wrapper -->
</body>
</html>
hier das CSS:
@charset "utf-8";
#startseite #wrapper #navibereich {
background-image: url(../ginter_home/images/navi.jpg);
width: 780px;
height: 24px;
}
#wrapper {
width: 780px;
background: #FEF2CC;
margin: 0 auto;
text-align: left;
}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #FEF2CC;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}#startseite #wrapper #textbereich {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
ich bin gerade dabei eine Webseite zu gestallten,
nun habe ich das Problem, wenn ich Text in den Textbereich einfüge das er immer unter den Bild, statt neben den Bild steht, hat jemand einen Tipp wie ich dieses im CSS umsetzen kann?
Ich bin noch Anfänger im Webdesign.
Vielen Dank Firewoman
hier der Quellcode:
<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Startseite</title>
<link href="file:///C|/Users/Max/Desktop/Familie Brockhammer/uebungsstyle.css" rel="stylesheet" type="text/css" />
</head>
<body id ="startseite">
<div id ="wrapper">
<div id= "kopfbereich">
<img src="images/header.jpg" alt="Uli Ginter" width="780" height="120" id="logo" />
</div> <!-- ende kopfbereich -->
<div id= "navibereich">
<table width="100%" border="0" cellpadding="4" cellspacing="0" >
<tr align="left"><td><a href="#">Home</a></td><td>|</td><td><a href="#">Unternehmen</a></td><td>|</td><td><a href="#">Referenzen</a></td><td>|</td><td><a href="#">Kontakt</a></td><td>|</td><td><a href="#">Produkte</a></td><td>|</td><td width="100%"><a href="#">Impressum</a></td></tr> </table>
</div> <!-- ende navibereich -->
<div id= "textbereich">
<img src="images/Bild-Startbild.jpg" alt="Fabrik Uli Ginter" /></div> <!-- ende textbereich -->
<div id= "fussbereich">
<address>Steineleh 22 · 78655 Dunningen · Fax: 07403/8018 · Fon: 07403/229 </address>
</div> <!-- ende fussbereich -->
</div> <!-- ende wrapper -->
</body>
</html>
hier das CSS:
@charset "utf-8";
#startseite #wrapper #navibereich {
background-image: url(../ginter_home/images/navi.jpg);
width: 780px;
height: 24px;
}
#wrapper {
width: 780px;
background: #FEF2CC;
margin: 0 auto;
text-align: left;
}
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #FEF2CC;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}#startseite #wrapper #textbereich {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}