Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Text und Grafik einfügen“

firewoman

Nicht mehr ganz neu hier

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 &middot; 78655 Dunningen &middot; Fax: 07403/8018 &middot; 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;
}
 

Tattoomaus78

nemesis-artgroup.de

AW: Text und Grafik einfügen

<img src="#" alt="#" width="100" height="120" style="width:100; float:left; margin-right: ...px; margin-bottom: ...px; margin-top: ...px;" /> Text bla bla bla.........
 

tomz4874

Nicht mehr ganz neu hier

AW: Text und Grafik einfügen

<link href="file:///C|/Users/Max/Desktop/Familie Brockhammer/uebungsstyle.css" rel="stylesheet" type="text/css" />
Also wenn du den Link so mit ins Inet stellst, werden deine Besucher viel Freude haben.

Ich versteh bzw. kann net so richtig sehen wo du das Bild haben willst mit dem Text daneben... Also entweder hab ich die Stelle übersehen oda die is nicht vorhanden
 

firewoman

Nicht mehr ganz neu hier

AW: Text und Grafik einfügen

Oh, wie peinlich, hab ich vergessen zu löschen,
dank Tattoomaus78 habe ich es schon hinbekommen.
Trotzdem vielen Dank für den Hinweis.
MFG
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.158
Beiträge
2.581.881
Mitglieder
67.226
Neuestes Mitglied
Alec168
Oben