zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Interne links mit CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 26.07.2013, 16:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 26.07.2013
Beiträge: 1
chrisen befindet sich auf einem aufstrebenden Ast
Standard Interne links mit CSS

Hallo, also ich habe eine Frage:
Wie kann ich das machen wenn ich zum Beispiel 2 Hauptpunkte habe wie "Allgemein" und "Technische Daten" und ich möchte, dass eine Div Box bzw ein Text angezeigt wird, ohne die komplette Seite neu zu laden. Was ich bis jetzt probiert habe ist folgendes:

HTML-Code:
<style>

#box1{
display:none;
}


#box2{
display:none;
}




#box1:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}




#box2:target{
display:block;
float:left;
width:460px;
height:0px auto;
margin-left:20px;
}






.menu1{
list-style-type:none;
width:460px;
}


.menu1 li a {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 9px;
margin-left:20px;
color:#000;
text-decoration: none;
width:210px;
}

</style>

<body>

<ul class="menu1" style="margin-top:50px;"> 

<li><a href="#box1"> <h3>Wichtigste Kundenvorteile</h3> </a></li>
<li><a href="#box2"><p>Technische Daten</p> </a></li>



</ul>



<div id="box1">

Kundenvorteile Text


</div>


<div id="box2">

Technische Daten Text
</div>

</body>
Es funktioniert auch soweit, nur was mache ich, wenn ich möchte, dass wenn technische Daten angewählt ist auch die Schrift bold wird und das auch die erste box direkt angezeigt wird und nicht erst wenn man darauf gedrückt hat.

Ich würde mich freuen wenn mir jemand weiter helfen könnte !


Grüße

Chrisen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 26.07.2013, 18:39
Benutzer
neuer user
 
Registriert seit: 18.06.2013
Beiträge: 76
vanDerb befindet sich auf einem aufstrebenden Ast
Standard

Also tabbed-Content mit CSS:
CSS3-Only Tabbed Area | CSS-Tricks
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
css, intern, link

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Links border-bottom auf Img ausschalten nicht möglich? Andimau CSS 1 15.06.2012 18:00
Ausrichtung Kalender greece4u CSS 20 14.05.2012 14:32
per css zwei aktive Links hervorheben? TanjaP. CSS 14 12.10.2009 17:51
DIV immer ganze Breite - normal?!?!? csski CSS 3 02.07.2008 13:20
Wege zum guten CSS - Ausgewählte Links Sp33dy G0nz4l3s Ressourcen 1 27.05.2008 12:09


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:45 Uhr.