bituniverse.com Foren-Übersicht bituniverse.com
Entwickler Forum
 
 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

HTML / CSS RAhmen um img - problem

 
Neues Thema eröffnen   Neue Antwort erstellen    bituniverse.com Foren-Übersicht -> Clientseitige Programmierung
Vorheriges Thema anzeigen :: Nächstes Thema anzeigen  
Autor Nachricht
Holger (HMR)



Anmeldedatum: 12.11.2007
Beiträge: 132

BeitragVerfasst am: Fr 30 Mai, 2008 13:46    Titel: HTML / CSS RAhmen um img - problem Antworten mit Zitat

Hallo zusammen,
jetzt weis ich nicht, ob ich damit hier noch richtig bin Smile

ich habe folgendes problem:

um ein <img src> setze ich mit Containern und deren Hintergrundbildern
einen Rahmen:

Code:
  1.  <eckelinksoben ><rahmenobenmitte><eckerechtsoben>
  2.   clearen
  3.   <rahmenlinks ><containermitte><a href><img></a><containermitte/><rahmenrechts>
  4.   clearen
  5.   <eckelinksunten><rahmenuntenmitte><eckerechtsunten>
  6.   clearen
  7.  

jetzt habe ich aber zwischen der oberen zeile und der mitte einen nicht gewollten Abstand.
margin und padding sind *=0 und werden nirgends gesetzt.
Alle Elemente float:left;
ist das ein clearing-Problem??
macht es Sinn, die Seite/ bzw. den Quelltext zu posten??
Dann setze ich die komplette Seite hier hinein.
Gruß
Holger

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Simon W.
Anti-verdenglischungs-Abgeordneter


Anmeldedatum: 05.11.2007
Beiträge: 285
Wohnort: Aachen

BeitragVerfasst am: Fr 30 Mai, 2008 13:56    Titel: Antworten mit Zitat

vllt. border?
www.w3.org

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Holger (HMR)



Anmeldedatum: 12.11.2007
Beiträge: 132

BeitragVerfasst am: Fr 30 Mai, 2008 14:51    Titel: Antworten mit Zitat

Danke für den Tip,
border:... ist es nicht.

habe das Problem justamente gelöst, weiß aber nicht, warum und wie
Razz

bin noch mal ganz von vorne angefangen, mit leeren Containern,
Schritt für Schritt von NULL aufgebaut.
Immer, wenn ich die Container auf die Größen der backgroundimages
formatiert habe, klaffte wieder die Spalte auf: ÄCHZ :
dann deuchte mich, das man mit CSS nicht nur eine Dimension positionieren kann und schwub, war die Lösung da.
Da hab ich die Container halt einfach groß gelassen... hehehe...

ich hatte den Rahmencontainern die Größen des größten backgroudimages
verpast, das jeweils für max Breite oder max Höhe stand, und sie mit backgroundposition:bottom; etc. positioniert.

.eckelinksoben{
float:left;
width:17px;height:11px;
backgroundposition:right;
}
jetzt habe ich allen umfliessenden Containern die gleichen Abmessungen
verpasst, mit Ausnahme der Dimension, die vom IMG abhängig sind
und
background-postition:bottom right;
verwendet.
NUN muß aber der obere, mittelere Container 1 PX kleiner sein, als die darunter liegenden mittleren Container.
Frag mich nicht warum... KEINE AHHHNUNG
Laughing
Ich bin nicht sicher, ob es jetzt wirklich viel Sinn macht, das letzt Pixel in seinen Ursachen zu ergründen, Neugierig bin ich schon, will ja auch was verstehen.
Habe nur gelernt, das man bei HTML und CSS nicht immer alles verstehen kann. Manchmal sind die Dinge einfach wie sie sind. Ohne Grund und ohne Einfluss einer "höheren Macht" . Sozusagen vom allwissendem PROGER übersehen.
Aber wenn Du oder Ihr? Lust habt, dieses PIXEL zu ergründen, poste ich die Seite gerne, ist nicht all zu groß.

Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    bituniverse.com Foren-Übersicht -> Clientseitige Programmierung Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB2.de
Powered by WebRing.