HomepageHelfer.org

Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/

Link Verweis im Eigenen Design

https://homepagehelfer.org:443/viewtopic.php?t=2110

Seite 1 von 3

Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 10:24
von Finest Royal
Guten Morgen liebe nPage-Hilfe Gemeinde...

Ich steh schon seit längerem vor einen Problem... Mein eigenes Design bei nPage.de besteht aus mehreren DIV-Elementen... Diese wären:

*haupt
*Hadder*
*navil (navi links)
*body (content)
*navir (Navi Rechts)
*fuss (footer)

Mein Anliegen liegt jetzt darin, das sich die eingefügten internen Links aus der *navil, in den contentbereich *body öffnen sollen...
Ich habe schon mehrere Arten verwsucht das hinzubekommen und auch schon Google um rat gefragt, wobei ammer immer nur php, JavaScript oder IFrames bei rauskam...

Ich weiss nicht weiter und wäre froh, wenn ihr Mir helfen könntet...
Vielen lieben Dank im Vorraus. :)

P.S. Ich habe es mit einem IFrame versucht, jedoch kann ich das nicht einstellen das dieser Iframe sich seinem Inhalt automatisch anpasst... Desweiteren, wenn ich von etwas weiter runtergescrollt auf einen Link klicke, dann muss ich ewig lange lange nach oben scrollen... Was mache Ich falsch?

Mein Homepagelink: http://www.cityville-help.de

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 13:38
von goefi-chiangmai
Auf den ersten Blick gesehen, hat es zimmlich fehler in deinen link:
Hier dein link:
<a href="startseite_14189567.html" name="top" target="text"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; Startseite</b></span></span></a>

target="text" gibt es nicht!!!!
target ist wo sich der link öffnen soll ( top und self sollte da stehen, oder gar nichts) dann gäbe es noch blank, das wäre in einem neuen Fenster, oder frame3 wenn mit rahmen Design Arbeitest, aber das ist bei Dir nicht der fall

name="top" link braucht eigentlich kein name, aber besser wäre wenn da noch eine klassen bezeichnung wäre, dann müsstest nicht jeden link mit <span style="font-family: Century Gothic; margin-left: 1px;"> bezeichnen, sondern mit class=menulink dazu braucht es ein css menü mit deinen font (Schrift) angaben.

dein link sollte etwa so aussehen
<a href="startseite_14189567.html" class="menulink">Startseite</a>

Wenn nicht klar kommst mit der CSS erstellen, melden!
Ach ja und da dein Design im Tabellenlyout ist, hat es noch einige Tabellenfehler, guck mal dein Design in Verschiedenen Browsern an
IE7 = Linksbündig, FF= mittig....u.s.w

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 13:45
von Finest Royal
goefi-chiangmai hat geschrieben:Auf den ersten Blick gesehen, hat es zimmlich fehler in deinen link:
Hier dein link:
<a href="startseite_14189567.html" name="top" target="text"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; Startseite</b></span></span></a>

target="text" gibt es nicht!!!!
target ist wo sich der link öffnen soll ( top und self sollte da stehen, oder gar nichts) dann gäbe es noch blank, das wäre in einem neuen Fenster, oder frame3 wenn mit rahmen Design Arbeitest, aber das ist bei Dir nicht der fall

name="top" link braucht eigentlich kein name, aber besser wäre wenn da noch eine klassen bezeichnung wäre, dann müsstest nicht jeden link mit <span style="font-family: Century Gothic; margin-left: 1px;"> bezeichnen, sondern mit class=menulink dazu braucht es ein css menü mit deinen font (Schrift) angaben.

dein link sollte etwa so aussehen
<a href="startseite_14189567.html" class="menulink">Startseite</a>

Wenn nicht klar kommst mit der CSS erstellen, melden!
Ach ja und da dein Design im Tabellenlyout ist, hat es noch einige Tabellenfehler, guck mal dein Design in Verschiedenen Browsern an
IE7 = Linksbündig, FF= mittig....u.s.w
Hi, und erstmal danke für deine schnelle Antwort... Probiere das gleich mal aus... Also wenn Ich das jetzt richtig verstehe, dann öffnet mir die clas="..." meinen Link im Content? Weil bei _self oder _top öffnet sich ein neues Browserfenster bei Mir....

Lg Yannick

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 13:48
von goefi-chiangmai
nein target= öffnet dir dein link.....................................das class wäre nur das nicht jeden link formatierun musst, aber da brauchst ne css dazu

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 13:50
von Finest Royal
goefi-chiangmai hat geschrieben:ne target= öffnet dir dein link.....................................das class wäre nur das nicht jeden link formatierun musst, aber da brauchst ne css dazu
okay... und wie bekomme ich das hin, das mein Link aus dem Div der Navigation, im div *body(content) geöffnet wird?
Weil, wenn ich target="_self oder _top" mache dann öffnet sich der Link im neuen Browsertap oder Browserfenster...

LG

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 13:58
von goefi-chiangmai
Finest Royal hat geschrieben:
goefi-chiangmai hat geschrieben:ne target= öffnet dir dein link.....................................das class wäre nur das nicht jeden link formatierun musst, aber da brauchst ne css dazu
okay... und wie bekomme ich das hin, das mein Link aus dem Div der Navigation, im div *body(content) geöffnet wird?
Weil, wenn ich target="_self oder _top" mache dann öffnet sich der Link im neuen Browsertap oder Browserfenster...

LG
Bis jetzt hast immer noch alle mit target="text" beschriben, das gibt es nicht deswegen öffnet es im neuen Fenster

Schreib die links neu und zwar so
<a href="seitenurl" target="_self">Linktext</a>

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 14:05
von Finest Royal
goefi-chiangmai hat geschrieben:
Finest Royal hat geschrieben:
goefi-chiangmai hat geschrieben:ne target= öffnet dir dein link.....................................das class wäre nur das nicht jeden link formatierun musst, aber da brauchst ne css dazu
okay... und wie bekomme ich das hin, das mein Link aus dem Div der Navigation, im div *body(content) geöffnet wird?
Weil, wenn ich target="_self oder _top" mache dann öffnet sich der Link im neuen Browsertap oder Browserfenster...

LG
Bis jetzt hast immer noch alle mit target="text" beschriben, das gibt es nicht deswegen öffnet es im neuen Fenster

Schreib die links neu und zwar so
<a href="seitenurl" target="_self">Linktext</a>
Okay, habe den ersten link mit target="_self" gemacht und es wird nicht im content geöffnet sondern springt um als eigene seite...

irgendwas mache ich falsch.... :S

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 14:12
von goefi-chiangmai
andere frage:

Du hast das 1frame Design? (oben links)
hast die seiten diesem Design zugewisen??

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 14:17
von Finest Royal
goefi-chiangmai hat geschrieben:andere frage:

Du hast das 1frame Design? (oben links)
hast die seiten diesem Design zugewisen??
Ja habe ich....
Ist es überhaupt möglich den Inhalt einer Textseite via Link in einem leeren div container zu öffnen??

Re: Link Verweis im Eigenen Design

Verfasst: So 4. Sep 2011, 14:20
von Finest Royal
Style.css Code
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<body style="background-image: url(http://file1.npage.de/009783/22/bilder/stahlb_057.jpg); background-attachment:fixed;">
<style type="text/css">
<!--
#haupt {
width: 950px;
background-color: #000000;
background-image: url(http://file1.npage.de/009783/22/bilder/center_4.jpg);
margin: 0px auto;
overflow: auto;
}
#hadder {
width: 950px;
height: 160px;
background-color: #cccccc;
background-image: url(http://file1.npage.de/009783/22/bilder/header.jpg);
float: left;
margin-left: 0px;
}
#navil {
width: 160px;
background-color: ;
float: left;
margin-left: 9px;
}
#body {
width: 585px;
background-color: ;
float: left;
margin-left: 14px;
margin-top: 2px;
}
#navir {
width: 160px;
background-color: ;
float: left;
margin-left: 14px;
}
#fuss {
width: 950px;
height: 18px;
background-color: #cccccc;
background-image: url(http://file1.npage.de/009783/22/bilder/footer.jpg);
margin: auto;
overflow: auto;
}
a:link{
color:#FFDEAD;
background-color: ;
text-decoration:none;
display:block;
}
a:visited{
color:#FFDEAD;
background-color: ;
text-decoration:none;
display:block;
}
a:active{
color:#FFDEAD;
background-color: ;
text-decoration:none;
display:block;
}
a:hover{
color:#000000;
background-color:#DCDCDC;
background-image:url();
text-decoration:none;
display:block;
}
a:focus{
color:#000000;
background-color:#DCDCDC;
background-image:url();
text-decoration:none;
display:block;
}
-->
</style>
</head>
Html Code:
<div id="haupt">
<div id="hadder">&nbsp;</div>
<div id="navil">
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_top.jpg); height: 31px;">
<td><span style="font-size: 13px;"><span style="font-family: Century Gothic; margin-left: 10px;"><b>- Internes</b></span></span></td>
</tr>
<tr style="background-image: url("http://file1.npage.de/009783/22/bilder/box_mittel.jpg");">
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="90%">
<tbody>
<tr>
<td><a href="startseite_14189567.html" target="_self"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; Startseite</b></span></span></a></td>
</tr>
<tr>
<td><a target="_self" href="#guestbook.html"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; G&auml;stebuch</b></span></span></a></td>
</tr>
<tr>
<td><a target="_self" href="linkliste.html"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; Linkliste</b></span></span></a></td>
</tr>
<tr>
<td><a target="_self" href="pinnwand.html"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 1px;"><b>&raquo; Pinnwand</b></span></span></a></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/bof_footer.jpg);">
<td><span style="font-size: 7px;;">&nbsp;</span></td>
</tr>
</tbody>
</table>
<p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_top.jpg); height: 31px;">
<td><span style="font-size: 13px;"><span style="font-family: Century Gothic; margin-left: 10px;"><b>- Statistik</b></span></span></td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_mittel.jpg);">
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="98%">
<tbody>
<tr>
<td width="58"><b><span style="color: rgb(204, 204, 204);"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 5px;">Gesammt:</span></span></span></b></td>
<td width="880" style="text-align: right;"><span style="color: rgb(0, 204, 0);"><b><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-right: 5px;">[counter]</span></span></b></span></td>
</tr>
<tr>
<td width="58"><b><span style="color: rgb(204, 204, 204);"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 5px;">Heute:</span></span></span></b></td>
<td width="880" style="text-align: right;"><span style="color: rgb(0, 204, 51);"><b><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-right: 5px;">[counter_today]</span></span></b></span></td>
</tr>
<tr>
<td width="58"><b><span style="color: rgb(204, 204, 204);"><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-left: 5px;">Online:</span></span></span></b></td>
<td width="880" style="text-align: right;"><span style="color: rgb(0, 204, 51);"><b><span style="font-size: 11px;"><span style="font-family: Century Gothic; margin-right: 5px;">[counter_online]</span></span></b></span></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/bof_footer.jpg);">
<td><span style="font-size: 7px;;">&nbsp;</span></td>
</tr>
</tbody>
</table>
</p>
<p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_top.jpg); height: 31px;">
<td><span style="font-size: 13px;"><span style="font-family: Century Gothic; margin-left: 10px;"><b>- CityVille</b></span></span></td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_mittel.jpg);">
<td>&nbsp;</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/bof_footer.jpg);">
<td><span style="font-size: 7px;;">&nbsp;</span></td>
</tr>
</tbody>
</table>
</p>
<p>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_top.jpg); height: 31px;">
<td><span style="font-size: 13px;"><span style="font-family: Century Gothic; margin-left: 10px;"><b>- Baumen&uuml;</b></span></span></td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_mittel.jpg);">
<td>&nbsp;</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/bof_footer.jpg);">
<td><span style="font-size: 7px;;">&nbsp;</span></td>
</tr>
</tbody>
</table>
</p>
</div>
<div id="body"><iframe width="100%" height="1000" frameborder="0" src="http://www.cityville-help.de/startseite_14189567.html" name="text"></iframe></div>
<div id="navir">
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_top.jpg); height: 31px;">
<td>&nbsp;</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/box_mittel.jpg);">
<td>&nbsp;</td>
</tr>
<tr style="background-image: url(http://file1.npage.de/009783/22/bilder/bof_footer.jpg);">
<td><span style="font-size: 7px;;">&nbsp;</span></td>
</tr>
</tbody>
</table>
</div>
<div id="fuss">&nbsp;</div>
</div>
Nur irgendwas muss ich falsch machen... Ich weiss nur nicht wo meine Fehler liegen... :S
Alle Zeiten sind UTC+02:00
Seite 1 von 3

Powered by phpBB® Forum Software © phpBB Limited

Deutsche Übersetzung durch phpBB.de