Verlinkung im Header

[Flux]

Servus,

ich versuche momentan auf einer Homepage ein Logo zu verlinken... http://www.soundandmore.com

Bei dem beigelegten Bild kann man sehen das sich die Verlinkun unter die schon vorhandene setzt.

Hier mal der .css code

Code: Alles auswählen

#logo2
{
clear:top;
position:absolute;
top:17px; left:50px;
display: block;
margin-left:597px;
top:17px; left:50px;
}

Trotzdem bewegt sich die Verlinkung keinen Zentimeter.
Ich habe woanders mitbekommen das ich im Div Seitenkopf (Header)

Code: Alles auswählen

position:relative;

setzen muss

Code: Alles auswählen

#seitenkopf
{
   position:relative;
   width:980px;
   max-width:980px;
   border: 0px;
   margin: 0px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   padding: 0px;
   background-image:url(/images/head_bg.jpg);
   background-repeat:no-repeat;
   background-position:left;
   height: 90px;
   border-top:1px #000 solid;
}


Komme aber einfach nicht weiter

mfG

[Azra]

Sorry aber... hä?
Du willst dass ein Bild auf zwei Seiten zeigt? Das geht nur wenn du Maps auf das Bild anwendest.
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm#definieren

Die andere Lösung wäre, das Bild in verschiedene Teile zu schneiden, welche du dann wieder in HTML zusammensetzt. So kannst du jedes einzeln verlinken.

Wenn du das was ich schreibe nicht willst habe ich dich wohl nicht verstanden.

[Flux]

Servus,

kann man das nicht einfach so machen, wie im Header ?
Das Logo ganz links verlinkt auf die index.php Datei (Startseite)

Nun möchte ich eine 2. Verlinkung im Header machen, geht das nicht so, dass ich in der sylesheet Datei eine Box erstelle, die an die richtige Position bringe und dann per html mit

Code: Alles auswählen

<a href="http://www.lothar-wegner.de" class="logo2"></a>

verlinke?


mfG

[Azra]

Das ist meines Erachtens eine schummel Methode.
Ich hatte jedoch nicht bedacht, dass es eine Hintergrundgrafik ist.
Warum ist ein Link in einem <h1> ?
Ansich positionierst du beide Felder genau wie die ID "#google_translate_element".

[Flux]

Leider bewegt sich die Box aber keinen Zentimeter
Hier mal die ganze .css Datei

Code: Alles auswählen

/* ----------- Hauptseite und Seitenkopf ------------- */

.content1024 {
  width:980px;
  max-width:980px;
  margin-left:auto;
  margin-right:auto;
}

.rand_links {
}

#seitenkopf
{
   position:relative;
   width:980px;
   max-width:980px;
   border: 0px;
   margin: 0px;
   margin-top: 10px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   padding: 0px;
   background-image:url(/images/head_bg.jpg);
   background-repeat:no-repeat;
   background-position:left;
   height: 90px;
   border-top:1px #000 solid;
}

/* ------------- Seitenende -------------- */

#fuss
{
   height: 30px;
   color: #000;
   background-color:#333333;
   color:#EEEEEE;
   margin-top:7px;
    border:1px #666666 solid;   
}
/* ------------------- Logo ------------------------*/

#logo
{

margin-top:17px;
margin-left:10px;
width:455px;
height:56px;
}
   
#logo h1
{
   margin: 0px 0px;
   padding: 0px;
}
   
#logo span
{
   display: none;
}

#logo a
{
   display: block;
   height: 55px;
   color: #000;
   width:350px;
}

#logo a:hover
{
}

/* ------------------- Logo2 ------------------------*/

#logo2
{
   clear:right;
   margin-left: 597px;
   position:absolute;
   top:6px;
}


Habe ich irgendwas übersehen.
Kenne mich auch nicht wirklich mit .css aus also weiß nicht was <h1> ist

mfg

[Flux]

kleiner push

[Flux]

Problem gelöst.

Musste

Code: Alles auswählen

#Logo2

in

Code: Alles auswählen

.Logo2

verändern.

Könnte den Kopf gegen die Wand hauen


mfG