Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

Bild und Text übereinander legen.

Werbeanzeige

EliteBread

Frischling

  • »EliteBread« ist der Autor dieses Themas

Beiträge: 42

  • Private Nachricht senden

1

14.12.2012, 16:44

Bild und Text übereinander legen.

Hallo User,
ich habe ein Bild und ein text übereinander gelegt.
bloß die sind jetzt Links und nicht in der Mitte wie bekommen ich sie dort hin???
mit

Quellcode

 
1

 text-align: center;
landen sie wieder untereinander aber ich möchte sie ja übereinander.

:)

Bild:

http://s1.directupload.net/file/d/3104/y7ew6bux_jpg.htm

Code

Quellcode

 
1
2
3
4
5
6
7
8
9

#nr1 {
                position:absolute;
                margin: 10px;
}
#nr2 {
                position:absolute;
                margin: 20px;

}


MfG Florian

LInsoDeTeh

Treue Seele

Beiträge: 372

Wohnort: Essen, Deutschland

Beruf: Team Lead Inhouse-Entwicklung

  • Private Nachricht senden

2

14.12.2012, 16:54

Wahrscheinlich ist das div mit dem Text zu klein. Eine Text-Ausrichtung mittig nützt dir nichts, wenn das div nur so groß ist wie der Text selbst und selbst dann linksbündig ist.
Versuch mal, den beiden divs (Bild und Text) eine feste Breite zuzuweisen, dann sollte das mit dem mittig ausrichten auch funktionieren.

EliteBread

Frischling

  • »EliteBread« ist der Autor dieses Themas

Beiträge: 42

  • Private Nachricht senden

3

14.12.2012, 16:59

Ich habe das so

Quellcode

 
1
2
3
4
5
6

<div id="nr1">
<img src="pic/textfeld.png" alt="" border="0" width="600" height="450">
        </div>
<div id="nr2">
<u>Herzlich Wilkommen</u>
</div>


Quellcode

 
1
2
3
4
5
6
7
8
9

#nr1 {
                position:absolute;
                margin: 10px;
}
#nr2 {
                position:absolute;
                margin: 20px;

}

BlueCobold

Community-Fossil

Beiträge: 10 738

Beruf: Teamleiter Mobile Applikationen & Senior Software Engineer

  • Private Nachricht senden

4

14.12.2012, 17:05

Du suchst vermutlich eher "background-image" als Style-Attribut und nicht das img-Tag.
Teamleiter von Rickety Racquet (ehemals das "Foren-Projekt") und von Marble Theory

Willkommen auf SPPRO, auch dir wird man zu Unity oder zur Unreal-Engine raten, ganz bestimmt.[/Sarkasmus]

EliteBread

Frischling

  • »EliteBread« ist der Autor dieses Themas

Beiträge: 42

  • Private Nachricht senden

5

14.12.2012, 17:09

habe dass jetzt so und es geht.

Code:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

#nr1 {
             position:absolute;
             margin-left: 250px;
             margin-right: auto;
             width: 6em

                  }
#nr2 {
             position:absolute;
             margin: 21px;
             margin-left: 265px;
             margin-right: auto;
             width: 600px


}

Quellcode

 
1
2
3
4
5
6

<div id="nr1">
<img src="pic/textfeld.png" alt="" border="0" width="600" height="450">
        </div>
<div id="nr2">
<u>Herzlich Wilkommen</u>
</div


SOOOOO,
das ist das Probelm wieder wen ich teste ist es so wie es sein soll:

(Link)


wenn ich aber dann auf ein Navi-Punkt gehe siht es so aus obwohl der Code genau gleich ist,
sieht das so aus...


(Link)


Bitte um hilfe

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »EliteBread« (14.12.2012, 18:42) aus folgendem Grund: Lösung Problem ist wieder da

Sacaldur

Community-Fossil

Beiträge: 2 301

Wohnort: Berlin

Beruf: FIAE

  • Private Nachricht senden

6

15.12.2012, 01:42

beschäftige dich mehr mit den Möglichkeiten von CSS!
jeder halbwegs moderne Browser unterstützt (über CSS definierte) abgerundete Ecken
wenn du den Container des Texts (dem div Element) nun die entsprechende Hintergrundfarbe und abgerundete Ecken zuweist, hast du schon fast genau das, was du willst
dann kannst du dein div-Element auch problemlos platzieren
ggf. musst du noch eine feste Breite und eine Mindesthöhe zuweisen
Spieleentwickler in Berlin? (Thema in diesem Forum)
---

Zitat von »Jonathan_Klein«

Es ist ja keine Schande etwas falsch zu machen, als Programmierer tu ich das täglich, [...].

BlueCobold

Community-Fossil

Beiträge: 10 738

Beruf: Teamleiter Mobile Applikationen & Senior Software Engineer

  • Private Nachricht senden

7

15.12.2012, 10:58

Selbst wenn es mit einem Bild gemacht wird, ich sagte doch schon: Background-Image, nicht img-Tag!
Teamleiter von Rickety Racquet (ehemals das "Foren-Projekt") und von Marble Theory

Willkommen auf SPPRO, auch dir wird man zu Unity oder zur Unreal-Engine raten, ganz bestimmt.[/Sarkasmus]

Werbeanzeige

Ähnliche Themen