Code überlappt auf das Profilbild

05.03.2023 14:42
avatar  Melodie
#1 Code überlappt auf das Profilbild
Me
Mitglied

Hallo zusammen,

und zwar haben wir zwar ein Code aber dieser zieht sich nach Links und überlappt somit auf dem Profilbild des Beitragserstellers, wir haben nun drei mal über den Code geschaut allerdings sind wir uns sicher das da alles richtig ist, kann uns hier eventuell jemand helfen?


1
 
<link href="hier ist ein link eigentlich" rel="stylesheet"><style type="text/css">.verticalbody {width:700px;height:600px;outline: 1px solid #EBD5D5;background-color: #e3ddd6;background-image: url("hier ist eigentlich ein bild");margin:auto;position:relative;} /**/ .verticalbody text {writing-mode: vertical-lr;float: right;font-size: 30px;color: #f2f2f2;margin-top: 15px;margin-right: 15px;font-family: 'Montserrat', sans-serif;text-transform: uppercase;text-shadow: 2px 1px #81604e;} /**/ .verticaltextbox {height: 570px;width: 390px;background: #f5efeb;position: absolute;top: 15px;left: 15px;opacity: 0.7;color: #81604e;box-sizing: border-box;padding: 15px;overflow:auto;scrollbar-width:thin;scrollbar-color:#f2f2f2;text-align: justify;font-family: 'Ubuntu', sans-serif;font-size: 12px;line-height: 17px;} /**/ .verticaltextinbox {font-size: 22px;text-shadow: 2px 1px #FFF;letter-spacing: 4px;color: #f2f2f2;margin-bottom: 15px;text-align: center;font-family: 'Montserrat', sans-serif;text-transform: uppercase;} /**/ .verticaltextbox b {color: #f2f2f2;} /**/ .verticaltextbox::-webkit-scrollbar {width: 2px;background:#f2f2f2;} </style> <div class="verticalbody"> <text> .</text><div class="verticaltextbox"> <div class="verticaltextinbox"> </div>[img]https://i.postimg.cc/kGjNDXXs/Unbenannt-1.png[/img][center][style=font-size:8px][i]TEXAS ISN'T JUST A PLACE ON A MAP --- IT'S AN IDEA IN THE HEARTS OF OUR PEOPLE &#10084;&#65039;[/i][/style][img]https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExOWJlNTMyMTM3MDk5Yzk1MTRjYzhhODRmMDM2MzhlMGI3NDBkYTQ4NiZjdD1n/PgjUgbJxitxqOVDytg/giphy.gif[/img] <span style="background-color: #e3ddd6;">  AVATAR </span> ANTWORT HIERbereits reserviert?ja [] nein [] bitte reservieren [] <span style="background-color: #e3ddd6;">  BASICS </span>[u]Name:[/u] ANTWORT HIER - [u]Alter:[/u] ANTWORT HIER - [u]Beruf:[/u] ANTWORT HIER[u]Sexualität:[/u] ANTWORT HIER - [u]Ggeburtstag:[/u] ANTWORT HIER <span style="background-color: #e3ddd6;">  STORYLINE </span>[scroll2]HIER KOMMT EURE STORYLINE REIN[/scroll2] <span style="background-color: #e3ddd6;">  BACKGROUND </span>[u]Alter PB[/u]Ü30 [u]Bewirbst du dich auf ein Gesuch?[/u][ ] Nein - [ ] Ja -> Auf welches Bewirbst du dich?[kurze Info hier] [u]Muss eine Voraussetzung erfüllt werden?[/u][ ] Nein, es wird nichts benötigt - [ ] Ja -> ein alter Probepost[ ] Ja -> es wird ein Probeplay / neuer Post verlangt [u]Wo wohnst du?[/u][ ] Austin City [ ] Texas Country Etwas, was du noch los werden willst?ANTWORT HIER [/center]</div>
 


 Antworten

 Beitrag melden
05.03.2023 15:43
#2 RE: Code überlappt auf das Profilbild
l2
Mitglied

hallo,

in der einen Zeile steckt ja mehr drin als man ahnt ...
habe mal ein paar Zeilenumbrüche spendiert ...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
<link href="hier ist ein link eigentlich" rel="stylesheet">
<style type="text/css">.verticalbody {
width:700px;
height:600px;
outline: 1px solid #EBD5D5;
background-color: #e3ddd6;
background-image: url("hier ist eigentlich ein bild");
margin:auto;
position:relative;
} /**/
 
.verticalbody text {
writing-mode: vertical-lr;
float: right;
font-size: 30px;
color: #f2f2f2;
margin-top: 15px;
margin-right: 15px;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
text-shadow: 2px 1px #81604e;
} /**/
 
.verticaltextbox {
height: 570px;
width: 390px;
background: #f5efeb;
position: absolute;
top: 15px;
left: 15px;
opacity: 0.7;
color: #81604e;
box-sizing: border-box;
padding: 15px;
overflow:auto;
scrollbar-width:thin;
scrollbar-color:#f2f2f2;
text-align: justify;
font-family: 'Ubuntu', sans-serif;
font-size: 12px;
line-height: 17px;
} /**/
 
.verticaltextinbox {font-size: 22px;
text-shadow: 2px 1px #FFF;
letter-spacing: 4px;
color: #f2f2f2;
margin-bottom: 15px;
text-align: center;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
} /**/
 
.verticaltextbox b {color: #f2f2f2; } /**/
 
.verticaltextbox::-webkit-scrollbar {width: 2px;
background:#f2f2f2;
} </style>
 
<div class="verticalbody">
 
<text> .</text>
 
<div class="verticaltextbox">
 
<div class="verticaltextinbox">
 
</div>
 
[img]https://i.postimg.cc/kGjNDXXs/Unbenannt-1.png[/img][center][style=font-size:8px][i]TEXAS ISN'T JUST A PLACE ON A MAP --- IT'S AN IDEA IN THE HEARTS OF OUR PEOPLE &#10084;&#65039;[/i][/style][img]https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExOWJlNTMyMTM3MDk5Yzk1MTRjYzhhODRmMDM2MzhlMGI3NDBkYTQ4NiZjdD1n/PgjUgbJxitxqOVDytg/giphy.gif[/img] <span style="background-color: #e3ddd6;">
 
AVATAR </span>
 
ANTWORT HIERbereits reserviert?ja [] nein [] bitte reservieren [] <span style="background-color: #e3ddd6;">
 
BASICS </span>
 
[u]Name:[/u] ANTWORT HIER - [u]Alter:[/u] ANTWORT HIER - [u]Beruf:[/u] ANTWORT HIER[u]Sexualität:[/u] ANTWORT HIER - [u]Ggeburtstag:[/u] ANTWORT HIER <span style="background-color: #e3ddd6;">
 
STORYLINE </span>
 
[scroll2]HIER KOMMT EURE STORYLINE REIN[/scroll2] <span style="background-color: #e3ddd6;">
 
BACKGROUND </span>
 
[u]Alter PB[/u]Ü30 [u]Bewirbst du dich auf ein Gesuch?[/u][ ] Nein - [ ] Ja ->
 
Auf welches Bewirbst du dich?[kurze Info hier] [u]Muss eine Voraussetzung erfüllt werden?[/u][ ] Nein, es wird nichts benötigt - [ ] Ja ->
 
ein alter Probepost[ ] Ja ->
 
es wird ein Probeplay / neuer Post verlangt [u]Wo wohnst du?[/u][ ] Austin City [ ] Texas Country Etwas, was du noch los werden willst?ANTWORT HIER [/center]</div>
 
 



zumindest erkenne ich jetzt, dass es sich um eine Art Formular handelt. ...

mehr aber leider nicht





... würde es „Fussball spielen” heissen

vG Bernd‍

 Antworten

 Beitrag melden
05.03.2023 16:02
avatar  Melodie
#3 RE: Code überlappt auf das Profilbild
Me
Mitglied

Hallo bernd, ja genau das soll ein anmeldeformular sein, ich konnte hier nur keine Bildlinks mitschicken,
Herzlichen Dank, aber anscheind haben wir genau diese Umbrüche vergessen,

Vielen herzlichen Dank


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!