| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Enno Moderator

Anmeldungsdatum: 07.07.2004 Beiträge: 544
|
Verfasst am: 31.12.2006, 01:40 Titel: |
|
|
| Zitat: | | ich kann auch keinen vorteil darin erkennen die buttons variabel zu gestalten. |
das macht schon Sinn, damit der Header egal welche Auflösung der Montitor hat immer die gesamte Fläche füllt und auch ordentlich verteilt ist.
Problem hier ist jedoch, wenn das Fenster zu klein wird, verschiebt sich sich das gesamte Menü!
Ich habe früher auch mal ewig an solchen Sachen rumgebastelt. Aber im Endeffekt bringt es mehr probleme als Nutzen.
Du müsstest hier mehrmals in verschiedenen classen mit width:100% arbeiten. Jedoch dies wird von den Browsern unterschiedlich interpretiert.
Nutze Die Zeit lieber effektiver.
Wenn es um den schmäleren Text geht:
| Code: | <table id="table1">
<tr><td> ....</td><td>.....</td><td>....</td>
</tr>
</table> | In der CSS kannst du alles andere reinschreiben:
| Code: | #table1{
width:100%;
.....
}
#table1 td{
width:100%;
color:FFF;
........
}
#table1 a:link{
textdecoration:underline;
....
} |
Weiß jetzt nicht ob alles passt....aber so vom Prinzip her...
Wo Tabellen angebracht sind sollte man, denke ich schon welche nehmen. Sonst wird man mit dem verschachteln in CSS gar nicht mehr fertig und hat evtl. sogar mehr Quelltext.
Gruß Enno
Ähmm... das Tabellenelement muß auch noch mit einem
id="table1" versehen werden.
Kann einer der Mods mal in den BBCode reinschauen, eigentlich habe ich das innerhalb des Codes reingeschrieben. Wird aber nix angezeigt. ?? _________________ Foren-Suchmaschine Katalog für Foren bei www.hoood.de
bei DSDS demnächst das DSDS Album kaufen
Zuletzt bearbeitet von Enno am 01.01.2007, 22:37, insgesamt 2-mal bearbeitet |
|
| Nach oben |
|
 |
Google
|
Verfasst am: Titel: Anzeige |
|
|
|
|
|
| Nach oben |
|
 |
YuryR Administrator


Anmeldungsdatum: 27.06.2005 Beiträge: 970 Wohnort: Göttingen
|
|
| Nach oben |
|
 |
Enno Moderator

Anmeldungsdatum: 07.07.2004 Beiträge: 544
|
Verfasst am: 01.01.2007, 22:38 Titel: |
|
|
| YuryR hat Folgendes geschrieben: | | "html in diesem beitrag deaktivieren" ? |
jo das passt, ich frage mich allerdings wieso --> egal
Gruß Enno _________________ Foren-Suchmaschine Katalog für Foren bei www.hoood.de
bei DSDS demnächst das DSDS Album kaufen |
|
| Nach oben |
|
 |
TalkingAbout ForumRank-4

Anmeldungsdatum: 02.07.2009 Beiträge: 64
|
Verfasst am: 15.01.2010, 00:38 Titel: |
|
|
Mit einer von Stu Nicholls veröffentlichten CSS-Codierung ließe sich eine horizontale Zentrierung erreichen, wenn die Summe der Linkbreiten nicht größer als 50% der Gesamtbreite eines übergeordneten Elementes........... ........ (sofern ich richtig gerechnet habe) ist. Mein Test war soweit erfolgreich.
Bitte Urheberrechte beachten:
http://www.cssplay.co.uk/menus/centered.html
Ansonsten hatte ich ein ganz banales Rollovermenü genutzt. Ich müsste es erst heraussuchen. Ob es in den heutigen Browserwelten noch seine Richtigkeit hat, käme auf einen erneuten Test an. _________________ Beste Grüße - Jegliche Informationen stellen keine Beratung dar und ersetzen nicht den Kontakt bzw. Besuch entsprechender Institutionen. |
|
| Nach oben |
|
 |
TalkingAbout ForumRank-4

Anmeldungsdatum: 02.07.2009 Beiträge: 64
|
Verfasst am: 18.01.2010, 00:40 Titel: |
|
|
Das einfache Rollovermenue funktioniert soweit (noch): Ohne Gewähr
Zunächst kreiere ich einen Hintergrund: Beispiel
| Code: | #balken {
width: 100%;
height: 35px;
background-color: #232523;
background-image: url(balken.gif);
background-position: top center;
background-repeat: repeat-y;
} |
Für den Hovereffekt sollte ein in seiner Größe ausreichender Button gewählt werden.
| Code: | #rollovermenu a {background: url("hoverrollovermenue.gif") 0px 0px no-repeat;}
#rollovermenu a:hover {background-position: 0px -25px;}
#rollovermenu a:active {background-position: 0px -50px;} |
Einbindung
| Code: | <div id="balken">
<div id="rollovermenu">
<a href="#">Login</a>
<a href="#">Registrieren</a>
<a href="#">Suche</a>
<a href="#">Postfach</a>
<a href="#">Hinweise</a>
<a href="#">Mitglieder</a>
<a href="#">Logout</a>
<a href="#">Mein Profil</a>
<a href="#">Forenübersicht</a>
</div>
</div><!--Ende #balken--> |
Andere CSS-Notationen sind denkbar. Einfach ein wenig ausprobieren. _________________ Beste Grüße - Jegliche Informationen stellen keine Beratung dar und ersetzen nicht den Kontakt bzw. Besuch entsprechender Institutionen. |
|
| Nach oben |
|
 |
|