Ich danke vielmals!!!
Beiträge von Nuthria
-
-
Der Quelltext passt sehr wohl zum Bild....?
Der div-container enthält lediglich das Wort test. Stimmt, die Werbefläche habe ich noch nicht. Wieso sollte ich auch, wenn nichtmal navbar<<>>inhalt richtig zueinander passen.Okay, die aktuelle Webseite hat mit HTML und CSS nichts zu tun. womit dann? Der Mittelteil bei der Immobiliensuche gefällt mir nämlich sehr gut.
Dann bringe ich eben ein anderes beispiel
http://www.ssfbonn.de/sportabzeichen.htmlauch da kann man schön reinscrollen. wie erreiche ich das?
-
index.php
HTML<body id="content"> <!-- Inhalt --> <div id="wrapper">test</div> <?php include ("header.php"); ?> <h1 class="title">dfsfsdf</h1> <p style="background-color:yellow"> Diese Website ist noch im Aufbau. Jegliche Bilder und Hintergründe sind Platzhalter und dienen nicht der kommerziellen Nutzung. Derzeit arbeiten wir noch am Grundgerüst der Homepage. Wenn du zufällig hierhergefunden hast, dann vergiss den Link einfach.</p>header.php
HTML
Alles anzeigen<header> <!-- Navigation --> <img src="logo.png" width="200px"> <ul id="menu"> <li><....></li> </ul> <ul id="impressum2"> <li>Name</li> <li>Name</li> <li>Name</li> </ul> </header>
Das dürfte der entscheidende Text sein.edit: ich hätte es lieber so wie bspw. auf dieser seite (wenn ich das jetzt mal so verlinken darf)
http://www.ostland.de/wohnen-leben/immobiliensuche/da bleiben die verschiedenen elemente im verhältnis zueinander immer gleich und die verschiebung passiert beim reinzoomen nach außen hin. was machen die anders?
-
Hallo Ihr,
ich bin muss ich vorweg sagen, weder sicher in HTML, noch in PHP oder CSS.
Ich bringe mir alles per trial and error bei...Folgendes: Ich möchte ein Grundgerüst für eine recht einfache Website entwickeln.
Ich stelle mir z.B. eine horizontzale Einteilung von 10% Seitenrand (ohne Funktion), 10%Navigationsbar, 60% Inhalt, 10% interne Werbefläche und 10% Seitenrand vor.
Den Rand links und rechts habe ich irgendwie hinbekommen.Mit den restlichen 80% habe ich jedoch meine Probleme, wie man im Bild sehen kann.
Sobald ich die Größe mit Strg+Mausrad verändere, verschiebt sich alles.
Da wo "test" steht, ist ein Div-Container, denn ich möchte, dass die 60% Inhalt eine andere Farbe bekommen; über den Body habe ich das nicht geschafft, ohne dass der Rand ebenfalls diese Farbe annimmt... Die gelbe Hinterlegung war eine andere Idee, die vielleicht ebenfalls praktikabel wäre....Problem 1: Die Buttons und das Logo sollen sich nciht vergrößern oder verkleinern lassen, damit diese nicht aus ihrem Rahmen springen.
Problem 2: Ich verstehe schlichtweg nicht, wieso der Hintergrund der Navigationsbar schön brav statisch an seinem Platz bleibt; alle anderen Rahmen jedoch nicht......CSS
Alles anzeigenhead { link rel="icon" href="img/favicon.png" type="image/png"; } body { /* background-image: url("img/bg_weiss.gif");*/ background-color:#e4d9c0; color: black; } html, body { top:0; left:0; right:0; min-height:100%; margin:0; padding:10px; width:80%; } p { font-size: 16px; } /* img { width: 60%; } */ .title { font-size: 65px; } a { text-decoration: none; } #footer { clear:left; background:#CDC6AD ; text-align:center; } header { background-color: #CDC6AD; position: fixed; top: 0; left: 5%; width: 15%; float:left; /*padding:10px;*/ height: 100%; font-weight: bold; list-style-type: none; } #menu { } #menu li{ background-color: rgba(193, 163, 115, 0.71); border: solid 0px #000000; width: 7em; margin: 5px; display: inline-block;} #menu li a {color: maroon; text-decoration: none; } #menu li:hover {background-color: #837c6b;} #menu li a:hover {color: #FFFFFF;} #content { margin-top: 5%; margin-left: 23.5%; margin-right: 10%; padding: 5px 5px 25px 5px; } #impressum2 { text-align: left; } #impressum2 li { list-style-type: none; border: solid 0px #000000; width: 7em; padding: 2px; margin: 5px; font-weight: normal; } #wrapper { margin: 0 auto; border: none; background: #FEFCE9; }