HTML/CSS Probleme (Kleinigkeiten)

Rina_2000

Hey, ich habe eine fast fertige Website gebaut. Jedoch gibt ein paar kleine Probleme:
Die Bildbeschriftung soll links und der Mehr Button soll rechts sein und sich nicht gegenseitig beeinflussen.
Über dem Copyright soll eine Linie gezogen werden (Abtrennnung Fußbereich).

Hoffe mir kann da jemand helfen.

HTML

<!DOCTYPE html><html lang="zxx">
<head>


    <meta charset="UTF-8">
    <title>Aufgabe 4</title>
    <link rel="stylesheet" type="text/css" href="standard.css">
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Coiny" rel="stylesheet">


</head>




<body>


<div class="wrapper">
    <div class="header">
        <h1><a href="#top">Homepage</a></h1>


        <div class="logo">
              <img src="logo.png" alt="Logo"/>
          </div>


        <div class="main-nav">
            <ul>
                <li><a href="Startseite.html">Startseite</a></li>
                <li><a class="current" href="Aufgaben.html">Aufgaben</a></li>
            </ul>
        </div>


    </div>


    <div id="content">
        <div class="side-nav">
            <aside>
                <ul>
                    <li><a href="Aufgabe_2.html">Aufgabe 2</a></li>
                    <li><a href="Aufgabe_3.html">Aufgabe 3</a></li>
                    <li><a  href="Aufgabe_4.html" class="current">Aufgabe 4</a></li>
                    <li><a href="">Aufgabe 5</a></li>
                    <li><a href="">Aufgabe 6</a></li>
                </ul>
            </aside>
        </div>


        <div class="content">
            <h2>Aufgabe 4</h2>


            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
                nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
                sed diam voluptua. At vero eos et accusam et justo duo dolores et ea
                rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
                ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing
                elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
                erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
                Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
            </p>
          <div id="cover">
          <div class="bild-gross">
            <img src="flower.png" alt="Flower"/>
          </div>
            <div class="bild-text">
                <h3>Lorem ipsum dolor</h3>
                <p>Lorem ipsum dolor sit amet, consetetur sadipscing
                    elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
                    magna aliquyam Lorem ipsum dolor sit amet.</p>
                <div class="mehr">
                    <p><a href="Aufgabe_2.html">Mehr>></a></p>
                </div>
            </div>
            </div>


            <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
                nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
                sed diam voluptua.Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum
                dolor sit amet.
            </p>
        </div>
    </div>


    <button class="button"><a href="#top">Zum Seitenanfang</a></button>


    <div class="footer">
       <p>Copyright YXYZ</p>
    </div>


</div>


</body>
</html>

Alles anzeigen

Code

[COLOR=#CC7832][FONT=&quot]* [/FONT][/COLOR][COLOR=#A9B7C6][FONT=&quot]{[/FONT][/COLOR]  [COLOR=#bababa]box-sizing[/COLOR]: [COLOR=#a5c261]border-box[/COLOR][COLOR=#cc7832]; [/COLOR]}


.[COLOR=#e8bf6a]wrapper [/COLOR]{
  [COLOR=#bababa]margin[/COLOR]: [COLOR=#a5c261]auto[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]960[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832]; [/COLOR]}


.[COLOR=#e8bf6a]header [/COLOR]{
  [COLOR=#bababa]border-width[/COLOR]: [COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-style[/COLOR]: [COLOR=#a5c261]solid[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]header [/COLOR][COLOR=#cc7832]h1 [/COLOR]{
    [COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]center[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]border-bottom[/COLOR]: [COLOR=#a5c261]solid black [/COLOR][COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Coiny'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];[/COLOR]}
    .[COLOR=#e8bf6a]header [/COLOR][COLOR=#cc7832]h1 a[/COLOR]{
      [COLOR=#bababa]text-decoration[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]      [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832];[/COLOR]}
  .[COLOR=#e8bf6a]logo[/COLOR]{
    [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]bottom[/COLOR]: [COLOR=#6897bb]80[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]left[/COLOR]:[COLOR=#6897bb]100[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}


[COLOR=#e8bf6a]#content [/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]100[/COLOR]%[COLOR=#cc7832]; [/COLOR]}


.[COLOR=#e8bf6a]main-nav [/COLOR][COLOR=#cc7832]ul [/COLOR]{
  [COLOR=#bababa]list-style[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]main-nav [/COLOR][COLOR=#cc7832]ul li [/COLOR]{
    [COLOR=#bababa]display[/COLOR]: [COLOR=#a5c261]inline[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Coiny'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]font-size[/COLOR]: [COLOR=#6897bb]15[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]margin-left[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]border[/COLOR]: [COLOR=#a5c261]solid [/COLOR][COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px black[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]main-nav [/COLOR][COLOR=#cc7832]ul a [/COLOR]{
    [COLOR=#bababa]text-decoration[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832]; [/COLOR]}
    .[COLOR=#e8bf6a]main-nav [/COLOR][COLOR=#cc7832]ul a[/COLOR]:[COLOR=#e8bf6a]hover[/COLOR][COLOR=#cc7832], [/COLOR].[COLOR=#e8bf6a]main-nav [/COLOR][COLOR=#cc7832]ul a[/COLOR].[COLOR=#e8bf6a]current [/COLOR]{
      [COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]deepskyblue[/COLOR][COLOR=#cc7832]; [/COLOR]}


.[COLOR=#e8bf6a]side-nav [/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]25[/COLOR]%[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]margin-top[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]padding[/COLOR]: [COLOR=#6897bb]20[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}
  .[COLOR=#e8bf6a]side-nav [/COLOR][COLOR=#cc7832]ul [/COLOR]{
    [COLOR=#bababa]list-style[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]display[/COLOR]: [COLOR=#a5c261]inline[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]side-nav [/COLOR][COLOR=#cc7832]li [/COLOR]{
    [COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Coiny'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]font-size[/COLOR]: [COLOR=#6897bb]15[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]margin-left[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]border[/COLOR]: [COLOR=#a5c261]solid [/COLOR][COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px black[/COLOR][COLOR=#cc7832];[/COLOR]}
  .[COLOR=#e8bf6a]side-nav [/COLOR][COLOR=#cc7832]a [/COLOR]{
    [COLOR=#bababa]text-decoration[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832]; [/COLOR]}
    .[COLOR=#e8bf6a]side-nav [/COLOR][COLOR=#cc7832]a[/COLOR]:[COLOR=#e8bf6a]hover[/COLOR][COLOR=#cc7832], [/COLOR].[COLOR=#e8bf6a]side-nav [/COLOR][COLOR=#cc7832]a[/COLOR].[COLOR=#e8bf6a]current [/COLOR]{
      [COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]deepskyblue[/COLOR][COLOR=#cc7832]; [/COLOR]}


.[COLOR=#e8bf6a]content-start [/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]100[/COLOR]%[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]padding[/COLOR]: [COLOR=#6897bb]20[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border[/COLOR]: [COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px solid black[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]content-start [/COLOR][COLOR=#cc7832]p [/COLOR]{
    [COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Indie Flower'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]font-size[/COLOR]: [COLOR=#6897bb]15[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832]; [/COLOR]}
    .[COLOR=#e8bf6a]content-start [/COLOR][COLOR=#cc7832]h2[/COLOR]{
      [COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Coiny'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832]; [/COLOR]}
.[COLOR=#e8bf6a]content [/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]75[/COLOR]%[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]padding[/COLOR]: [COLOR=#6897bb]20[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border[/COLOR]: [COLOR=#6897bb]2[/COLOR][COLOR=#a5c261]px solid black[/COLOR][COLOR=#cc7832]; [/COLOR]}
    .[COLOR=#e8bf6a]content [/COLOR][COLOR=#cc7832]p [/COLOR]{
      [COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Indie Flower'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]      [/COLOR][COLOR=#bababa]font-size[/COLOR]: [COLOR=#6897bb]15[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]      [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832]; [/COLOR]}
      .[COLOR=#e8bf6a]content [/COLOR][COLOR=#cc7832]h2[/COLOR]{
        [COLOR=#bababa]font-family[/COLOR]: [COLOR=#6a8759]'Coiny'[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]cursive[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]letzter_Absatz[/COLOR]{
  [COLOR=#bababa]clear[/COLOR]: [COLOR=#a5c261]both[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]bild1[/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]right[/COLOR][COLOR=#cc7832];[/COLOR]}
.[COLOR=#e8bf6a]bild2[/COLOR]{
  [COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]farbige_DIVs[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]100[/COLOR]%[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#a5c261]auto[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]float[/COLOR]: [COLOR=#a5c261]left[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];[/COLOR]}


[COLOR=#e8bf6a]#gruen[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]90[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]70[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]green[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]z-index[/COLOR]: [COLOR=#6897bb]3[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]120[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]top[/COLOR]: [COLOR=#6897bb]20[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}
[COLOR=#e8bf6a]#rot[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]90[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]70[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]red[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]absolute[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]z-index[/COLOR]: -[COLOR=#6897bb]1[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]180[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}
[COLOR=#e8bf6a]#schwarz[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]150[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]100[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]absolute[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]z-index[/COLOR]: [COLOR=#6897bb]3[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]220[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]top[/COLOR]: [COLOR=#6897bb]100[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]opacity[/COLOR]: [COLOR=#6897bb]0.5[/COLOR]}
[COLOR=#e8bf6a]#blau[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]120[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]90[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]blue[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]absolute[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]z-index[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]:[COLOR=#6897bb]320[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]bottom[/COLOR]: [COLOR=#6897bb]250[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background[/COLOR]: [COLOR=#e8bf6a]linear-gradient[/COLOR]([COLOR=#a5c261]to bottom[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]blue[/COLOR][COLOR=#cc7832], [/COLOR][COLOR=#a5c261]darkblue[/COLOR])[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]box-shadow[/COLOR]: [COLOR=#6897bb]3[/COLOR][COLOR=#a5c261]px [/COLOR][COLOR=#6897bb]3[/COLOR][COLOR=#a5c261]px [/COLOR][COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px black[/COLOR][COLOR=#cc7832];[/COLOR]}
[COLOR=#e8bf6a]#orange[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]180[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]150[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]orange[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]z-index[/COLOR]: -[COLOR=#6897bb]1[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]300[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]bottom[/COLOR]: [COLOR=#6897bb]50[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]button[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]150[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]:[COLOR=#6897bb]20[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]fixed[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]300[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]top[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]center[/COLOR][COLOR=#cc7832];[/COLOR]}
  .[COLOR=#e8bf6a]button [/COLOR][COLOR=#cc7832]a[/COLOR]{
    [COLOR=#bababa]text-decoration[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832];[/COLOR]}


[COLOR=#e8bf6a]#cover[/COLOR]{
  [COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];[/COLOR]}
  [COLOR=#e8bf6a]#cover[/COLOR]:[COLOR=#e8bf6a]hover [/COLOR].[COLOR=#e8bf6a]bild-text[/COLOR]{
    [COLOR=#bababa]opacity[/COLOR]: [COLOR=#6897bb]1[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]bild-gross[/COLOR]{
  [COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]center[/COLOR][COLOR=#cc7832]; [/COLOR]}
  .[COLOR=#e8bf6a]bild-gross [/COLOR][COLOR=#cc7832]img[/COLOR]{
    [COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]300[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]    [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]600[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}
.[COLOR=#e8bf6a]bild-text[/COLOR]{
  [COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]600[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]100[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]relative[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]left[/COLOR]: [COLOR=#6897bb]38[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]bottom[/COLOR]:[COLOR=#6897bb]105[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background[/COLOR]:[COLOR=#e8bf6a]rgba[/COLOR]([COLOR=#6897bb]255[/COLOR][COLOR=#cc7832],[/COLOR][COLOR=#6897bb]255[/COLOR][COLOR=#cc7832],[/COLOR][COLOR=#6897bb]255[/COLOR][COLOR=#cc7832],[/COLOR][COLOR=#6897bb]0.5[/COLOR])[COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]opacity[/COLOR]: [COLOR=#6897bb]0[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]bild-text [/COLOR][COLOR=#cc7832]h3[/COLOR]{
      [COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]white[/COLOR][COLOR=#cc7832];[/COLOR]}
    .[COLOR=#e8bf6a]bild-text [/COLOR][COLOR=#cc7832]p [/COLOR]{
      [COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]white[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]mehr[/COLOR]{
  [COLOR=#bababa]height[/COLOR]: [COLOR=#6897bb]50[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]width[/COLOR]: [COLOR=#6897bb]100[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]background-color[/COLOR]: [COLOR=#a5c261]white[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]border-radius[/COLOR]: [COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]position[/COLOR]: [COLOR=#a5c261]absolute[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]bottom[/COLOR]:[COLOR=#6897bb]25[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]right[/COLOR]:[COLOR=#6897bb]10[/COLOR][COLOR=#a5c261]px[/COLOR][COLOR=#cc7832];[/COLOR]}
.[COLOR=#e8bf6a]mehr [/COLOR][COLOR=#cc7832]p[/COLOR]{
  [COLOR=#bababa]text-align[/COLOR]: [COLOR=#a5c261]center[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]font-weight[/COLOR]:[COLOR=#a5c261]bold[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]mehr [/COLOR][COLOR=#cc7832]a[/COLOR]{
  [COLOR=#bababa]text-decoration[/COLOR]: [COLOR=#a5c261]none[/COLOR][COLOR=#cc7832];
[/COLOR][COLOR=#cc7832]  [/COLOR][COLOR=#bababa]color[/COLOR]: [COLOR=#a5c261]black[/COLOR][COLOR=#cc7832];[/COLOR]}


.[COLOR=#e8bf6a]footer[/COLOR]{

Alles anzeigen

basti1012

soll der mehr button auch im Bild sein oder unten drunter? Aber da muß man etwas mehr ändern wenn man es richtig machen will.Einige sachen sind noch nicht ganz richtig ,aber fast.

Soll der Text im Bild sein oder unten drunter

basti1012

https://basti1012.bplaced.net/index.php?ordner=forum-hilfe&id=86

[Blockierte Grafik: https://basti1012.bplaced.net/siteimage/forum-hilfe-86.png]

Ich habe mal etwas herumgespielt so wie ich mir es denke wie du es haben möchtest.Falls es so sein soll oder anders dann sag Bescheid dann mache ich es richtig. Am besten mit originalen Bildern bzw. größte der Bilder

HTML/CSS Probleme (Kleinigkeiten)

Tags

Benutzer online in diesem Thema