Fragen und Antworten » Frage zu einem HTML Code

02.02.2019 13:40

Djamila01
#1 Frage zu einem HTML Code

Dj

Hallo zusammen ,

Erstmal schönes Wochende

Ich hoffe ich finde jemanden hier, der mir mit einem HTML Code helfen kann , und sich damit vielleicht auskennt.
Erstmal , ich benutze den Code für meine Teamseite, die ihr hier finden könnt, nur damit ihr euch ein Bild machen könnt, was ich gleich möchte : Teamseite

Und zwar hab ich dafür einen HTML Code verwendet, da sind ja nun zwei Bilder zu erkennen, jedoch möchte ich nochmal zwei Bilder daneben haben, wenn ich jetzt aber den kompletten Code daneben setze, wird der nach Unten versetzt, ich möchte das alles aber nebenbeinander haben, was genau muss ich da tuen, das es klappt ?

Hier der Code :

1
2
3
4
 
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'><style> .hovertext { border:1px dotted #967b70; background: #967b70; opacity: 0.0; transition-timing-function: ease;transition-delay: 0.1s; transition-duration: 2s; transition-property: all; -moz-transition-duration: 1s;-o-transition-duration: 0.1s;-webkit-transition-duration: 0.1s;height:270px;padding:5px; overflow:auto; width:220px;font-style: italic;background-color:#967b70;color:#000; text-align:justify; line-height:10px; font-family:cambria; font-style: ; letter-spacing:0.5px; font-size: 10px} .hovertext:hover { opacity: .9;}  .div1 { width:250px;background-color:#000;color:#5d3833; text-align:center; line-height:75px; font-family:'cuprum', sans-serif; letter-spacing:1px; text-transform:uppercase;font-size: 25px} .div2 { border-bottom:4px double #967b70;} .div3 {font-size:10px; font-family:arial; border-top:4px double #967b70; letter-spacing:2px; text-transform:uppercase}</style>
<center><table cellpadding=0 cellspacing=10 style="border: 3px solid #5d3833" bgcolor="#967b70"><tr><td><div class="div1"><div class="div2">Letizia C. Juarez </div></div><div style="height:280px;   width:230px;background-image:url('https://s15.directupload.net/images/190202/7sfnwttr.png');padding:10px;">
<div class="hovertext" >TEXT TEXT </div></div><div class="div1"><div class="div3">Admin</div></div></td>
<td><div class="div1"><div class="div2">Beckett Murphy </div></div><div style="height:280px; width:230px; background-image:url('http://abload.de/img/01sscopyqkbn6.png');padding:10px;"><div class="hovertext">TEXT TEXT</div></div><div class="div1"><div class="div3">Admin</div></div></td></tr></table> </center>
 

Ich hoffe das mir vielleicht Jemand mit HTML Kenntnissen helfen kann.

MFG

Antworten

Beitrag melden

#2

02.02.2019 14:23

River
#2 RE: Frage zu einem HTML Code

River

Zitat von Djamila01 im Beitrag #1
wird der nach Unten versetzt

Vier Bilder nebeneinander mit derselben Breite erzeugt einen Zeilenumbruch - sie sind zusammen zu breit.
Du könntest mal versuchen, die Bilder schmäler anzulegen.

In deinem HTML-Code hast du 'auto overflow' schon drin. Das neutralisiert eigentlich die Breitenangabe der Bilder (width) - siehe https://wiki.selfhtml.org/wiki/CSS/Eigen...enangaben/width.

Vllt hilft dir das erst mal weiter.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#3

02.02.2019 14:44

Djamila01
#3 RE: Frage zu einem HTML Code

Dj

Djamila01

Hallo River,

Hab mal die Bilder schmaler gemacht, wie du gesagt hast, wird trotzdem noch untereinander angezeigt leider.

Antworten

Beitrag melden

#4

02.02.2019 14:55

River
#4 RE: Frage zu einem HTML Code

River

Zitat von Djamila01 im Beitrag #1
kompletten Code

Du hast den kompletten Code zweifach drin? Im oberen Teil wird der Style für die gesamte Box definiert - mit dem braunen Rahmen drumrum.

Wenn du zwei zusätzliche Bilder da drin haben möchtest, musst du nur die Codes für die zwei Bilder hinzufügen - genauso wie die ersten beiden Codes drin sind (das ist der Teil mit z.B. Letizia...).

Probier' das mal.

Leider hangle ich mich selber auch nur mit SelfHTML durch.

Viele Grüße
River

-------------------------------------------------------------

+++Ich will Computercrack werden! XD+++

Business Template (v4)

Antworten

Beitrag melden

#5

02.02.2019 17:12

Mike48
#5 RE: Frage zu einem HTML Code

Mike48

Versuche das mal.
Teammitglid 3 und 4 musst du noch die Namen und die Hintergrundbilder anpassen (background-image:url('https://. . . . . .png')

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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
 
<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'>
<style>
  .hovertext {
    border:1px dotted #967b70;
    background: #967b70;
    opacity: 0.0;
    transition-timing-function: ease;transition-delay: 0.1s;
    transition-duration: 2s;
    transition-property: all;
    -moz-transition-duration: 1s;
    -o-transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
    height:270px;
    padding:5px;
    overflow:auto;
    width:220px;
    font-style: italic;
    background-color:#967b70;
    color:#000;
    text-align:justify;
    line-height:10px;
    font-family:cambria;
    font-style: ;
    letter-spacing:0.5px;
    font-size: 10px
  }
  .hovertext:hover {
    opacity: .9;
  }
  .div1 {
    width:250px;
    background-color:#000;
    color:#5d3833;
    text-align:center;
    line-height:75px;
    font-family:'cuprum', sans-serif;
    letter-spacing:1px;
    text-transform:uppercase;
    font-size: 25px
  }
  .div2 {
    border-bottom:4px double #967b70;
  }
  .div3 {
    font-size:10px;
    font-family:arial;
    border-top:4px double #967b70;
    letter-spacing:2px;
    text-transform:uppercase
  }
</style>
<center>
  <table cellpadding=0 cellspacing=10 style="border: 3px solid #5d3833" bgcolor="#967b70">
    <tr>
      <td>
        <div class="div1">
          <div class="div2">Letizia C. Juarez </div>
        </div>
        <div style="height:280px; width:230px; background-image:url('https://s15.directupload.net/images/190202/7sfnwttr.png'); padding:10px;">
          <div class="hovertext" >TEXT TEXT </div>
        </div>
        <div class="div1">
          <div class="div3">Admin</div>
        </div>
      </td>
      <td>
        <div class="div1">
          <div class="div2">Beckett Murphy </div>
        </div>
        <div style="height:280px; width:230px; background-image:url('http://abload.de/img/01sscopyqkbn6.png');padding:10px;">
          <div class="hovertext">TEXT TEXT</div>
        </div>
        <div class="div1">
          <div class="div3">Admin</div>
        </div>
      </td>
 
      <!-- begin Teammitglied 3 und 4 -->
 
      <td>
        <div class="div1">
          <div class="div2">Teammitglied 3 </div>
        </div>
        <div style="height:280px; width:230px; background-image:url('https://s15.directupload.net/images/190202/7sfnwttr.png'); padding:10px;">
          <div class="hovertext" >TEXT TEXT </div>
        </div>
        <div class="div1">
          <div class="div3">Admin</div>
        </div>
      </td>
      <td>
        <div class="div1">
          <div class="div2">Teammitglied </div>
        </div>
        <div style="height:280px; width:230px; background-image:url('http://abload.de/img/01sscopyqkbn6.png');padding:10px;">
          <div class="hovertext">TEXT TEXT</div>
        </div>
        <div class="div1">
          <div class="div3">Admin</div>
        </div>
      </td>
 
      <!-- end Teammitglied 3 und 4 -->
 
    </tr>
  </table>
</center>
 
 

www.friends-of-xobor.de (621181 - Template kann wechsel bei Pluin Tests)
www.seniorenclub-sel-koeln.de (578865 - V6 Template)

Antworten

Beitrag melden

#6

02.02.2019 23:05

Peter54
#6 RE: Frage zu einem HTML Code

Peter54

Moin mein Code sieht so aus

<!--Hier ist die 1. Bildergalerie 1 - 6→
<html>
<body>
<div align="center">
<table border="0" cellpadding="5" width="800">

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>

<td align="center">
<img src="
https://files.homepagemodules.de/b622996/...fKFNq-thumb.jpg
" width="150" height="100"></td>
</table></div>
</body>
</html>

LG Peter