[HTML] [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

A.Beta · 19. Juli 2007

[CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

Ich wollte eine webseite mit hilfe von html und css erstellen und ohne das tabellenlayout in html.

jedoch bin ich auf einige probleme gestoßen und ich hoffe ihr könnt mir helfen.

also soweit kam ich ohne nach und nach

Bild=down!

und so soll es mal aussehen

Bild=down!
(den farbverlauf habe ich im hintergrund mit absicht rauseditiert da er mir nicht gefallen hat)

die gif's unter der navigation, möchte ich mit hyperlinks versehen, sowie oben das impressum.

allerdings weiß ich nicht wie ich es hinbekomme die grafiken entsprechend mit div einzubinden das sie an der richtigen stelle sind.

die dunkle fläche über den header soll ebenfalls durch 3 anklickbare garfiken gekennzeichnet sein.

ich hoffe ihr könnt mir helfen. hier noch mein html code!

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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>www.xxxx.de</title>
<link rel="stylesheet" type="text/css" media="screen" href="./inc/style.css" />
</head>
<body>
<div id="leiste_oben">
<span id="impressum">&nbsp;</span>
</div>
<div id="header">
<span id="header1">&nbsp;</span>
</div>
<div id="navi">
<span id="navi">&nbsp;</span>
</div>
</body>
</html>

und hier mein css code

Code:

{
 margin: 0px;
 padding: 0px;
}
body {
margin:0;
padding:0;
background-color:#ffffff;
background-repeat:repeat-y;
background-position:center;
background-image:url(../bilder/hinter_01.gif);
}
div#leiste_oben {
width:724px;
margin:auto;
}
span#impressum {
width:724px;
height:30px;
display:block;
background-repeat:repeat-y;
background-image:url(../bilder/impressum_h.gif);
}
div#header {
width:724px;
margin:auto;
}
span#header1 {
width:724px;
height:210px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/header.gif);
}
div#navi {
width:724px;
margin:auto;
}
span#navi1 {

width:724px;
height:30px;
display:block;
background-repeat:no-repeat;
background-image:url(../bilder/navi1.gif);
}

ich hoffe ihr könnt mir helfen.

bw versteht sich von selbst.

mfg

Anzeige

Murdoc · 19. Juli 2007

AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

CSS 4 You - The Finest in Stylesheets

SELFHTML

css:
float: left|right;
clear: left|right|both;

ps: du musst ned auf alles display:block; setzen

A.Beta · 19. Juli 2007

AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

erstmal danke für deine hilfe, das mit float klappt bedingt, jetzt habe die navi leiste ganz links im bildschirm, leider sit sie damit auch außerhalb der webseite, kannst du mir noch einen tip geben wie ich das behebe dann wäre ich glücklich.

suche schon auf den links rum aber finde es nicht wirklich was, dass mir weiterhilft.

mfg

Murdoc · 19. Juli 2007

AW: [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

gib dem element in dem die navi sein solle eine feste breite damit die navi nur in dieser breite versetzt wird.

[HTML] [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML CSS Frage

Nützliche Suchen

[HTML] [CSS] Frage bezüglich HTML+CSS! Webseitenlayout ohne html tabellen

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML CSS Frage