799 Aufrufe
Gefragt in Webseiten HTML von
Guten Tag,
ich möchte eine Internetseite einrichten, auf der die Navileiste auf der linken Seite steht. Wie verändere ich die Programmierung dazu?
Im voraus vielen Dank für die Hilfe.
Schönen Sonntag
Annika

4 Antworten

0 Punkte
Beantwortet von computerschrat Profi (32.2k Punkte)
Hallo Annika,

womit erstellst Du denn die Internetseite?

Gruß
computerschrat
0 Punkte
Beantwortet von
Ich habe blödsinn geschrieben. Die Navileiste soll

rechts

stehen. Links ist kein Problem.
Ich schreibe die Seite mit css.
0 Punkte
Beantwortet von computerschrat Profi (32.2k Punkte)
Und wie hast Du die Leiste definiert. Hast Du ein div erstellt?
Das könnte im CSS z.B. so aussehen:


#linke-spalte
{
position:absolute;
height:650px;
top:123px;
width:140px;
left:10px;
border-width: 5px;
border-spacing: 2px;
border-style: inset;
border-collapse: separate;
padding:10px;
font-family: Arial, Helvetica, sans-serif;
}
#rechte-spalte
{
position:absolute;
height:650px;
top:123px;
width:730px;
left:184px;
border-width: 5px;
border-spacing: 2px;
border-style: inset;
border-collapse: separate;
padding:10px;
}
#ausgabebereich {
position:absolute;
height:89%;
top:15%;
width:79%;
left:20%;
border-width: 0px;
border-spacing: 0px;
border-style: none;
border-collapse: collapse;
padding:0px;
}


Damit sind dann drei Bereiche definiert, die nebeneinander liegen. In diesem Beispiel ist oben drüber noch Platz, den habe ich für einen Seitenkopf benutzt. Mit den top und left Anweisungen kannst Du die Position, mit height und width die Größe eines Divs festlegen.

Im Code kannst Du dann schreiben


<div id="linke-spalte">
<!-- Hier steht alles, das in der linken Spalte sein soll -->
</div>

<div id="rechte-spalte">
<!-- Hier steht alles, das in der rechten Spalte sein soll -->
</div>

<div id="ausgabebereich">
<!-- Hier steht alles, das in der Mitte sein soll -->
</div>



Gruß
computerschrat
0 Punkte
Beantwortet von
Vielen Dank, Problem gelöst.
Schönen Sonntag.
Annika
...