XHTMLforum - Keine blauen Links/ Div verlinken/ Div's untereinander anornen

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - Keine blauen Links/ Div verlinken/ Div's untereinander anornen (http://xhtmlforum.de/showthread.php?t=43715)

Keine blauen Links/ Div verlinken/ Div's untereinander anornen

Hi!

Ich hätte noch ein paar kleine Fragen und zwar

1. Wie stelle ich es an, dass die Links nicht immer automatisch blau sind
wie kann ich zB weiß einstellen?
2.Wie kann ich ganze Divs verlinken und nicht nur die Schrift die sich darin befindet?
3. Welchen befehl muss ich eintippen, damit sich Divs untereinander anordnen und ich dann eine Art "Tabellen"Struktur habe?

Thx tIMbo

Zitat:

Zitat von timbo (Beitrag 319779)

1. Wie stelle ich es an, dass die Links nicht immer automatisch blau sind
wie kann ich zB weiß einstellen?

indem Du Linkelemente per CSS definierst, wie Du es gerne hättest. Beachte dabei auch die Pseudoklassen für Links (:link, :visited, :hover, :active, :focus). Global geht ein Link über a {...} zu definieren.

Zitat:

2.Wie kann ich ganze Divs verlinken und nicht nur die Schrift die sich darin befindet?

Display: block; für einen darin befindlichen Link. Wie bei Menuflächen, die komplett klickbar sein sollen, und nicht nur auf dem Linktext. Der IE braucht wieder ne Extrawurst (Stichwort "Layout"). Siehe im FAQ-Thread Heikos Post zum Thema.

Zitat:

3. Welchen befehl muss ich eintippen, damit sich Divs untereinander anordnen und ich dann eine Art "Tabellen"Struktur habe?

CSS ist keine Programmiersprache, daher gibt es da keine Befehle ;)

Wenn Du tabellarische Daten hast, dann nutze auch eine Tabelle. Wenn Du anderes darstellen möchtests, bedenke auch andere Elemente, wie z.B. Listen. Siehe: Vorsprung durch Webstandards | Semantischer Code - Definitionen, Methoden, Zweifel

Ansonsten: DIVs ordnen sich von selber untereinander an. Da muss man nix zu beitragen.

Vielen Dank für die Hilfe!

Punkt 1 und 2 funktionieren jetzt nach meinen Vorstellungen!

Bei Punkt drei ist mein Problem, dass das eine div unter das andere rutscht - deswegen hatte ich gefragt. Das Problem ist, dass sie sich nicht unter der anderen anordnet.... komisch

Code:

<div id="bereich">

  <div id="nav_links">

                 <div id="button_rot"></div>

                <div class="button_links"></div>

  </div>

</div>

Button_links rutscht unter Button_rot ^^

CSS:

Code:



                                

#button_rot                        {

                                

                                font-family:Arial, Helvetica, sans-serif, Verdana;

                                font-size:12px;

                                color:#FFFFFF;

                                font-weight:bold;

                                width:189px;

                                height:20px;

                                background-color:#E85100;

                                float:left;

                                

                                

                                }                                        



#button_rot:hover{background-color:#EE7D40;}   



.button_links         {   

                                        

                                        width:189px;

                                        height:15px;

                                        background-color:#EFE2BF;

                                        color:#FFFFFF;

                                        font-family:Arial, Helvetica, sans-serif, Verdana;

                                        





        



                                        }                        

                                

.button_links:hover{background-color:EF935E;}

Dann würde mich auch noch interessieren, warum meine Buttons nur die Farbe wechseln, wenn ich sie als id (also mit "#" definiere) nur nicht mit class...

THX

wenn Du andere Elemente als a mit :hover versiehst ist das zwar okay, aber der IE kapiert das nicht.

Warum IDs einen Effekt haben und Klassen nicht, kann ich nicht nachvollziehen. Der Fehler muss in Deinem Code liegen. Sinn und Zweck von IDs gegenüber Klassen sind Dir aber bekannt, oder?

Und wenn Du die float-Eigenschaft mit expliziten Breitenangaben benutzt, ist natürlich der Standardmodus eines Blockelements dahin. Lies zu dem wichtigen und komplexen Thema float und clear bitte die Links im FAQ-Thread!