• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstände zwischen Menü Buttons

Status
Für weitere Antworten geschlossen.

HEADSTyLE

Neues Mitglied
Hab mal wieder ein Abstands Problem...diesmal in meiner menü Bar, zwischen den Menü Buttons... bei mir sieht das momentan so aus:

b6f7l4pvv986cqopv.jpg


wie kreige ich die nun zusammen?

im Dreamweaver sind die aber zusammen :/ was kann ich dagegen tun?

hab die so eingefügt

HTML:
<a href="www.asd.de"><img src="http://localhost/test/basteleckenew/templates/menubuttons/ueberuns.jpg" style="border:0"></a>
 
Code:
<center>
  <table>
   <tr>
      <img src="http://localhost/test/basteleckenew/templates/menubuttons/borderleft.jpg" style="border:0"></a>
        <tr>
          <a href="www.google.de"><img src="http://localhost/test/basteleckenew/templates/menubuttons/home.jpg" style="border:0"></a>
            <tr>
              <a href="www.google.de"><img src="http://localhost/test/basteleckenew/templates/menubuttons/ueberuns.jpg" style="border:0"></a>
        </tr>     
      </tr>
    </tr> 
  </table>
</center>
 
Zuletzt bearbeitet von einem Moderator:
Außerdem ist diese HTML-Schnippsel grob fehlerhaft. Man kann kein <tr> in einem <tr> öffnen, auch das <img>- und <a>-Element ist dort völlig falsch untergebracht. <center> ist völlig veraltet.
 
hi zusammen,
bin neu in der materie und hoffe auf eure hilfe.
google schon seit stunden und hab leider kein erfolg.
mein problem ist das selbe wie im ersten post beschrieben.
code ist ganz simple:

Code:
<style type="text/css">

body{
	margin:0px;
	padding:0px;
}
.smallGraphic {
    border: 0px;
    margin: 0px;
    padding: 0px;
}
#content{
	float:left;
}


</style>

</head>

<body>
			<div id="content">
                <img src="http://www.html.de/images/home_dark.png"/>
                <img src="http://www.html.de/images/news_dark.png"/>
                <img src="http://www.html.de/images/gallery_dark.png"/>
                <img src="http://www.html.de/images/guestbook_dark.png"/>
                <img src="http://www.html.de/images/forum_dark.png"/>
                <img src="http://www.html.de/images/contact_dark.png"/>
                <br />
                <img src="http://www.html.de/images/home_shiny.png"class="smallGraphic">
                <img src="http://www.html.de/images/news_shiny.png"class="smallGraphic">
                <img src="http://www.html.de/images/gallery_shiny.png"class="smallGraphic"> 
                <br/>
                <img style="display: compact;"src="http://www.html.de/images/home_shiny.png"width="94"height="48"/>
                <img style="display: compact;"src="http://www.html.de/images/news_shiny.png"width="89"height="48"/>
                <br />
            </div>
</body>
</html>

wie ihr seht hab ich einiges versucht aba das ergebnis bleibt immer gleich :/
hab mal 3 icons in den anhang gepackt.
waere um hilfe echt dankbar

ach und btw. die luecke tritt bei ie7 und opera auf. sind die einzigen browser die ich getestet hab.

pz
 

Anhänge

Zuletzt bearbeitet:
Dein Quellcode ist immernoch nicht korrekt. Da fehlt der halbe head und die Bilder brauchen Alternativtexte.

Was dein Problem angeht: ich dachte du möchtest die bilder floaten? Sehe da nicht durch. Gib mal einen Link, ich lade mir nichts runter.
 
erstmal vorab, ich bin nicht der threat ersteller, du scheinst mich mit ihm zu verwechseln. ich bin durch google auf diesen threat gestossen und da ich das selbe problem habe und der threat recht jung ist, dachte ich post ich mal hier rein.
ich moechte einfach einige bilder ohne luecke zusammen fuegen. thats all! zumindest vorerst. nur egal wie ich probiere der gap bleibt immer bestehen.

natuerlich haste recht, ein teil vom head fehlt aba ich dachte nicht das es relevant fuer euch waere. aber bitte, hier:

Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

das fehlt noch.
zum alttext, mag sein dass der da sein sollte, aendern tut er aber nichts an meinem problem.
um es nochmal ganz deutlich zu sagen, der code hat nur den sinn euch zu zeigen was ich versucht hab, ohne erfolg.

hier ein screenshot:
Unbenannt.bmp
 
Zuletzt bearbeitet:
oh, sorry, ja das hab ich übersehen.

Setz mal für die Bilder:

Code:
img {
display: block;
float: left;
}

und achte darauf nach den Bildern das floating auch wieder zu clearen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben