zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild (und wrapper) soll ganz nach oben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.01.2017, 23:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2017
Beiträge: 2
Ceronimo befindet sich auf einem aufstrebenden Ast
Standard Bild (und wrapper) soll ganz nach oben

Hallo zusammen

Leider krieg ich es einfach nicht hin:
Die Bilder der Seite sollen ganz nach oben, also ohne den kleinen Abstand.

<FC Buttisholz 1968 - Info Screen>

<FC Buttisholz 1968 - Info Screen>

Der kleine Abstand oben ist fast nicht zu sehen, doch die Page wird auf einem TV gezeigt, darum bläst sich dies auf und das Bild passt nicht mehr auf den Screen.

Code:
<style type="text/css">
body {
    background: #000;
    text-align: center;
    font-size: 0px;
    font-family:Verdana, Helvetica, sans-serif;
    color: #999;
	}

.image_info {
    display:block;
    font-size:10px;
    color:#999;
    border:0px;
    }

.wrapper {
    margin: 0px auto;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    width: 1528px;
    height: 1080px;
    border: 0px solid #000;
    text-align: left;
}

.show_title a {
    font-size: 12px;
    text-decoration: none;
    color:#999;
}

.image_info a {
    text-decoration:none;
    color:#fff;
}

img {
	border-width: 0;
}

.image {
    margin-bottom: 0px;
}

.image img {
    padding: 0px;
    border: 0px solid #000;
    display:block;
    background-color: #fff;
    margin-top: 0px;
    width: 1528px;
    height: 1080px;
}

.navigation, .navigation a {
    text-decoration: none;
    color:#fff;
    margin-top:0px;
    font-weight:bold;
}

.thumbnail_row {
    margin-top: 1px;
}

.thumbnail_row img {
    border:0px solid #aaa;
    margin-top:10px;
}

.thumbnail_center {
    padding:1px;
    border:1px solid #fff !important;
}

.small, .small a {
    margin-top: 20px;
    text-decoration:none;
    color:#777;
}

</style>
</head>
<body>
<div class='wrapper'>
       <div class='image'>
    
        <IMAGE>    
        <IMAGE_TITLE>&nbsp;
        <EXIF_COMMENT>
</div> 
</div>
</body>
</html>
Hoffe ich hab alle nötigen Infos zur Verfügung gestellt, und bitte um eure Hilfe...
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.01.2017, 09:03
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Erstens: Was soll das IMAGE_TITLE, EXIF_COMMENT etc im HTML? Und das <br>, das &nbsp;, etc. Und warum ein zweifacher wrapper, du brauchst gar keinen für deine simple Aufgabe.

Browser haben standardmäßig Abstände definiert, daher kommt dein Abstand. Du musst also beim <body> ein margin von 0 setzen, dann verschwindet dieser.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.01.2017, 11:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.01.2017
Beiträge: 2
Ceronimo befindet sich auf einem aufstrebenden Ast
Standard

Danke, hab die fragwürdigen Zeilen rausgelöscht, auch die wrapper und margin 0 gesetzt, nun klappt es tipptopp.
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln. Andreas91 Grafik, Design, Typografie 1 06.09.2011 23:41
Bild ersetzten durch Bild-nr. +1 luki.boy Javascript & Ajax 3 13.04.2011 10:13
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 15:33
Bild als Active makieren siriussmarty CSS 0 08.07.2010 15:37
Bild über Bild rafa CSS 2 24.01.2010 19:46


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:00 Uhr.