• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

link breiter als div

Myribo

Myribo

New member
moin!

ich hab da mal wieder n problem mit meinem aktuellen seitenprojekt. :(

es geht um diese seite:

http://myribo.my.funpic.de/daniel

problem:
die navidivs sind alle mit einem link versehen. dieser link ist aber breiter als das eigentliche div selber (siehe bild).
das ist auch unschön, weil die divs alle einen hovereffekt haben und sobalt man ein paar pixel neben den divs ist, setzt der overeffekt ein.



besten dank und gruß
christoph
 
Kann dir leider nicht helfen aber wenn du die Werbung weghaben willst gib das ein:
Code: 
<style>
.layer_main{display:none; visibility:hidden;}
</style>

Das kenn ich von PRINZ
 
PHP: 
<a class="navilink" href="inhalt.php?p=kontakt">
<div onmouseover="this.id='menupunkthoverie'" onmouseout="this.id='menupunkt'" id="menupunkt">
Kontakt
</div>
</a>
mach mal die hierachie anders rum
div > a

shadow
 
@HTML:
Mich geht das zwar nix an, aber ich finde es nicht so toll,
das Du hier Anregungen gibst, wie Regeln verletzt werden können.
Das ist ein kostenloses Angebot für das man eben Werbung in Kauf nehmen muss.
Wem das nicht passt, der soll sich gefälligst Webspace mieten...
http://www.funpic.de/webhosting_regeln.php schrieb:
Funpic.de behält sich vor nach eigenem Ermessen Werbung auf den User-Seiten einzublenden. Ein Recht auf Werbefreiheit oder Kampagnenwahl besteht in keinem Fall. Funpic.de wird die temporäre Häufigkeit nach Belieben festsetzen. Bei Manipulation der Werbung (Ausblendung/Überdeckung/Unterdrückung oder sonstige Manipulationen) wird Funpic.de den Account unverzüglich löschen (ohne Vorwarnung). Weitere Schritte behalten wir uns vor.
Zum Vergrößern anklicken....
 
Eine bessere Methode für eine Navi ist eine Liste.
Sonst hast Du einen Haufen divs im QT rumschwirren.
Code: 
<ul>
<li style="float:left;"><a href="#">Link01</a></li>
<li style="float:left;"><a href="#">Link02</a></li>
<li style="float:left;"><a href="#">Link03</a></li>
<li style="float:left;"><a href="#">Link04</a></li>
</ul>
Probiere es mal so:
Code: 
a:link, a:active, a:hover, a:visitet {
padding:2px 6px 2px 6px;
/*weitere Anweisungen*/
}
a:hover {
/*andere Anweisungen*/
}
Wenn die Links eine einheitliche Breite haben sollen,
gehst Du wie folgt vor:
Code: 
a:link, a:active, a:hover, a:visitet {
display:block;
width:100px;
/*weitere Anweisungen*/
}
a:hover {
/*andere Anweisungen*/
}
 
Code: 
 #menupunkt
  {
  font-weight:bold;
  background-color:#d5dcef;
  border-style:solid;
  border-width:1px;
  border-color:#1D5B90;
  font-size:13px;
  height:20px;
  width:100px;
  margin:10px;
  display: inline; [B]/* mach mal daraus display:block */[/B]
  padding-left:5px;
  padding-right:5px;
  padding-top:2px;
  padding-bottom:2px;
  text-align:center;
  }
...und bei :hover natürlich auch...
 
So, so kannst Du das einbauen, ohne die div's.
Musst halt nur noch Deine Angaben rein machen.
Code: 
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>Dokumenttitel</title>
<style type="text/css">
/*<![CDATA[*/
ul {list-style-type:none;}
a:link, a:active, a:hover, a:visited {
padding:2px 6px 2px 6px;
margin:6px;
border:1px solid #000;
/*weitere Anweisungen*/
}
a:hover {
/*andere Anweisungen*/
}
/*]]>*/
</style>
</head>
<body>
<ul>
<li style="float:left;"><a href="#">Home</a></li>
<li style="float:left;"><a href="#">Infos</a></li>
<li style="float:left;"><a href="#">Shop</a></li>
<li style="float:left;"><a href="#">AGB</a></li>
<li style="float:left;"><a href="#">Suche</a></li>
<li style="float:left;"><a href="#">Kontakt</a></li>
</ul>
</body>
</html>
 
Hi dk!


hm, also diese version funktioniert auch nicht richtig. der listenpunkt ist total nach unten verrutscht. außerdem ist nur der text 'belinkt', selbst wenn ich es so mache :
<a ...><li...>Bla</li></a>

im ie wird noch nicht mal der link erkannt.

:(

gru0ß
christoph
 
Myribo schrieb:
hm, also diese version funktioniert auch nicht richtig. der listenpunkt ist total nach unten verrutscht.
Zum Vergrößern anklicken....
Dann machst Du da irgendwas falsch...
Hast Du das hier auch?
Code: 
ul {list-style-type:none;}
Myribo schrieb:
außerdem ist nur der text 'belinkt', selbst wenn ich es so mache :
<a ...><li...>Bla</li></a>
Zum Vergrößern anklicken....
So ist's nicht richtig.
Myribo schrieb:
im ie wird noch nicht mal der link erkannt.
Zum Vergrößern anklicken....
Kann eigentlich nicht sein...
Ich mache das nur so und es funktioniert immer.
 
:( mh, komische sache, bei mir will das net gehn...

hat sich dann auch erledigt, die seite is online ;)

habs auch mal unter site-check gepostet.

gruß
christoph
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben