Frage über "div"... @ tutorials.de: Tutorials, Forum & Hilfe

123123123 · 14.12.11 14:45

Hallo Leute,

ich nehme als Beispiel die Seite http://de-de.facebook.com/

Wie kann ich auch so einen blauen horizontalen Balken erstellen (wo man den benutzername und so eingibt) erstellen!

keine Sorgen will nicht die Seite nachmachen. Ich habe hier auch so einen erstellt, aber der hat noch rechts und links einen Abstand , möchte aber sowas nicht!

HTML-Code:

<html>
	<head>
</head>
<link rel="stylesheet" type="text/css" href="test.css">

<body>
	<div id = "seite">
		<div id="oben"></div>
		</div>
</body>
</html>

Code :

#oben {
        margin-top: 100px;
        border-style:solid;
        border-width:1px;
        height:25px;
        width:1260px;
        background-color:#673300;
}

Danke!

***tombe*** · 14.12.11 15:32

Ich würde via CSS einfach dem DIV die Farbe und die Größe zuweisen und dann die Positionierung der Textfelder usw. mit Hilfe einer Tabelle vornehmen.

123123123 · 14.12.11 15:50

Kann das nur mit einer Tabelle funktionieren? Weil wollte es ohne machen!

***tombe*** · 14.12.11 15:58

Es gibt sicher mehre Möglichkeiten das zu lösen. Doch ich denke halt das es so am einfachsten wäre.

OpaBenno · 15.12.11 02:48

Also ich habe mir in die CSS folgendes eingebaut:
margin: 100px -10px 0px -10px;
Bei solchen Viererketten zählt man:
oben, rechts, unten, links.
Ich meine auch, nur wenn man eine Tabelle erstellen will,
sollte man auch mit Tabellen arbeiten.

***tombe*** · 15.12.11 08:25

Ich verstehe nicht so ganz was das jetzt zur Lösung beiträgt.

Aber wenn man sich den Quelltext der oben genannten Seiten anschaut, dann erkennt man das es dort zumindest teilweise auch mit einer Tabelle gelöst wurde!

Außerdem habe ich nicht gesagt das es keine andere Lösung dafür gibt.

fbfeix · 15.12.11 09:21

probiers doch mit Floats (ist jetzt ausm Kopf )

HTML-Code:

<div id = "seite">
	<div id="oben">
              <div id="rechts">
                  <input type="text" name="usermail" class="userinputboxes" />
                  <input type="password" name="userpassword"  class="userinputboxes"/>
              </div> 
        </div>
</div>

Code css:

.userinputboxes
{
display: inline;
}
 
#rechts
{
float: right;
}

Am besten du fügst noch Labels für jeden Input ein damit der Nutzer auch weiß was er eingeben soll.
Um deinen Rand wegzubekommen:

Code css:

body
{
margin: 0px;
padding: 0px;
}

123123123 · 15.12.11 10:13

Danke dir fbfeix, aber ich brauche keine Inputs, ich möchte einfach nur wissen, wie man diesen oben blauen horizontalen Balken aufbaut.
Der sieht ja so aus, als ob es unendlich wäre, ich schaffe es nur, das er eine bestimmte width Größe hat!

fbfeix · 15.12.11 11:24

sag das doch gleich:
lass einfach die width-Angabe weg oder setz sie auf "100%"

123123123 · 15.12.11 11:32

ok dankeschön dir!!

tut orials.de	tut verbinden	tut dir helfen	tut kooperieren
©2000-2012 tutorials.de Alle Rechte vorbehalten	tut informieren » Impressum » Nutzungsregeln » Netiquette » Team » Redaktion	» Tutorials » Videotutorials » Showroom » Events & Contests » Chat » RSS-Feed » Blogs	» der-webdesigner.net » DesignerInAction » Design Nation » Directorforum » Flashhilfe » PHP-Resource » PHPwelt » PSD-Tutorials

Themen-Optionen

Anzeige

Ähnliche Themen

Richtige Syntax bei Operatorüberladung, wann sind "friend", "const", "&" nötig?

Frage zu: "Navigation über die URL "index.php?section=index"

Übersicht über "alle" öffentlichen Konstanten "aller" Klassen

Simple "Datum in MySQL über PHP" Frage

[FRAGE] "Abgenutzt"-Effekt über eine Schriftart

E-Mail:

Abonnieren Abbestellen