Hallo,
bin neu und hoffe auch richtig hier.
Kann mir villt. jemand behilflich sein und zwar würde ich gern wissen wie man mit CSS so was gestaltet,suche schon seit tagen verzweifelt.
http://www.tutorials.de/forum/attach...m-01.03.48.jpg
Also diese aufgesetzte Seite auf den Hintergrund,villt. hat ja jemand ein Tut für mich oder sowas.
Vielen Dank schon mal im vorraus.
LG
-
Ein Gast antworteteHier, index.php zB:
Die style.css Datei zB:PHP-Code:<html>
<head>
<title>Dein Titel</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="main"> //Container der alles hält
<div id="head"></div> //Logo oben
<div id="navi"> //Navigation
<a hreF="#">Startseite</a>
</div>
<div id="content">
Textfeld bla bla
</div>
</div> //Container ende
</body>
Den ersteen Code in eine index.html oder php Datei einfügen und den 2. CodePHP-Code:body{
color: #000;
font-family: Veranda;
background: #f7f7f7;
margin: 0;
}
#main{
margin: 0 auto;
width: 800px;
border: 1px solid blue;
padding: 5px;
}
#head{
width: 800px;
height: 80px;
background: #eee url(url zum logo) center top;
}
#navi{
width: 800px;
height: 22px;
background: blue;
line-height: 20px;
}
#navi a{
color: #222;
text-decoration: none;
padding: 5px;
}
#content{
width: 800px;
min-height: 300px;
color: #000;
}
in eine style.css Datei einfügen.
Is jetzt so hingeschrieben, darum so knapp. -
Außerdem verstehe ich net ganz warum du eine id zuweist und dann noch mal den Quelltext mit style vollstopfen willstZitat von ByStones Beitrag anzeigen
Einen Kommentar schreiben:
-
Warum ? Andere Auflösung, z.B 1920 dann siehts bei dir komisch aus...Zitat von halskrause Beitrag anzeigen
Einfach das Hintergrunbild mit repeat vesehen und dann die box mit margin:0 auto mittig machen.Einen Kommentar schreiben:
-
Ein Gast antworteteSo würde ich es machen..
PHP-Code:<body style="width:1000px;height:1000px">
<div id="mittig" style="width:800px; height:600px; margin-left:auto;margin-right:auto">
usw......
</div><!-- e o center -->
</body>
Einen Kommentar schreiben:
-
Design != Layout != Software Design!
[WIKI]Software Design[/WIKI]
[WIKI]Layout[/WIKI]
[WIKI]Design[/WIKI]
[MOD: verschoben]Einen Kommentar schreiben:
-
Eigentlich relativ einfach. Der Hintergrund wird sehr wahrscheinlich einfach ein Hintergrund Bild des <body> Tags sein. Und die Seite darauf einfach eine DIV Box die entsprechend breit und mittig positioniert wurde.
Dafür brauchts denke ich kein konkretes Tutorial.Einen Kommentar schreiben:
Einen Kommentar schreiben: