mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 20.04.2024 06:46 Benutzername: Passwort: Auto-Login

Thema: Bild einfügen (unten, zentriert am Rand) vom 29.10.2015


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Bild einfügen (unten, zentriert am Rand)
Autor Nachricht
abdullah_emin92
Threadersteller

Dabei seit: 29.10.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.10.2015 20:10
Titel

Bild einfügen (unten, zentriert am Rand)

Antworten mit Zitat Zum Seitenanfang

Hallo,

irgendwie kann ich das Bild, unten und zentriert am Rand, nicht positionieren. Irgendwas mache ich falsch...

Brauche eure Hilfe!!!
[/img]Bild

Code:
<!doctype html>
<html>
<title>Startseite</title>
<head>
    <meta charset="utf-8">
    <style type="text/css">
   
    #div2 {
      background-image: url(head.jpg);
      background-repeat:no-repeat;
      bottom:0px;
      left:0px;
      height: 35px;
      width: 397px;
    }
   
    #div5groß{
        width: 795px;
        height: 409px;
        border:5px inset;       
        position: absolute;
        color: white;
        font-family:Candara;
        font-size:30pt;
        left: 282px;
        top: 110px;
        text-align:center;
        z-index:0;
        border-left:none;
        border-right:none;
    }
    ul#navigation {
        margin: 74px 0px 0px 274px ;
        padding: 0px 0px 10px 0px;
        list-style-type: none;
        z-index:1;
        left: 282px;
    }

    ul#navigation li {
        float:left;
        padding: 0px;
        margin: 0px;
        width: 10%;   
        text-align:center;
        z-index:1;
        border: 5px inset;
        color:white;
        font-family:Candara;
        font-size:20px;
    }
    #div0 {
      background: url(lion.jpg) no-repeat;
      height: 291px;
      position: fixed;
      width: 400px;
      bottom:0px;
      left:0px;
      z-index:0;
    }
    #div1 {
      background: url(lionr.jpg) no-repeat;
      height: 291px;
      position: fixed;
      width: 400px;
      bottom:0px;
      right:0px;
      z-index:0;
    }
    </style>
</head>
<body bgcolor="black">
    <div id="div2"></div>
    <div id="div0"></div>
    <div id="div1"></div>
    <ul id="navigation">
        <li><a>Startseite</a></li>
        <li><a>Startseite</a></li>
    </ul>
    <div id="div5groß">Herzlich Willkommen<br /></div>
</body>
</html>
  View user's profile Private Nachricht senden
Kartöffelchen

Dabei seit: 16.03.2012
Ort: Strawberry Fields
Alter: -
Geschlecht: Männlich
Verfasst Do 29.10.2015 21:47
Titel

Antworten mit Zitat Zum Seitenanfang

Wird das eine Seite für einen Zirkus?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
abdullah_emin92
Threadersteller

Dabei seit: 29.10.2015
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 29.10.2015 22:58
Titel

Antworten mit Zitat Zum Seitenanfang

Nein
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bild verlinken - zentriert
pikant: ge-slictes XXL-Bild zentriert als Seitenhintergrund?
Bild (Foto) zentriert an Browsergröße anpassen?
Abstand von Bild zur Site/Rand!
Bild overlay per Div hat komischen Rand
[css] Bild am unteren Rand des Bildschirms
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.