Hallo Freunde,
ich habe auf dieser Seite:
http://www.freedesing.com/
einen Effect gefunden, den ich auch gerne auf meiner HP einbaun möchte.
Klickt einfach auf den rechten Pfeil (Klammer) und Ihr seht was ich meine.
Nun mein Problem, ich finde einfach nicht wie dieser Effect heißt geschweige denn wie man ihn erstellt.
Hab schon stundenlang gesucht, aber anscheinend gebe ich die Falschen Suchbegriffe ein.
Weiß einer von Euch wie das geht.
Viele Grüße
dabu
Webdesigner,
Das Buch heißt little boxes Band 1.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">Ich arbeite mit dem HTML Editor Tacco. Der Schreibt das von selber auf jeder neuen Seite.
Vielen Dank für die Hilfe.
Gruß
dabu
Erstmal danke für die raschen Antworten.
Webdesigner
Naja ich habe mir gedacht das ich die Inhalte mit Tabellen besser gestalten kann. Abstände zwischen den Inhalten und so weiter.
Das mit der Body ID habe ich aus einen Buch, das besagt dass man die Body ID für die Gestaltung der Navi benutzt um anzuzeigen auf welcher Site sich der Besucher befindet.
Grevas
Könntest du mir das nächer erklären mit dem Befehl "clear"
Wo muss ich den einfügen?
Hallo,
habe mich eben hier angemeldet weil ich ein Problem habe und nicht mehr weiter komme.
Ich habe eine Internetseite mit HTML und CSS erstellt.
Als ich meine Navigation mittels CSS angepasst und verschönert habe hat sich der Inhalt, der in einer Tabelle ist aufeinmal neben die Navi gesetzt.
Ich habe mal einen Screenshot angehangen wo Ihr mein Problem sehen könnt.
Hier ist auch der HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<head>
<title>Start</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<body id="start">
<div id="wrapper">
<div id="kopf">
<img src="bilder/kopf.png">
</div>
<div id="navi">
<li id="navi01"><a href="poster.html">Poster</a></li>
<li id="navi02"><a href="illustration.html">Illustration</a></li>
<li id="navi03"><a href="fotos.html">Fotografie</a></li>
<li id="navi04"><a href="animation.html">Animation</a></li>
<li id="navi05"><a href="art.html">Art</a></li>
<li id="navi06"><a href="links.html">Links</a></li>
<li id="navi07"><a href="kontakt.html">Kontakt</a></li>
<li id="navi08"><a href="../index.html">Start</a></li>
<li id="navi09"><a href="index.html">Blog</a></li>
</div>
<div id="inhalt">
<table border="1px" width="600px" cellspacin="0px" cellpadding="0px">
<tr>
<td>
Blog
</td>
<tr>
<td>
<img src="art/art01.jpg">
</td>
</tr>
</table>
</div>
<div id="fuss">
<img src="bilder/fuss.png">
</div>
</div>
</body>
</html>Und Hier der CSS Code:
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: small;
background-image: url(bilder/background.jpg);
}
#wrapper {
margin-right:auto;
}
#kopf{
}
#inhalt {
background-color: #ffffff;
padding-top:5px;
padding-right:30px;
padding-bottom:20px;
padding-left:10px;
border-bottom:2px outset #939393;
}
#navi {
list-style-type: none;
width: 100%;
float: left;
font-family: Verdana ,Arial,sans-serif;
letter-spacing: 3px;
font-size: 13px;
margin: 0;
padding: 5px 0 0 0;
background-color: #ffea00;
}
#navi li {
display: block;
float:left;
margin: 0 0 0 4px;
}
#navi li a {
display: block;
padding: 8px 10px;
color: #693100;
background-image: url(bilder/button.jpg);
text-decoration: none;
border-left: 3px outset #ff7e00;
border-right: 2px outset #ff7e00;
border-top: 3px outset #ff7e00;
background-color: #ffffff;
}
#navi li.active a,
#navi li a:hover {
border-left: 3px inset #ff7e00;
border-right: 2px inset #ff7e00;
border-top: 3px inset #ff7e00;
background-color: #ffffff;
color: #ffffff;
}
fuss{
}
form{
background-color: orange;
width: 300px;
padding: 20px
border: 1px solid #ffffff;
margin-top: 10px;
margin-right:auto;
margin-bottom:10px;
margin-left: auto;
}
label{
display: block;
cursor: pointer;
}
input#absender,
textarea{
width: 200px;
border: 1px solid black;
margin-bottom: 1em;
}
textarea{
height: 7em;
}
input#absender:focus,
textarea:focus {
background-color: #ffffff;
}Wäre super wenn Ihr mir helfen könntet.