Delphi-PRAXiS
Seite 1 von 2  1 2      
40 Beiträge dieses Themas auf einer Seite anzeigen

Delphi-PRAXiS (https://www.delphipraxis.net/forum.php)
-   Programmieren allgemein (https://www.delphipraxis.net/40-programmieren-allgemein/)
-   -   [html] bild positionieren (https://www.delphipraxis.net/75200-%5Bhtml%5D-bild-positionieren.html)

XeRo 15. Aug 2006 20:36
[html] bild positionieren
 
Also ich würde gerne auf der Start seite meiner homepage rechts oder links (das weiß ich noch nicht) ganz unten am ende der seite ein bild haben.

Aber wie kann ich das bild so in den quellcode einfügen, dass es IMMER in der rechten oder linken Ecke der Seite ist. Egal welche Auflösung der Benutzer hat und egal wie groß er sein browserfenster gezogen hat.

Ich hab so was schon mal auf ner seite gesehen, daher weiß ich dass es geht, aber nicht wie es geht.

Kann mir wer helfen?


[edit]
Und wie kann ich einen Text bzw. ein bild immer genau in der Mitte der Seite anzeigen lassen?
[/edit]

mkinzler 15. Aug 2006 20:49
Re: [html] bild positionieren
 
XML-Code:
<div width="100%" height="100%">
    [img]...[/img]
</div>

pacman1986 15. Aug 2006 22:47
Re: [html] bild positionieren
 
Links:
<div align="left">[img]bild.jpg[/img]</div>
Rechts:
<div align="right">[img]bild.jpg[/img]</div>
Mitte:
<div align="center">[img]bild.jpg[/img]</div>

alcaeus 16. Aug 2006 00:12
Re: [html] bild positionieren
 
Noch besser:
Code:
<style type="text/css">
body {
  background-image:url(deine_url);
  background-repeat:no-repeat;
  background-position:right bottom;
  background-attachment:fixed;
}
Ist nicht getestet, sollte lauf SelfHTML aber funktionieren.

Greetz
alcaeus

XeRo 16. Aug 2006 14:58
Re: [html] bild positionieren
 
Wow. Danke für die schnellen Antworten.

Kann ich die letzte methode auch irgendwie verwenden wenn ich bereits ein anderes hintergrundbild eingestellt habe?

Matze 16. Aug 2006 15:51
Re: [html] bild positionieren
 
Zitat:
Zitat von XeRo
Kann ich die letzte methode auch irgendwie verwenden wenn ich bereits ein anderes hintergrundbild eingestellt habe?
Da ein Container afaik nur ein Hintergrundbild besitzen kann, müsstest du wohl einen weiteren Container angelegen. Aber ich lasse mich auch gerne besseren belehren. ;)

3_of_8 16. Aug 2006 15:55
Re: [html] bild positionieren
 
Wie wärs damit:

[img]deinbild[/img] wenn dus links haben willst

und

[img]deinbild[/img] wenn dus rechts haben willst

XeRo 17. Aug 2006 08:56
Re: [html] bild positionieren
 
Die letzt genannte methode funktioniert bei mir nicht :-(

edit:
Die Seite in die ich das einbauen will sieht wie folgt aus:
Code:
<?php ?>

<style type="text/css"><!--
body
{
 font-family:Verdana;
 font-size:10px;
 background-color:#FFFFFF;
 background-image:url("usedfiles/background.jpg");
}
h1 {font-size:18px;color:#000000;margin-bottom:0px;}
h2 {font-size:14px;color:#000000;}
h3 {font-size:14px;color:#000000;}
td {font-size:10px;}
p {margin-top:0px;}

input {font-family:Verdana;font-size:10px;border:1px solid gray;padding:1;margin-top:1; margin-bottom:1}
textarea {font-family:Verdana;font-size:10px;border:1px solid gray;padding:1;margin-top:1; margin-bottom:1}
select {font-family:Verdana;font-size:10px;border:1px solid gray;padding:1;margin-top:1; margin-bottom:1}

a:link, a:visited, a:active, a:hover
{
  text-decoration:none;
  font-weight:bold;
  color:#634142;
  font-size:10px;
}
a:active, a:hover
{
 text-decoration:underline;
}

#title {
height:34px;
padding:5px;
border-bottom:1px solid #000000;
margin-bottom:20px;
}
#left, #right {
width:14%;
line-height:18px;
}
#left {
float:left;
}
#right {
float:right;
}
.menutitle
{
font-weight:bold;
border-top:1px dashed #000000;
margin-top:15px;
}

#content {
float:left;
width:66%;
margin-left:3%;
}

#Fusszeile {
clear: both;
font-size: 0.9em;
margin: 0; padding: 0.1em;
text-align: center;
border: 1px solid silver;
  }
//--></style>
<title>Page V2.0 - Endlich auch InternetExplorer fähig</title>
</head>
<body>

<div id="title">
[img]usedfiles/urllogo_v3.gif[/img]
<h1>Die erste Version der Page V2.0</h1></div>

 <div id="left" style="clear:right;">
  <?php include ("links.htm")?>
   

</p>

</p>
  </div>

 <div id="right">
  <?php include("rechts.htm"); ?>
   

</p>

</p>
 </div>


 <div id="content">
  <?php if (isset($show) == false) $show = 'news.php'; include ($show); ?>
   

</p>

</p>

 </div>


 <div id="fusszeile">
  (c) 2006
<?php include ("maincounter.php");?>
 </div>

</body>
</html>
[edit=Admin]Beitrag auf Wunsch des Autors editiert. Mfg, Daniel[/edit]
[edit=Admin] Mfg, Daniel[/edit]

Meflin 17. Aug 2006 12:06
Re: [html] bild positionieren
 
Zitat:
Zitat von 3_of_8
[img]deinbild[/img] wenn dus links haben willst
[img]deinbild[/img] wenn dus rechts haben willst
Das kann nicht gehen. Wenn man das Bild um 100% nach unten oder rechts verschiebt, ist es ja außerhalb des sichtbaren Bereichs, da sich die Angabe auf die linke obere Ecke des Bildes bezieht. Man müsste es also mit margin-top: -[Bildgrößeinpixel]px wieder zurückverschieben, dann müsste es gehen. Selbiges eben entsprechend für links bzw wo auch immer du dein Bild eben haben willst.

DGL-luke 17. Aug 2006 12:09
Re: [html] bild positionieren
 
nope, meflin.

er verschiebt bottom und right an den rand des bildschirms, nicht left und top.


Alle Zeitangaben in WEZ +1. Es ist jetzt 21:17 Uhr.
Seite 1 von 2  1 2      
40 Beiträge dieses Themas auf einer Seite anzeigen

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
LinkBacks Enabled by vBSEO © 2011, Crawlability, Inc.
Delphi-PRAXiS (c) 2002 - 2023 by Daniel R. Wolf, 2024 by Thomas Breitkreuz