Abstand beseitigen..

Freexer · 30. Dez. 2007

Abend,

weil ich mich nicht so sehr mit divs auskenne komme ich hier immoment nicht weiter habe bis jetz immer nur mit tables gearbeitet.
Aber dadurch das ich mir ein kleines menu script geschrieben habe mit aufklapp/einklapp funktion sind die divs hier ganz praktisch..
Hier nun mein Problem bei der SubNavigation also wenn es aufklappt ist haben die buttons einen kleinen Abstand siehe unten angehängtes Bild

Code:

    <div id="menu" class="cssmenu">
      <div>
        <span><img src="allgemein.jpg" width="178" height="37" /></span>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
      </div>
    </div>

im Css steht einglich immoment noch nichts drin außer angabe wie groß der div sein soll und so.. weiß jemand wie ich das weg bekomme wäre sehr hilfreich

anna55 · 30. Dez. 2007

So ist der Abstand weg:

PHP:

#menu a, #menu span {
padding:0;
margin:0;
width:178px;
display:block;
}

Freexer · 30. Dez. 2007

Schade geht nicht ich habe das unten hinzugefügt und mal auch mal woanders in meine css datei eingefügt klappt aber leider nicht hier ist mal meine css datei..

Code:

div.menu {
	width: 178px;
}
div.menu div {
	overflow: hidden;
}
div.menu div:first-child {
}
div.menu div.collapsed {
	height: 37px;
}
div.menu div span {
}
div.menu div.collapsed span {
}
div.menu div a {
}
div.menu div a.current {
}
div.menu div a:hover {

}

anna55 · 30. Dez. 2007

Freexer schrieb:
Schade geht nicht ich habe das unten hinzugefügt und mal auch mal woanders in meine css datei eingefügt klappt aber leider nicht hier ist mal meine css datei..

Hab Dir mal nen Screenshot von meiner IE-Ansicht gemacht (6er u. 7er). Es gibt keine Abstände. Vielleicht musst Du uns mal einen Blick auf den gesamten Code, besser auf Deine Onlinesite gewähren.

Zugrunde liegt dieser Code, ich habe lediglich ein test.jpg erstellt, deshalb der helle Platzhalter oben.

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript"> 
<title>Abstand</title> 

<style type="text/css">
div.menu {
	width: 178px;
}
div.menu div {
	overflow: hidden;
}
div.menu div:first-child {
}
div.menu div.collapsed {
	height: 37px;
}
div.menu div span {
}
div.menu div.collapsed span {
}
div.menu div a {
}
div.menu div a.current {
}
div.menu div a:hover {

}#menu a, #menu span {
padding:0;
margin:0;
width:178px;
display:block;
}

</style> 
</head> 
<body>  
<div id="menu" class="cssmenu">
      <div>
        <span><img src="allgemein.jpg" width="178" height="37" /></span>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
        <a href="#"><img src="test.jpg" border="0" width="178" height="25" /></a>
      </div>
    </div>
</body> 
</html>

Freexer · 30. Dez. 2007

Gut ich habs nun mehr oder weniger hin bekommen beim Firefox gehts aber beim aktuellen Internet Explorer irgentwie nicht... habe mal die Bilder unten angehängt... bei InetExplorer ist nochn kleiner abstand ich habe kein Plan wieso.. -.-

Code:

div.menu {
    width: 178px;
}
div.menu div {
    overflow: hidden;
}
div.menu div:first-child {
}
div.menu div.collapsed {
    height: 37px;
}
div.menu div span {
}
div.menu div.collapsed span {
}
div.menu div a {
}
div.menu div a.current {
}
div.menu div a:hover {

}#menu a, #menu span {
padding:0;
margin:0;
width:178px;
display:block;
}

mein css..

ich habe mal den quellcode angehängt.. villt findest du ja irgentwas ^^

anna55 · 30. Dez. 2007

Na also, jetzt kommen wir der Sache näher:

Du nimmst heraus:

PHP:

#menu a, #menu span {
padding:0;
margin:0;
width:178px;
display:block;
}

Die beiden leeren Notierungen

PHP:

div.menu div span {
}
div.menu div a {
}

nimmst Du raus und bündelst sie so

PHP:

div.menu div a, div.menu div span {
padding:0;
margin:0;
display:block;
}

Wenn Du sie einzeln lassen willst, schreib den Inhalt in beide.

Freexer · 31. Dez. 2007

oman vielen Dank,

zum glück brauch ich divs nur bei der navigation rest mach ich mit tables^^ ich programmier meistens nur in PHP und andere übernehmen den Html Code...
Aber ich hole mir jetz bald nochn gescheites Buch wo ich mal alles gescheit unter die Lupe nehme.
Wie bist du darauf gekommen, das des beim Inet Explorer nen fehler hervoruft ?

//Edit

Kennst du dich zufällig mit JavaScript aus ? ich habe da auch noch ein Problem...

anna55 · 31. Dez. 2007

Freexer schrieb:
Wie bist du darauf gekommen, das des beim Inet Explorer nen fehler hervoruft ?

//Edit

Kennst du dich zufällig mit JavaScript aus ? ich habe da auch noch ein Problem...

Das Zauberwort heißt in diesem Fall display:block. Da ich von Anfang an mit CSS gearbeitet habe, habe ich direkt gesehen, dass Deine divs, die ja von Haus aus Blockelemente sind, diese Formatierung nicht hatten. IMHO brauchst Du kein Buch für HTML. SELFHTML und eine Suchmaschine Deines Vertrauens reichen aus.

Und nein, mit JS kenne ich mich nicht aus. Ich hab schon gesehen, dass einige Scriptfehler angezeigt werden. Da müssen die Fachleute ran.

Freexer · 31. Dez. 2007

anna55 schrieb:
Das Zauberwort heißt in diesem Fall display:block. Da ich von Anfang an mit CSS gearbeitet habe, habe ich direkt gesehen, dass Deine divs, die ja von Haus aus Blockelemente sind, diese Formatierung nicht hatten. IMHO brauchst Du kein Buch für HTML. SELFHTML und eine Suchmaschine Deines Vertrauens reichen aus.

Und nein, mit JS kenne ich mich nicht aus. Ich hab schon gesehen, dass einige Scriptfehler angezeigt werden. Da müssen die Fachleute ran.

Wie meinst du Script Fehler immoment ist das Grund System ja Vbuelltin und ich habe ja nur ein anderen javascript für das menu genommen wenn da wirklich fehler sind müssten die ja von vbuelltin sein.

planet4 · 31. Dez. 2007

Freexer schrieb:
zum glück brauch ich divs nur bei der navigation rest mach ich mit tables

*heul*

Freexer schrieb:
Aber ich hole mir jetz bald nochn gescheites Buch wo ich mal alles gescheit unter die Lupe nehme.

Prima Idee, guckst du hier:

http://forum.jswelt.de/css-und-x-html/32314-buchtipp-fuer-alle.html

und wenn du das durchgearbeitet hast: es ist gerade der 2. Teil erschienen:

Little Boxes - Teil 2

... manchmal gibt's doch noch schöne Dinge am Ende des Jahres :icon7:

planet4.

anna55 · 31. Dez. 2007

Freexer schrieb:
Wie meinst du Script Fehler immoment ist das Grund System ja Vbuelltin und ich habe ja nur ein anderen javascript für das menu genommen wenn da wirklich fehler sind müssten die ja von vbuelltin sein.

Die FF-Fehlerkonsole sagt: SDMenu is not defined.

dkdenz · 31. Dez. 2007

planet4 schrieb:
*heul*

Freexer · 01. Jan. 2008

anna55 schrieb:
Die FF-Fehlerkonsole sagt: SDMenu is not defined.

Den Fehler habe ich nun behoben.

undefined · 01. Jan. 2008

Freexer schrieb:
Den Fehler habe ich nun behoben.

Und wann behebst Du Dein Layout?

Freexer · 07. Jan. 2008

undefined schrieb:
Und wann behebst Du Dein Layout?

Wie meinst du Layout beheben ?

Abstand beseitigen..

Freexer

New member

Anhänge

anna55

Moderator

Freexer

New member

anna55

Moderator

Freexer

New member

Anhänge

anna55

Moderator

Freexer

New member

anna55

Moderator

Freexer

New member

planet4

New member

anna55

Moderator

dkdenz

New member

Freexer

New member

undefined

New member

Freexer

New member