• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Link in anderem Div öffnen

Status
Für weitere Antworten geschlossen.
S

sucka

Neues Mitglied
Hallo,
ich hätte da eine Frage. Also ich habe links die Navigation und rechts den Inhalt, mit er gleichnamigen ID. Wie kann ich einen Link im div mit der ID "navlinks" rechts im Inhaltsbereich öffnen lasse?

danke

mfg
 
Zuletzt bearbeitet von einem Moderator:
1. Was willst du?
2. Was hat das mit CSS zu tun?
3. Kannst du bitte nur den relevanten Code posten?

Danke
 
html/js/php code der nicht eingerückt ist ignoriere ich grundsätzlich.

zu deiner frage: nein das geht nicht. weder mit html noch mit css.

lern halt Java Script (=> AJAX )
 
1. Ich habe gefragt, wie ich einen Link aus einem Div mit der ID "navlinks" in einem anderen mit der ID "Inhalt" öffnen kann.

2. Ich habe keinen relevanten Code.

3. Ich mache das erst seit ein paar Tagen, eingerückt ist es bei mir in DW, hat es leider nicht übernommen
 
So ich habe den Code mal entfernt.

zu 1. Das geht als dynamische seite mit PHP und includes oder per IFrame oder mit AJAX.

zu 2. Wenn du keinen relevanten Code hast, warum postest du dann welchen? :roll:

zu 3. Code schließt man auch mit [noparse]
Code:
bzw.
HTML:
[/noparse]-Tags ein und nicht mit Zitat-Tags.
 
meine güte er/sie is doch neu hier.
vergrault sie/ihn doch nicht gleich.
als ich das erste ma hier war hab ich auch nichts
von php, html, code - tags gewusst (okay, php und html gabs noch net :D)
aber da hat mich keiner angeschissen ...
lasst sie halt ihren source posten und wir antworten drauf, gut is'

p.s. meint sucka das russische schimpfwort? oder eher tendenz englisch?
 
es bedeutet "Lutscher","Trottel","Gimpel" (:

sry 4 spam ;)
 
Hier noch ne Frage:

Ich möchte eine Grafik beim Hover ersetzen lassen. Dazu habe ich für eine Navigation oben, die horizontal, also von links nach rechts, verläuft: Dazu habe ich in photoshop die 2 Bilder in beiden Zuständen nebeneinander gesetzt und als ein bild abgespeichert. Ich hab folgenden Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>MyDietReviews.com - Your diet source</title>
<style type="text/css">
#container {
width: 80%;
text-align: left;
margin: 0 auto;
}
body {
margin: 0;
padding: 0;
background-image:url(images/bg.gif);
background-repeat:repeat;
}
ul { list-style-image: url(images/pfeil.gif)
}
.copyright {
text-align:center;
}
#header {
width: 755px;
height: 110px;
display: block;
background-repeat: no-repeat;
background-image: url(images/header.gif);
margin-top: 59px;
font-size: 12px;
font-weight: bold;
}
.impagb {
text-align:right;
padding-top:10px;
padding-right: 33px;
color:#999999
}
.buttons {
float:right;
padding-left: 50px;
pading-top: 50px;
}
#header a:hover {
text-decoration:none;
}
a.home:link {
background-image:url(images/home_beide.gif);
background-position: 0 -46px;
}
a.home:hover {
background-image:url(images/home_beide.gif);
background-position: 0 0;
}
a span {display:none;}
a:visited {
text-decoration:none;
color:#999999;
}
a:hover {
text-decoration:underline;
color: #9bc604;
}
a:link {
text-decoration:none;
color:#999999;
}
.unternavi {
margin: 5px 20px auto 20px;
font-size:14px;
}
.unternavi2 {
margin: 40px 20px auto 20px;
font-size:14px;
color:#9bc604;
}
#navlinks {
float:left;
width: 197px;
background-color:#FFFFFF;
color:#999999;
font-size:17px;
}
#inhalt {
color:#000000;
margin-left: 207px;
width: 50%;
position:absolute;
padding-top: 18px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div class="impagb"><a href="http:www.google.de">Impressum</a> &nbsp;&nbsp; &nbsp;<a href="http://www.google.de">Sitemap</a>
</div>
<a href="index.html" class="home" title="home"><span>Home</span></a>
</div>

<div id="navlinks">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="news.html">News</a></li>
<li><a href="http:www.google.de">Testlink</a></li>
<li><a href="http:www.google.de">Testlink</a></li>
<li><a href="http:www.google.de">Testlink</a></li>
<li><a href="http:www.google.de">Testlink</a></li>
</ul>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
</div>
<div id="inhalt">
<p> Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht', aber in wirklichkeit, meines Erachtens nach, keine Ahnung haben, habe ich mich mal dazu entschlossen, ein, meiner Ansicht nach, gutes Tutorial zum Thema 'Slicen und daraus eine Homepage entwerfen' zu schreiben.</p>
<p>Auf das Slicen selber werde ich nicht soo sehr viel eingehen, denn das Slicen einer Webseite beträgt nur etwa 1% der Erstellung der Webseite. Dennoch ist da Slicen mit einer der wichtigsten Aufgaben, wenn es darum geht, eine schnelle Webseite zu erstellen.
5-10kb weniger Grafikanteil kann schon enorm viel an Geschwindigkeit ausmachen.</p>
<p>Wenn ihr Anfänger seid, dann rate ich euch, mir erst mein XHTML + CSS Tutorial durchzulesen, ihr findet es hier
Wichtig, in diesem Tutorial wird beides gleichzeitig gemacht. Es wird gesliced und sofort in HTML umgesetzt. Das ist massig an Informationen für euch, aber nur so macht es mir Sapaß dieses Tutorial zu schreiben. Wem was an ner guten Seite liegt der muss mit den kommenden Informationen fertig werden.</p>
<p style="color:#CCCCCC" class="copyright">Copyright 2006 by Yourdietsource.com</p>
</div>
</div>


</body>
</html>
Zum Vergrößern anklicken....

Ich habe ees als QUOTE gemacht, weil ich sonst die relevanten Stellen nicht markieren kann

Aber es funkioniert nicht.

An was kann das liegen? danke

mfg
 
Mach doch einfach 2 bilder und wechsel die dann halt immer?
 
Ja,

aber das wird bei großen Seiten zu Geschwindigkeitseinbußungen kommen und das wollte cih mit dieser Methode verhindern
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben