|
|||
images nebeneinander floaten lassen und hspace
ich habe folgendes problem:
ich möchte ein paar images nebeneinander floaten lassen (das muss sein, da dazwischen auch ein kleiner css-formatierter text steht). allerdings erhalte ich zwischen den images immer einen kleinen abstand. dieser lässt sich mit hspace="0" zwar ausschalten, doch ich würde das lieber mit css lösen. gibt es dafür eine möglichkeit? hier der css-code (.infohead ist für den Textteil) Code:
.infogfxli { display: block; float: left; } .infohead { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #555533; background-image: url(gfx/elements/info_klein_hg.gif); height: 16px; display: block; float: left; padding-top: 6px; padding-left: 4px; } Code:
[img]gfx/elements/info_klein_lo.gif[/img][img]gfx/icons/symbol_tech.gif[/img] <span class="infohead">Daten</span>[img]gfx/elements/info_klein_schraege.gif[/img][img]gfx/elements/info_klein_ecke.gif[/img] |
Sponsored Links |
|
|||
Ich bin nicht ganz sicher, ob ich dein Probliem verstehe. Da sindalso Abstände zwischen den Bildern, die du nicht haben willst? Versuche mal die Leerzeichen und Zeilenumbrüche zwischen dem IMG-Tags zu entfernen, vielleicht hilfs. Ansonsten: Kann Du eine (Test-)URL posten, damit man es sich "live" anschauen kann.
Übrigens das "<span class="infohead">Daten</span>" sieht aus wir eine (Zwischen-)Überschrift. Wäre dafür nicht ein h2, h3, etc. sinvoller. Dann kannst Du das "display: block" weglassen. (Was du sowieso machen kannst, da gefloatete Element automatisch als Blöcke gelten.) |
Sponsored Links |
|
|||
danke für den h1-tipp.
leider wird die zwischenüberschrift in manchen browsern nach unten verschoben das problem mit den abständen taucht nur im IE auf da bilder bzw. code mehr als 1000 worte sagen, habe ich mal ein beispiel hochgeladen: http://nexus.24x.info/lowrez/floattest.htm |
|
|||
Zitat:
Aber wenn ich deine Beispiele ansehe, wäre es sogar sinnvoll das <div class="infotop"> mit einem <hX> zu ersetzen. Zitat:
Kurze Frage nebenbei falls ein Admin mitliest: Gibt es einen tiefern Grund warum die Links mit JavaScript generiert werden? Mich nervt das nämlich gewaltig, wenn Links unnötigerweise in einem neuen Fenster aufgehen. |
|
|||
Zitat:
Aber da die Links vor der Umstellung des Forums in einem neuen Fenster geöffnet wurden und wir XHTML-Konform bleiben wollten mussten wir dafür Javascript nehmen (Das Target Attribut in Links ist nicht mehr valide). Das wird jetzt geändert, so das die Links im gleichen Fenster aufgehen. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Bilder nebeneinander floaten | Bougi81 | CSS | 9 | 04.02.2011 22:34 |
Floaten klappt nicht mit 3 Divs (nebeneinander) | Force93 | CSS | 5 | 17.09.2010 15:58 |
Drei Images nebeneinander... | Jasper | CSS | 4 | 30.11.2005 10:31 |
Images in Liste nebeneinander ohne Abstand auflisten | Nina | CSS | 12 | 17.12.2004 04:04 |
Zwei Divs nebeneinander Floaten, einer mit fester Breite | Phil | CSS | 0 | 20.07.2004 20:48 |