tutorials.de-Buchverschenkaktion 08/2010
Thema geschlossen
  1. 22.03.06 17:35 #1
    siob siob ist offline Mitglied Silber siob hat eine blütenweiße Weste
    Registriert seit
    Sep 2004
    Beiträge
    54
    Hallo zusammen,
    bräuchte mal schnell nen Code, wie ich ein Bild horizontal, sowie vertikal mittig ausrichte!

    Vielen vielen Dank im Voraus!

    Gruß
    siob
  2. 22.03.06 17:58 #2
    Maik Tutorials.de Gastzugang
    1. In welchem Element ist die Grafik eingebettet?

    2. Ist die Grafik-Dimension (Breite/Höhe) bekannt?
  3. 22.03.06 18:03 #3
    siob siob ist offline Mitglied Silber siob hat eine blütenweiße Weste
    Registriert seit
    Sep 2004
    Beiträge
    54
    einfach ne ganz normale HTML-Datei

    auf der Seite soll nix sein, außer die Grafik .. und die soll wie gesagt sowohl horizontal sowie vertikal mittig ausgerichtet sein .. Größe ist ca. 400 x 150 Pixel
  4. 22.03.06 18:09 #4
    Maik Tutorials.de Gastzugang
    Dann hätte ich einen Lösungsvorschlag

    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
img.center {
position: absolute;
left: 50%;
width: 400px;
margin-left: -200px; /* negative Hälfte von width:400px */
top: 50%;
height: 150px;
margin-top: -75px; /* negative Hälfte von height:150px */
}
-->
</style>

</head>
<body>

     <img class="center" src="">

</body>
</html>
  5. 22.03.06 18:21 #5
    siob siob ist offline Mitglied Silber siob hat eine blütenweiße Weste
    Registriert seit
    Sep 2004
    Beiträge
    54
    jepp .. genau so hab ich das gemeint.
    Nochmals vielen Dank
  6. 23.03.06 10:46 #6
    Benutzerbild von hikeda_ya
    hikeda_ya hikeda_ya ist offline Mitglied Brokat hikeda_ya hat eine blütenweiße Weste
    Registriert seit
    Dec 2005
    Beiträge
    404
    du kannst es auch mit frames machen und die seite mit dem bild aufrufen - hier mal ein beispiel

    Code :
    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

    <html>
<head>
 
<title>www.hikeda-ya.de</title>
<meta name="author" content="hikeda_ya">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
 
 
 
<frameset frameborder="0" framespacing="0" border="0" cols="*,740px,*">
 
   <frame name="randl" src="rand.html" scrolling="no" resize="noresize">
 
<frameset frameborder="0" framespacing="0" rows="*,523px,*">
 
   <frame name="oben" src="rand.html" scrolling="no" resize="noresize">
 
   <frame name="haupt" target="haupt" src="start.html" scrolling="no" resize="noresize">
 
   <frame name="unten" src="rand.html" scrolling="no" resize="noresize">
 
</frameset>
 
   <frame name="randr" src="rand.html" scrolling="no" resize="noresize">
 
 
 
</frameset>
 
<noframes>
 
Ihr Browser unterstützt keine Frames!
 
</noframes>
 
</head>
 
<body text="#000000" bgcolor="#050100" link="#FF0000" alink="#FF0000" vlink="#FF0000">
 
<!--
 
Ersteller der Frame Deffinition ist:
 
wolfgang steiner
alias hikeda_ya
-->
 
</body>
 
 
</html>
  7. 23.03.06 12:23 #7
    Maik Tutorials.de Gastzugang
    Und was soll das Frameset bringen?

    Die Grafik ist damit noch lange nicht horizontal und vertikal in der Seite zentriert.
  8. 23.03.06 16:12 #8
    Benutzerbild von hikeda_ya
    hikeda_ya hikeda_ya ist offline Mitglied Brokat hikeda_ya hat eine blütenweiße Weste
    Registriert seit
    Dec 2005
    Beiträge
    404
    nun wenn auf der seite nur das bild zu sehen sein soll

    dann machst du bei der seite vom bild
    Code :
    1

    <img src=blabla>

    und passt den frame so an das er nur so gross ist wie das bild - und schon hast du ausen rumm den rahmen

    den rahmen bekommst du hin mit ner leeren html seite

    so hab ich das bei meiner seite auch gemacht

    http://www.hikeda-ya.de
  9. 23.03.06 16:15 #9
    Maik Tutorials.de Gastzugang
    Naja, ganz schön umständlich die Methode, und von CSS meilenweit entfernt.
  10. 24.03.06 08:13 #10
    Benutzerbild von hikeda_ya
    hikeda_ya hikeda_ya ist offline Mitglied Brokat hikeda_ya hat eine blütenweiße Weste
    Registriert seit
    Dec 2005
    Beiträge
    404
    ich weiss - sollte ja nur ne alternative sein
    gezeichnet
    hikeda_ya


    guggenmusik
« Grafik tauschen | Aufzählungen schachteln mit "Kapitel"-Nummerierung »

Ähnliche Themen

  1. Text vertikal mittig ausrichten
    Von WIK-Lars im Forum CSS
    Antworten: 8
    Letzter Beitrag: 16.05.07, 13:42
  2. Bild im gefloateten div vertikal ausrichten?
    Von Fiberman im Forum CSS
    Antworten: 7
    Letzter Beitrag: 17.03.07, 22:09
  3. wie mehrere Tabellen vertikal mittig ausrichten?
    Von Roaky im Forum HTML & XHTML
    Antworten: 4
    Letzter Beitrag: 23.08.05, 11:52
  4. frameset horizontal und vertikal mittig ausrichten und feste Größe zuweisen!?
    Von Eddymaniac im Forum HTML & XHTML
    Antworten: 1
    Letzter Beitrag: 23.08.05, 11:34
  5. Layer Horizontal und vertikal zentrieren
    Von modo im Forum CSS
    Antworten: 2
    Letzter Beitrag: 20.12.04, 23:36

Lesezeichen

Lesezeichen