|
xXMertXx
|
| Titel: Schrifft genau unter dem Header Platzieren. |
26.03.2010 22:32 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Hallo,
ich will die "Navi" unter dem Header platzieren unswar von Links nach rechts und nicht von oben nach unten, versteht sich  .
Wie setze ich das um?
________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
|
 |
|
| |
|
xXMertXx
|
| Titel: Schrifft genau unter dem Header Platzieren. |
26.03.2010 23:35 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
*Problem gelöst*
Nächstes da.
Ich hab jetz das ganze Navi in eine BOX gefasst. Nun habe ich mit   immer Leertasten gelassen weil die Wörter dann zusammen gepresst aussehen. Jetz ist aber das doofer, das ich die "gezwungenen" Leertasten im Browser makieren kann. Gibt es 'ne andere möglichkeit Leere zwischen räume zwischen den Wörtern zu lassen?
[Zuletzt bearbeitet: 26.03.2010 23:36]
________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
|
|
|
| |
|
L3oop
|
| Titel: Schrifft genau unter dem Header Platzieren. |
27.03.2010 07:39 |
|
Moderator 45.021 Punkte (?)Anmeldungsdatum: 25.04.2008
Beiträge: 9.399
 |
Experte |
1 Mitglied findet diesen Beitrag gut Akzeptierte Antwort
(+50 Punkte)
|
Ja, gibt es. Du könntest jeden Link in einen DIV-Container schreiben und dann einstellen, welchen Abstand die voneinander haben, z.B. so:
.link {
float:left;
margin-right:15px;
}
In diesem Beispiel sind es 15px Abstand.
<div class="link"><a href="...">...</a></div>
<div class="link"><a href="...">...</a></div>
<div class="link"><a href="...">...</a></div>
......
Noch einfacher ginge es, wenn du direkt den Links diese Klasse zuordnest:
a.link {
float:left;
margin-right:15px;
display:block;
}
<a class="link" href="..."></a>
<a class="link" href="..."></a>
<a class="link" href="..."></a>
......
[Zuletzt bearbeitet: 27.03.2010 07:41]
________________________________________
Stereomix • Bootreihenfolge ändern • PC beschleunigen
|
|
|
| |
|
bitsnack
|
| Titel: Schrifft genau unter dem Header Platzieren. |
30.03.2010 12:38 |
|
|
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
|
Hi,
Ich halte eine Liste für eine wesentlich elegantere Möglichkeit dafür:
CSS:
ul#mainmenu {
margin: 0;
padding: 0;
}
ul#mainmenu li{
display: inline;
}
ul#mainmenu li a{
padding:5px 10px;
}
HTML:
<ul id="mainmenu">
<li><a href="beispiel.html">Link</a></li>
<li><a href="beispiel.html">Link</a></li>
<li><a href="beispiel.html">Link</a></li>
<li><a href="beispiel.html">Link</a></li>
</ul>
So sind die Links auch "grösser", d.h es ist mehr Fläche da welche angeklickt werden kann, was wiederrum die Bedienung erleichtert.
greez
Gh0stc0der
[Zuletzt bearbeitet: 30.03.2010 12:39]
|
|
|
| |
|
xXMertXx
|
| Titel: Schrifft genau unter dem Header Platzieren. |
30.03.2010 17:39 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Wozu steht denn das "ul"?
________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
|
|
|
| |
|
bitsnack
|
| Titel: Schrifft genau unter dem Header Platzieren. |
30.03.2010 18:11 |
|
|
Anmeldungsdatum: 30.01.2009
Beiträge: 3.551
|
Das ist eine Liste, d.h ... eine Liste 
Die li's sind die einzelnen Listenpunkte. Listen sind sehr praktisch für Menüs, da sie einfach anzupassen sind und ein Menü ja auch nicht mehr als eine Liste von Links ist 
Ohne das "display: inline;" würden die Listenpunkte untereinander stehen.
Wenn du statt ul (unordered list) ol (ordered list) verwendest, hast du statt Punkten bei den einzelnen Einträgen fortlaufende Nummern.
[Zuletzt bearbeitet: 30.03.2010 18:12]
|
|
|
| |
|
xXMertXx
|
| Titel: Schrifft genau unter dem Header Platzieren. |
30.03.2010 19:39 |
|
|
Anmeldungsdatum: 26.02.2009
Beiträge: 1.666
|
Leider sind meine ganzen HP daten aufm rechner und der ist seit sonntag schrott =/
________________________________________
Nichts gibt es umsonst.
Sogar der Tod kostet das Leben !
|
|
|
| |
|
|
|
|
Themen
Unbeantwortet
Betriebssysteme
