Zum Inhalt springen

Empfohlene Beiträge

Geschrieben

ich will einen kleinen platzhalten zwischen 2 bildern oder 2 tabellen setzen, damit das erste objekt 2 pixel über dem zweiten objekt platziert wird.

wie mache ich das am besten? (am besten, ohne die beiden bilder bzw. tabellen zu modifizieren)

danke

Geschrieben

css wäre gut.

nehmen wir mal an, die seite sähe so aus:

<BODY>

<IMG>

<IMG>

<BODY>

wie kriegt man dann nen platzhalter zwischen den beiden IMGS hin?

Geschrieben

Hi,

eine Möglichkeit wäre, verschiedene Klasse zu erstellen:


<img class="bild1" src...></img>

<img class="bild2" src...></img>

In deiner CSS Datei würde dann stehen:

.bild1{

        position: absolute;

        top: 190px;

        left: 45px;

}


.bild2{

        position: absolute;

        width: 400px;

        top: 2005px;

        left: 45px;

}

So kannst du die dann pixelgenau auf deine Seite positionieren, und das völlig ohne Tabellen. :)

Geschrieben

Die andere Möglichkeit wäre einfach nen transparentes GIF zu verwenden und mit <br> zu arbeiten. also so in etwa:

<img src="01.jpg"><br>

<img src="pixtransp.gif" width="100%" height="2"><br>

<img src="01.jpg">

Grütze

hellslawyer

Geschrieben

Hi,

wenn ich dich jetzt richtig verstehe, dann willst du die bilder in ner tabelle darstellen? und zwischen den bildern mehr als den standard platz haben, dann setzte doch einfach im tabellen header das cellpadding auf 2 oder so viele pixel wie du willst... dann rücken die bilder jeweils vom spaltenrand um diese anzahl an pixeln weg...

Geschrieben

Hi,

das Problem bei Tabellen ist aber, dass sie nicht unbedingt 100%ig auf allen Browsern gleich interpretiert werden und sie sind keine Designelemente.

Man mag jetzt darüber streiten, ob das wichtig ist oder nicht, aber eine externe CSS Datei steuert das komplette Aussehen der Seite und auch nur dort müssen Veränderungen am Design vorgenommen werden. Mit einer Tabelle vermischt man Inhalt und Design.

Geschrieben
css wäre gut.

nehmen wir mal an, die seite sähe so aus:

<BODY>

<IMG>

<IMG>

<BODY>

wie kriegt man dann nen platzhalter zwischen den beiden IMGS hin?

CSS:


img { margin-bottom: 2px; }

EDIT:

Ein {display: block;} dazu könntest du vielleicht noch probieren, wegen dem Zeilenumbruch. Oder einfach ein <br /> nach dem Bild.

Erstelle ein Benutzerkonto oder melde Dich an, um zu kommentieren

Du musst ein Benutzerkonto haben, um einen Kommentar verfassen zu können

Benutzerkonto erstellen

Neues Benutzerkonto für unsere Community erstellen. Es ist einfach!

Neues Benutzerkonto erstellen

Anmelden

Du hast bereits ein Benutzerkonto? Melde Dich hier an.

Jetzt anmelden

Fachinformatiker.de, 2024 by SE Internet Services

fidelogo_small.png

Schicke uns eine Nachricht!

Fachinformatiker.de ist die größte IT-Community
rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Fachinformatiker.de App

Download on the App Store
Get it on Google Play

Kontakt

Hier werben?
Oder sende eine E-Mail an

Social media u. feeds

Jobboard für Fachinformatiker und IT-Fachkräfte

×
×
  • Neu erstellen...