|
|||
Logo in vorgefertigten Rahmen über CSS einfügen
Guten Abend zusammen, ich bin gänzlich neu in der Materie und versuche mich gerade an einer Webseite mit HTML und CSS.
Die Rahmen habe ich mit CSS schon eingerichtet und nun möchte ich ein Logo in den dafür eingerichteten grünen Rahmen hinzufügen. Aber ich bekomme es zum verecken nicht hin und stehe total aufm Schlauch. Hier ist noch der HTML Code: <!DOCTYPE html> <html> <html lang="de"> <head> <meta charset="utf-8"> <meta name="Author" content="Christian Otto"> <meta name="description" content="Seite rund um das Format der NXL Europe. Hier sind Bilder, ein Forum, ein Gästebuch und diverse Videos zu finden"> <meta name="viewport" content="initial-scale=1"> <title>NXL Europe - The Paintball Series</title> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="webseite"> <div id="header"> <div id="logo"> </div> </div> <div id="menü"> </div> <div id="inhalt"> </div> </div> </body> </html> Und hier die dazugehörige CSS Kodierung: body { text-align: center; margin-left: auto; margin-right: auto; width: 1100px; height: 650px; background-image: url(C:/Users/Christian/Desktop/Webseite/Bilder/hintergrund.png); height:100%; width:100%; } #webseite { width: 1100px; margin: 0 auto; position:absolute; } #header { width: 100%; height: 150px; border-color: red; border-width: 1px; border-style: solid; position:absolute; top:10px; left:10px; } #logo { background-color:green; margin-top:10px; margin-left:20px; float:left; height:130px; width:130px; background-image: url(C:/Users/Christian/Desktop/Webseite/Bilder/nxl europe.png); background-size: contain; } #menü { width:200px; height:498px; border-color: yellow; border-width: 1px; border-style: solid; position:absolute; top:161px; left:10px; } #inhalt { width:899px; height:498px; border-color: blue; border-width: 1px; border-style: solid; position:relative; left:211px; top:161px; } Und hier ist noch das Foto welches als Logo eingebunden werden soll. Ich hoffe mir kann da weitergeholfen werden. Und bitte seid nicht zu hart mit mir, ich mache das ganze erst seit 5 Tagen. lg Christian Geändert von otto1985 (16.03.2018 um 20:47 Uhr) |
Sponsored Links |
|
||||
#menü {
geht nicht ,da solltest du ue nehmen und kein ü. Zu dein Bild. https://codepen.io/basti1012/pen/OvRjBw Sieht doch ganz gut aus was du da gemacht hast.Wo ist das Problem ? |
Sponsored Links |
|
|||
Wie hast du das jetzt geschafft?
Ich habe es ständig ausprobiert aber der hat das Bild nie dargestellt?! Also in Tags keine Umlaute einbinden geht nicht gut oder wie? Aber daran kann es nicht nur gelegen haben. Ich hätte das „Menü“ vor als „Navigation“ deklariert und es hat auch nicht funktioniert! |
|
|||
Zitat:
Würde mich echt mal interessieren was du gemacht hast, das es funktioniert?! lg Christian |
|
|||
Zitat:
Gibt es für die Einbindung von lokalen Bildern einen anderen Befehl? Also nicht background-Image: url() ???? |
|
||||
Das mit den Bilder vom Rechner Einbinden ,habe ich auch noch nicht ganz verstaden.
Hier im Forum ist eine kurze erklärung die dir vieleicht schon hilft. https://www.html-seminar.de/forum/th...ht-erscheinen/ |
|
||||
Nein.
Doch. Das Problem ist, was meinst du mit "lokal"? So wie du es im Thread gezeigt hast, wird das Bild nicht von einem Server geholt, sondern von deiner Festplatte. Diese Art von Lokal ist das "file" Protokoll (oder Schema https://de.wikipedia.org/wiki/Unifor...ifier#Schemata) und etwas anderes als Inhalte über http. Wenn ich das richitg sehe, ist in deinem Orginal Code die Einbindung über das file Protkoll falsch, richtig müsste es heissen: Code:
background-image: url(file:///C:/Users/Christian/Desktop/Webseite/Bilder/hintergrund.png); |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Clearfix / CSS Reset / CSS Hacks 2016 | Elma | CSS | 7 | 14.08.2016 03:12 |
(CSS) Bootstrap Framework - Logo | Gemeinde St. Nikolaus | CSS | 4 | 15.01.2013 21:27 |
1 Pixel Bild ohne CSS Rahmen | RingoD | CSS | 7 | 29.12.2010 17:43 |
Hilfe: CSS Rahmen bei leerer Tabellen Zelle | Mondschein1981 | CSS | 7 | 26.01.2005 17:13 |
CSS Rahmen ausrichten | FaZi23 | CSS | 2 | 05.01.2005 17:34 |