kostenloser Webspace werbefrei: lima-city

bild falsch angezeigt

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   stargate

   

   stargate hat kostenlosen Webspace.

   17:45, 4.7.2010

   hallo, ich tag/mache">mache gerade eine homepage und hab auch ne kleine community aufgebaut.
   Das ganze realisiere ich mit Joomla.
   Ich möchte jetzt ganz gerne in der Ecke rechts oben ein Bild einfügen, das auf die Community verweist. Hab das auch alles so eingestellt, nur mein Problem ist, dass dieses Bild 60px weiter unten angezeigt wird als es soll. Das liegt daran, dass ich in der CSS Datei in Body ein padding-top eingebaut habe.
   Ich möchte aber eine Ausnahme für dieses Bild machen, weiß aber nicht wie.
   
   Hoffe auf schnelle Hilfe
   
   mfg Stargate

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. all-about-pc

   all-about-pc hat kostenlosen Webspace.

   19:07, 4.7.2010

   gib dem bid tag einen namen.
   
   z.b.
   
   <src img='bildname.jpg' name='name des bildes'>
   
   
   dann gibst du im css dokument folgendes ein:
   
   src.name des bildes {
   
   }
   
4. Autor dieses Themas

   stargate

   

   stargate hat kostenlosen Webspace.

   19:16, 4.7.2010

   danke schon mal für die antwort aber ich muss korrigieren: ich möchte in joomla eine modulposition hinzufügen und doch nicht ein Bild, also was muss ich da machen?
   
   ich hab hier diese zeilen schon mal:
   
   CSS:
   
   

   #communitylogo
   {
     position:relative;
     float: right;
     z-index: 1;
     padding-top:-60px;
   
   }

   
   
   HTML:
   
   <div class="communitylogo"><jdoc:include type="modules" name="user8" style="xhtml" />
   

5. nemoinho

   

   nemoinho hat kostenlosen Webspace.

   1:52, 5.7.2010

   Ein kleiner Tip am Rande, padding beschreibt den Innenabstand, um sich das mal vorzustellen, hier mal ein kleines Boxmodell nach CSS:

   position (die ist halt sehr variabel, darum auch in keiner box)
   ┌─────────────────────────────────────────┐
   │   margin (dient der positionierung)     |
   |┌───────────────────────────────────────┐|
   || border (kann die box nur vergrößern)  ||
   ||┌─────────────────────────────────────┐||
   |||padding (kann die box nur vergrößern)|||
   |||┌───────────────────────────────────┐|||
   ||||größe (kann die box nur vergrößern)||||
   |||└───────────────────────────────────┘|||
   ||└─────────────────────────────────────┘||
   |└───────────────────────────────────────┘|
   └─────────────────────────────────────────┘

   Oder anders gesagt: border, padding, width/height können nicht negativ sein, das was du da machen willst macht man mit margin, denn das kann sehrwohl < 0 werden.
   
   Übrigens, deswegen stehen so viele Webentwickler auf Kriegsfuß mit dem IE6, denn der addiert die border und padding-werte nicht zur Größe, sondern verringert einfach die Größe der Box, allerdings zum Glück nur im Quirksmode!
   Und der Quirksmode kann einfach mitttels Doctype (sieht hier was das ist) und validem HTML umschifft werden.
   
   Beitrag zuletzt geändert: 5.7.2010 2:05:04 von nemoinho

6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?