| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
Gast
|
 |
 |
|
Danke euch beiden für die tips. Aber es will einfach nicht klappen im IE.
Um den thread nicht mit der ganzen seite vollzuhauen kopiere ich mal den css teil und die links:
<head>
<style type="text/css">
<!--
a:link {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
.Stil1 {
font-family: "Gill Sans MT Condensed";
font-size: 22px;
color: #73677F;
}
.Stil2 {
font-size: 18px;
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Stil3 {
font-size: 12px;
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Stil4 {
font-size: 14px;
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Stil5 {
font-size: 16px;
color: #666666;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Stil6 {
font-size: 14px;
color: ##73677F;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Stil7 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #73677F;
}
#Page {
position:absolute;
width:940px;
height:1350px;
z-index:1;
top: 0 ;
left: 50%;
margin-left: -470px;
}
#Content {
position:absolute;
width:563px;
height:624px;
z-index:1;
left: 185px;
top: 270px;
}
#Menu-Info {
position:absolute;
width:80px;
height:60px;
z-index:1;
left: 35px;
top: 278px;
}
#Vorteile {
position:absolute;
width:522px;
height:82px;
z-index:1;
left: 28px;
top: 70px;
}
#Top-Content {
position:absolute;
width:563px;
height:67px;
z-index:1;
left: 0px;
top: 0px;
}
#End-Content {
position:absolute;
width:563px;
height:312px;
z-index:1;
left: 0px;
top: 183px;
}
#Flatrates {
position:absolute;
width:138px;
height:80px;
z-index:1;
left: 784px;
top: 343px;
}
#FAQ {
position:absolute;
width:168px;
height:163px;
z-index:1;
left: 757px;
top: 574px;
}
#Impressum {
position:absolute;
width:578px;
height:29px;
z-index:1;
left: 180px;
top: 1276px;
}
#Menu-Kontakt {
position:absolute;
width:80px;
height:62px;
z-index:1;
left: 79px;
top: 374px;
}
a.link1 {
position:absolute;
width:66px;
height:52px;
left: 434px;
top: 95px;
text-decoration:none;
}
#ButtonFlat {
position:absolute;
width:75px;
height:32px;
z-index:1;
left: 552px;
top: 131px;
}
#ButtonHilfe {
position:absolute;
width:75px;
height:30px;
z-index:1;
left: 673px;
top: 133px;
}
#ButtonCharts {
position:absolute;
width:76px;
height:31px;
z-index:1;
left: 792px;
top: 132px;
}
-->
</style>
</head>
<body link="#73677F" bgcolor=""
style= "background-image:url(http://www.123.de/background.png);
background-repeat:no-repeat;
background-position:center top;">
<div id="Page">
<div id="Menu-Info" align="center" class="Stil1">
<a href="http://www.123.de/index.html">Site-Info</a>
<a href="http://www.123.de/news.html">News</a> </div>
<div id="Menu-Kontakt" align="center" class="Stil1">
<a href="http://www.123.de/Kontakt.html">Kontakt</a> </div>
<a href="http://www.123.de/index.html" class="link1" id="Info"> </a>
<a href="http://www.123.de/Mainpage/flatrate.html">
<div id="ButtonFlat"></div></a>
<a href="http://www.123.de/Mainpage/hilfe.html"><div id="ButtonHilfe"></div></a>
<a href="http://www.123.de/Mainpage/charts.html"><div id="ButtonCharts"></div></a>
</div>
</body>
Hab die vier links mal rot hervorgehoben. Die drei links oben drüber haben im IE auch das problem, das sie underlined sind und ne andere farbe haben. Manchmal aber auch nicht. Sehr komisch hoffe ihr werdet schlau daraus.
Mit freundlichen Grüßen
shuri |
|
|
|
|
| 04 Okt 2007 14:15 |
|
 |
line
Mitglied
|
|
|
|
a:link {
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
Also Deine Links werden bei mir im IE und MF korrekt angezeigt, im Normalzustand ohne Unterstreichung und beim Hovern mit Unterstreichung.
Aber das ist mir nicht ganz klar:
<a href="http://www.123.de/Mainpage/flatrate.html">
<div id="ButtonFlat"></div></a>
Was soll das div in dem Hyperlink? |
|
|
|
|
| 04 Okt 2007 15:19 |
|
|
Gast
|
|
|
|
Aber das ist mir nicht ganz klar:
<a href="http://www.123.de/Mainpage/flatrate.html">
<div id="ButtonFlat"></div></a>
Was soll das div in dem Hyperlink?
Das sind die links um die es mir geht. Der div ist ne ebene und die hab ich mit nem hyperlink belegt. Das hab ich gemacht um eben eine definierte fläche als link zu erhalten, die ebene. Das funzt im firefox aber nicht im IE. Danach hab ich die linkempfehlung von Enni P benutzt.
...
a.link1 {
position:absolute;
width:66px;
height:52px;
left: 434px;
top: 95px;
text-decoration:none;
.....
<a href="http://www.123.de/index.html" class="link1" id="Info"> </a>
Mit dem gleichen ergebnis. Sichtbar (der link, zeigefinger erscheint  ) im firefox nicht sichtbar im IE.
Versuche wahrscheinlich meine idee mit html-pfusch zu realisieren. Schätze eine derartige benutzung ist nicht vorgesehen?
Mit freundlichen Grüßen
shuri |
|
|
|
|
| 04 Okt 2007 23:37 |
|
|
line
Mitglied
|
|
| 05 Okt 2007 07:20 |
|
|
Gast
|
|
|
|
| Zitat: | Danach hab ich die linkempfehlung von Enni P benutzt.
...
a.link1 {
position:absolute;
width:66px;
height:52px;
left: 434px;
top: 95px;
text-decoration:none;
.....
<a href="http://www.123.de/index.html" class="link1" id="Info"> </a>
Mit dem gleichen ergebnis. Sichtbar (der link, zeigefinger erscheint Smile ) im firefox nicht sichtbar im IE. |
Den leeren link hab ich deswegen versucht zu benutzen, weil die buttons im hintergrund integriert sind. Jeder der sie sieht weiß das es navi buttons sind. Deshalb wollte ich eine leere link ebene über diese buttons legen.
Hab mal den rand drum gemacht wie du es beschrieben hast. Im firefox ganau wie vorher nur mit rand(  !). Im IE ist jetzt nur der dünne rand als link funktionstüchtig. D.h. im IE muss etwas im link stehen damit er funtioniert. Denn ein leerzeichen wie hat ja auch nicht gereicht.
Gibt es vielleicht die möglichkeit eine durchsichtige transparente hintergrundfarbe für den link, die ebene zu wählen?
Mit freundlichen Grüßen
shuri |
|
|
|
|
| 05 Okt 2007 08:26 |
|
|
line
Mitglied
|
|
|
|
Du kannst die Farbe des Linktextes natürlich in der gleichen Farbe wählen wie der Hintergrund, dann wären sie "unsichtbar". Bei der Transparenz besteht das Problem, dass diese nicht von jedem Browser umgesetzt wird.
Sinnvoller ist es allerdings allemal den Button selbst als Link zu gestalten, das ist auch die gängige Vorgehensweise. Integriert man den Button im Hintergrund, kann es je nach Browser zu kleinen "Verschiebungen" kommen und dann hängt der Link neben dem Button.
Außerdem ist´s ´ne Mordsarbeit, wenn Du den Hintergrund jedesmal ändern musst, nur weil Du ´nen Link änderst oder weiter Links dazu kommen. Wenn Du die Links als Buttonlinks per css formatierst, kannst Du über die externe css-Datei alle Links Deiner Seite ändern ohne das in jeder einzelnen Seite tun zu müssen ... das ist eigentlich der Sinn von css. |
|
|
|
|
| 05 Okt 2007 08:36 |
|
|
Gast
|
|
|
|
Alles klar. Dann werd ich mal das design der seite komplett überdenken. Ich dank dir auf jeden fall für deine hilfe.
Mit freundlichen Grüßen
shuri |
|
|
|
|
| 05 Okt 2007 10:13 |
|
|
Enni P
Mitglied
|
|
|
|
Ach gott, line, ich habe doch das Problem schon gelöst, oder?
Das Design ist vollkommen egal...
| Code: | <a style="width: 66px; height: 52px; left: 434px; top: 95px; position: absolute; text-decoration: none;" href="#"> </a> |
Das kann auch eine ebene sein, DIV muss keine sein, kann es aber auch, hier ist dies aber zwecklos.
Oder noch angepasst an deine Seite: | Code: | <head>
<style type="text/css">
<!--
/* Den Kram kannste so lassen, ich würde aber ein bisschen Platz machen, es gibt ja noch leute mit modem */
.leer {
width: 66px;
height: 52px;
text-decoration: none;
background-color:red; /* Kann weg gelassen werden: Nur zum sichtbar-machen */
}
-->
</style>
</head>
<!-- ... -->
<a href="http://www.123.de/index.html" class="leer"> </a>
<a href="http://www.123.de/Mainpage/flatrate.html" class="leer"> </a>
<a href="http://www.123.de/Mainpage/hilfe.html" class="leer"> </a>
<a href="http://www.123.de/Mainpage/charts.html" class="leer"> </a>
</div>
</body> |
|
|
_________________
Endres
[ Mein Forum | Netzgemein.de Uploads ] |
|
|
| 05 Okt 2007 13:20 |
|
|
line
Mitglied
|
|
|
|
| Enni P hat Folgendes geschrieben: | | Ach gott, line, ich habe doch das Problem schon gelöst, oder? |
So isses ... darum hab ich auch nochmal auf Dein Posting hin gewiesen. |
|
|
|
|
| 05 Okt 2007 13:39 |
|
|
Gast
|
|
|
|
Ich bin euch echt dankbar füe eure hilfe aber ich hab jetzt auch schon zweimal geschrieben das es eben so nicht funktioniert.
| Zitat: | Zitat:
Danach hab ich die linkempfehlung von Enni P benutzt.
...
a.link1 {
position:absolute;
width:66px;
height:52px;
left: 434px;
top: 95px;
text-decoration:none;
.....
<a href="http://www.123.de/index.html" class="link1" id="Info"> </a>
Mit dem gleichen ergebnis. Sichtbar (der link, zeigefinger erscheint Smile ) im firefox, nicht sichtbar im IE.
|
|
|
|
|
|
| 05 Okt 2007 14:38 |
|
|
|
|
)
