Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Div's zusammenfügen“

D

DaFunkY

Guest

Hi,
bin jetz schon seit Tagen an suchen finde jedoch keine Lösung.Bin jedoch auch noch ein neuling in sachen CSS.

Also ich habe ein Design per PS erstellt , habe es gesliced und möchte nun die ganzen slices per css zusammenfügen.
Hiermal eine kleine Skizze wie ich die Seite gesliced habe:


slices an der richtigen Position, ausser den Conten in der mitte der will da nicht in die lücke rein. Der positioniert sich dann unter der page.
Hiermal mein HTML Code:

HTML:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="hauptfenster">
    <div id="head"></div>
    <div id="balken_links"></div>
    <div id="content_links"></div>
    <div id="Logo"></div>
    <div id="content_rechts"></div>
    <div id="balken_rechts"></div>
    <div id="content_mitte"></div>
</div>
</body>
</html>
Und hier der dazugehörige CSS code:

Code:
#head {
    background-image: url(Bilder/head.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 200px;
    width: 800px;

#balken_links {
    background-image: url(Bilder/balken_links.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 600px;
    width: 50px;

#content_links {
    background-image: url(Bilder/content_links.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 600px;
    width: 150px;

#logo {
    background-image: url(Bilder/logo.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 150px;
    width: 400px;

#content_rechts {
    background-image: url(Bilder/content_rechts.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 150px;
    width: 600px;

#balken_rechts {
    background-image: url(Bilder/balken_rechts.png);
    background-repeat: no-repeat;
    margin: auto;
    float: right;
    height: 600px;
    width: 50px;

#content_mitte {
    background-image: url(Bilder/content_mitte.png);
    background-repeat: no-repeat;
    margin: auto;
    float: left;
    height: 450px;
    width: 400px;
Ich hoffe dass ihr mich versteht und wisst was ich möchte. Schon mal besten dank.

Mit freundlichem Gruß

Funky
 
D

DaFunkY

Guest

AW: Div's zusammenfügen

wooohoo.... es funktioniert... das ging ja schnell :)

Besten dank sob35....

Bis bald
 
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

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
174.484
Beiträge
2.578.033
Mitglieder
65.982
Neuestes Mitglied
kassettenkind
Oben