ilch Forum » Allgemein » HTML, PHP, SQL,... » Navigation

Geschlossen
  1. Mi. 14.07.2010 23:02 Uhr #1
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    gesperrtes Bild

    ich habe hier mal ein bild angefügt, welches mein problem beschreibt.
    die menüpunkte stimmen nicht mit den hintergrundgrafiken vom menu überein. ich habe vor langer zeit mal dieses problem gehabt und auch hier im forum nach einer lösung gesucht.
    ich denke, ich muss in der style datei etwas ändern, weiss nur leider nicht mehr genau, was es ist. ich würde mich freuen, wenn ich hier hilfe erhalte und danke euch schonmal.
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  2. Mi. 14.07.2010 23:08 Uhr #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    scheint was mit padding oder margin zu sein. aber ohne link kann man nix sagen
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Do. 15.07.2010 00:43 Uhr #3
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    airdriver.bplaced.net/page/index.php?news


    hoffe damit kannst du was anfangen
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  4. Do. 15.07.2010 00:48 Uhr #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/
{
	display:block;
	color:#FFFFFF;
	font-size: 12px;
	background-image:url(../bilder/wave_26.png);
	height: 34px;
	text-indent: 34px;
	text-decoration: none;
	font-family:  Verdana, Helvetica, sans-serif;
	line-height: 34px; 
}
a.menu:hover /*CSS Klasse die die Mousover-Menuepunkte der Menues definiert*/
{
	display:block;
	color: #FFFFFF;
	font-size: 10px;
	background-image:url(../bilder/wave_32.png);
	width: 158px;
	height: 19px;
	text-indent: 34px;
	text-decoration: none;
	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
	line-height: 16px;
}


    bei deiner css stimmt was nicht. wie vermutet. die buttons haben eine größe von 151 x 33 px du hast aber 158 x 19 px angegeben. du musst die css auch an deine grafiken anpassen...
    probier mit den werten ein wenig rum bis es passt...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. Do. 15.07.2010 13:54 Uhr #5
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    ich habe die werte angeglichen, scheint aber auch nicht zu funktionieren.
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  6. Do. 15.07.2010 15:56 Uhr #6
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Ersetze: 
    a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/
{
	display:block;
	color:#FFFFFF;
	font-size: 12px;
	height: 33px;
	text-indent: 33px;
	text-decoration: none;
	font-family:  Verdana, Helvetica, sans-serif;
	line-height: 33px; 
}
a.menu:hover /*CSS Klasse die die Mousover-Menuepunkte der Menues definiert*/
{
	display:block;
	color: #FFFFFF;
	font-size: 10px;
	width: 151px;
	height: 33px;
	text-indent: 33px;
	text-decoration: none;
	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
	line-height: 33px;
}


    durch: 
    a.menu /*CSS Klasse die die Menuepunkte der Menues definiert*/
{
	display:block;
	color:#FFFFFF;
	font-size: 12px;
	width: 151px;
	height: 33px;
	text-indent: 33px;
	text-decoration: none;
	font-family:  Verdana, Helvetica, sans-serif;
	line-height: 0px; 
}
a.menu:hover /*CSS Klasse die die Mousover-Menuepunkte der Menues definiert*/
{
	display:block;
	color: #FFFFFF;
	font-size: 10px;
	width: 151px;
	height: 33px;
	text-indent: 33px;
	text-decoration: none;
	font-family:  Tahoma, Arial,Verdana, Helvetica, sans-serif;
	line-height: 0px;
}


    Kann es aber nicht garantieren. zunge
    Die Links werden nach oben rutschen vermute ich, wenn es aber nicht stimmt mit der Linienhöhe dann passe line-height: 0px; selbst an bis es stimmt. zwinker


    Zuletzt modifiziert von Swamp am 15.07.2010 - 15:58:29
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  7. Do. 15.07.2010 16:05 Uhr #7
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    es könnte halt ein problem werden, da die navi in einer tabelle ist, und jeder link ne eigene spalte hat...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  8. Do. 15.07.2010 16:13 Uhr #8
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    es könnte halt ein problem werden, da die navi in einer tabelle ist, und jeder link ne eigene spalte hat...

    ??? xD
    1. Zeile hat er %1
    2. Zeilte hat er %2,
    stimmt doch? Ist halt kein DIV. zunge Oder was meinst du jetzt damit? zunge


    Zuletzt modifiziert von Swamp am 15.07.2010 - 16:13:38
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  9. Do. 15.07.2010 16:14 Uhr #9
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    ja schon aber schau dir mal den quelltext der navi an, da hat er ne festgelegte zeilenhöhe bei jedem menüpunkt...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Do. 15.07.2010 16:20 Uhr #10
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Stimmt, das sieht nicht so schön aus lachen
    Eigentlich gibt man der index.htm nur die Klassen, die dann in der style.css ausgelesen werden. Würde ich nochmal bearbeiten. 
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr style="height: 12px;background: url(include/designs/ilchClan/img/box_left_middle.gif) top left repeat-y;">
      <td valign="middle" style="height: 34px; background: url(include/designs/metallstyle/Bilder/metallstyle_30.jpg) top left no-repeat; line-height:34px;"><b class="menu_heading style1">&nbsp;&nbsp;<span class="style3">%1</span></b></td>
    </tr>
    <tr>
      <td style="background: url(include/designs/metallstyle/Bilder/metallstyle_42.jpg) top left repeat-y; height:33px; line-height:33px;" align="top">&nbsp;&nbsp;<strong>%2</strong></td>
    </tr>
    <tr style="height: 9px;background: url(include/designs/ilchClan/img/box_left_middle.gif) top left repeat-y;">

    </tr>
  </table>
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  11. Do. 15.07.2010 20:17 Uhr #11
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Gib sonst im Notfall dem UL wo die Navis drin sind jeweils:

    <ul style="margin: -35px 0 0 0;">

    gruss
    0 Mitglieder finden den Beitrag gut.
  12. Do. 15.07.2010 20:25 Uhr #12
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    ZitatZitat geschrieben von MaddinXx

    Gib sonst im Notfall dem UL wo die Navis drin sind jeweils:

    <ul style="margin: -35px 0 0 0;">

    gruss



    damit funktioniert es....

    dadurch steht aber alles sehr weit rechts.. ist es nicht möglich,alles nach links zu bekommen ?


    EDIT: Habs rausgefunden, natürlich nur die anderen werte auch ändern


    Zuletzt modifiziert von airdriver am 15.07.2010 - 20:30:44
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  13. Do. 15.07.2010 22:51 Uhr #13
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das design ist bei mir aber noch verzogen

    Bild oberer Teil der seite
    externer Link

    Bild unterer Teil der seite
    externer Link
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Fr. 16.07.2010 19:45 Uhr #14
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    ich benutze chrome. da sieht es normal aus. das liegt denke ich daran, dass ich einige buttons verlinkt habe und dadurch ein rand entstanden ist...
    wie lässt sich denn ein solcher rand entfernen. ich habe nichts mit border eingestellt, daher sollte ja eigentlich auch keiner da sein.
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 16.07.2010 19:52 Uhr #15
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    mach bei den grafiken immer <img border="0".....>

    also so: 
    	<a href="?news"><img border="0" src="include/designs/metallstyle/Bilder/metallstyle_03.jpg" width="83" height="25" alt=""></a></td>


    das würde ich dir bei allen grafiken empfehlen die verlinkt werden sollen...
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  16. Fr. 16.07.2010 21:25 Uhr #16
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    achso. ich dachte, wenn dort nichts definiert ist, spielt das thema border überhaupt keine rolle.
    dann werde ich das noch ändern, ist ja nicht so toll, wenn es bei einigen browsern angezeigt, bei anderen nicht angezeigt wird.
    play your music loud
    0 Mitglieder finden den Beitrag gut.
  17. Sa. 17.07.2010 11:51 Uhr #17
    User Pic
    Swamp Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    So siehts schon besser aus. Aber das Design ist wie schon gesagt oben , rechts und unten verzogen. ^^
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  18. Sa. 17.07.2010 15:51 Uhr #18
    User Pic
    airdriver Mitglied
    Registriert seit
    27.11.2006
    Beiträge
    143
    Beitragswertungen
    0 Beitragspunkte
    hab auch noch nicht die border rausgenommen... nachdem ich das gemacht habe, sollte es endlich ordentlich angezeigt werden.

    EDIT: Jetzt sollte es ordentlich angezeigt werden. ich zumindest habe keine probleme mehr mit FF.


    Zuletzt modifiziert von airdriver am 17.07.2010 - 15:53:59
    play your music loud
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten