img - anzeige problem (js, css, html)

BendOr

hmm hi leute,
ich habe folgendes problem:
so sollte es aussehn:
http://www.comparity.de/neu/index.php

aber so siehts aus:
http://www.comparity.de/neu/index_arbeit.php

die navigation ist total auseinandergeflückt...
eigentlich ist im quelltext alles ok... -.-

hier mal der betroffene code teil:

Code

<tr><td valign="top">
<ul id="nav" class="dropdown">
[*][url='#'][img]gfx/bild_30.gif[/img][/url]
[*][img]gfx/bild_32.gif[/img]


[*]<a href="#">
[img]gfx/bild_33.gif[/img]</a>
              <ul>
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url] 
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
               [/list]


[*][img]gfx/bild_32.gif[/img]


[*][url='#'][img]gfx/bild_38.gif[/img][/url]
[*][img]gfx/bild_32.gif[/img]


[*]<a href="#">
[img]gfx/bild_42.gif[/img]</a>
              <ul>
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
              [/list]


[*][img]gfx/bild_32.gif[/img]


[*]<a href="#">
[img]gfx/bild_44.gif[/img]</a>
              <ul>
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
              [/list]


[*][img]gfx/bild_32.gif[/img]


[*]<a href="#">
[img]gfx/bild_46.gif[/img]</a>
              <ul>
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
                  [*][url='#']second Level menu[/url]
              [/list]




[*][img]gfx/bild_32.gif[/img]


[*][url='#'][img]gfx/bild_50.gif[/img][/url][/list]
</td></tr>

Alles anzeigen

ich glaube daran liegt es nicht...

leider hab ich noch keine ahung (fast keine...) ahnung von css und js, deswegen hab ich mir das script für das menü ausm inet geholt...
das menü besteht zum grössten teil aus css, aber ein kl. javascript wird für den ie benötigt...

Code

<script type="text/javascript">
function enable_menues_for_ie()
{
	if (document.all)
	{
        uls = document.getElementsByTagName('UL');


        for(i = 0; i < uls.length; i++)
        {
            if (uls[i].className == 'dropdown')
            {
                var lis = uls[i].getElementsByTagName('li');


                for (i = 0; i < lis.length; i++)
                {
                    if(lis[i].lastChild.tagName == 'UL')
                    {
                        lis[i].onmouseover = function() { this.lastChild.style.display = 'block'; }
                        lis[i].onmouseout = function() { this.lastChild.style.display = 'none'; }
                    }
                }
            }
        }
    }
}
</script>

Alles anzeigen

das ist das kleine javascript...
hier der css teil:

Code

/* -------------------------- BEGIN do not change --------------------------- */


ul.dropdown
{
    list-style: none;
    margin:0;
    padding:0;


}


ul.dropdown ul
{
    list-style: none;
    margin:0;
    padding: 0;
	width:100%;
}


ul.dropdown li
{
	position: relative;
	padding:1px 0px 1px 0px; /* helps Opera with hover - do not remove! */
}


ul.dropdown a
{
    display:block;
}


ul.dropdown ul, ul.dropdown ul ul, ul.dropdown ul ul ul
{
    display:none;
    position:absolute;
    top:0;
    left:99%;
}


ul.dropdown li:hover ul ul, ul.dropdown li:hover ul ul ul
{
    display:none;
}


ul.dropdown li:hover ul, ul.dropdown ul li:hover ul, ul.dropdown ul ul li:hover ul
{
    display:block;
}


/* -------------------------- END do not change --------------------------- */




/*


ul.dropdown a.has_submenu
{
    background:url(arrow_right.gif) no-repeat right;
}




#nav
{
    font:10px verdana;
    background-color:#f0f0f0;
    border:0px outset #888;
}


#nav a
{
    color:#000;
    padding:0px;
    text-decoration:none;
}


#nav a:hover
{
    background-color:#ddd;
    color:#888;
}




#nav ul
{
    background-color:#f0f0f0;
    border:0px outset #888;
}
*/
table
{
 border:           0px;
 border-collapse:  collapse;
 border-spacing:   0px;
 border-padding:   0px;
 cellspacing:      0px;
 cellpadding:      0px;
}


img
{
 border:            0px;
 hspace:			0px;
 vspace:			0px;
 padding-left:      0px;
 padding-right:     0px;
 padding-top:       0px;
 padding-bottom:    0px;
 spacing-left:      0px;
 spacing-right:     0px;
 spacing-top:       0px;
 spacing-bottom:    0px;
 margin:            0px;
}

Alles anzeigen

bei img hab ich einfach mal alles reingehaun, was mir irgendwie zu abständen eingefallen ist ...

also, ich weiss echt nicht weiter, bitte helft mir!!!!
danke

BendOr

... ich hab echt alles probiert, bitte helft mir!!!

--> wo seit ihr denn alle ? ihr php-leutz ????
hilfee hat man doch sonst auch immer schnell bekommen^^

BendOr

schieb, weil es wichtig is .... -.-

cookie

also erstmal finde ich es nicht wirklich schön wenn auf der seite ganz am anfach HALLO HURENSOHN steht aber egal und mir ist aufgefallen das beim richtigen ganz oben im quelltext das als css drinensteht:

Code

<style type="text/css">
<!--


table{
 border:           0px;
 border-collapse:  collapse;
 border-spacing:   0px;
 border-padding:   0px;
}


img{
 border:            0px;
 hspace:			0px;
 vspace:			0px;
}


-->
</style>

Alles anzeigen

beim falschen dagegen fehlt das schonmal woran es liegen könnte weil da steht nur:

Code

<script type="text/javascript">
function enable_menues_for_ie()
{
	if (document.all)
	{
        uls = document.getElementsByTagName('UL');


        for(i = 0; i < uls.length; i++)
        {
            if (uls[i].className == 'dropdown')
            {
                var lis = uls[i].getElementsByTagName('li');


                for (i = 0; i < lis.length; i++)
                {
                    if(lis[i].lastChild.tagName == 'UL')
                    {
                        lis[i].onmouseover = function() { this.lastChild.style.display = 'block'; }
                        lis[i].onmouseout = function() { this.lastChild.style.display = 'none'; }
                    }
                }
            }
        }
    }
}
</script>

Alles anzeigen

außerdem steht das css ding noch vor dem head tag und das js nicht ist aber egal es fehlt einfach das CSS im head tag ...

BendOr

hmm kp wer das in den source geschrieben hat... muss mein "lustiger" parnter gewesen sein..
najo egal, ihr sollt euch jeden falls nit angesprochen fühlen : )
beim "falschen" steht das auch in der css, die is nur ausgelagert...

Code

img 
{ 
 border:            0px; 
 hspace:         0px; 
 vspace:         0px; 
 padding-left:      0px; 
 padding-right:     0px; 
 padding-top:       0px; 
 padding-bottom:    0px; 
 spacing-left:      0px; 
 spacing-right:     0px; 
 spacing-top:       0px; 
 spacing-bottom:    0px; 
 margin:            0px; 
}

Alles anzeigen

du meinst das js is an einer falschen stelle ? wo müsste das denn hin ?

cookie

ich weis nicht sicher ob js an der falschen stelle ist (bin nicht so ein js experte) auf jedenfall ist bei dem "richtigen" überhaupt kein js im quelltext zu sehen...(ich benutze FF) aber warum nimmst du nicht einfach die richtige datei und überschreibst damit die andere? hast doch sicherlich zugriff dadrauf...

Ronald

Zitat von cookie

also erstmal finde ich es nicht wirklich schön wenn auf der seite ganz am anfach HALLO HURENSOHN steht ...

Das ist auch der Grund warum ich mich mit der seite nicht weiter befasst habe.

Die Story mit "dem Partner" kannst du dem Mann verkaufen, der im roten Mantel durch den Kamin krabbelt und dabei niemals schmutzig wird.

Ronald

BendOr

ja rofl schönen dank auch, habs gleich geändert als ichs bemerkt hatte und ihn auch gleich zur sau gemacht deswegen...

cookie

tja steht nur (falls du es bis jetzt noch nicht geändert hast)
IMMERNOCH IM QUELLTEXT...

BendOr

wo denn ? 0o

cookie

ok in zwischen ist es draußen....

BendOr

ja, sry mehr als entschuldigen und wegmachen kann ich nu leider uach nimmer ...
wär trotzdem nett wenn ihr mir ein bischen helfen könntet... wenigstens ein schönes schlagwort für google wäre nice, weil bei aufklappmenü kommt zu viel mist...

cookie

ich würde gerne helfen aber bin in dem gebiet auch kein wirklich er experte... musste wohl warten bis greenrover aus dem urlaub zurück kommt (falls er weg ist weil er zur zeit nicht mehr antwortet...)

ok, danke erstma dass ihr euch damit wenigstens beschäftigt...

BendOr

war von mir der post...

BendOr

http://www.comparity.de/neu/index_arbeit2.php
ich habs nun erstmal so gelöst, indem das ganze in eine tabelle mit hintergrund gehaun hab
damit habe ich aber ja leider das eigentliche problem noch nicht gelöst....
sieht das denn so noch halbwegs ok aus mit den gorssen buttons ?

cookie

ich finde es schaut bisher nicht schlecht aus... nur dauert es bei mir (dsl 2k) ewig zum laden...

BendOr

ja ich habe die ganzen überflüssigen bilder noch nicht ersetzt ... : )

aber bei mir geht das mega schnell (dsl2000) ... aber meinten schon mehrere zu mir, space is wohl nit der schnellste...
lohnt es sich vll nen preload für die bilder zu machen ?

img - anzeige problem (js, css, html)

Tags

Benutzer online in diesem Thema