✔ Anfänger hat Textpositionierungs-Problem

D

D3_signup

Grünschnabel
Ja einnen freundlichen Gruß meinerseits, da ich hier ja neu bin !

Zu meinem Problem:

Ich habe eine Grafik per background-image zentriert. Nun wollte ich natürlich noch einen kleinen Text unterhalb dieser Grafik haben.

Leider beginnt dieser aber am obrigen Fenster. Nun könnte ich natürlich unzählige < br/> s raushauen, was aber natürlich ziehmlich blöde wäre. Gibt es da in Css villeicht einen Lösungsansatz?

(Wollte nämlich nicht wieder mit Tabellen arbeiten)

Ps. Würde mich über eine Hilfestellung (weiterführenden Link oder oder) sehr freuen..

/* Edit */

Ich wollte quasi nurnoch einen sogenannten Footer am unteren Seitenrand haben. Wältze gerade in meinem Buch herum.
Auch wenn ich zb. Tags wie <Address> verwende, werden diese ebenfalls oben angezeigt.
---------------------------------
Ich lade es mal hoch, was ich da zusammengewurschtelt habe...
Irgendwie will das nicht so wie ich es möchte. (Auflösung 1280x1024 px)
 

Anhänge

Zuletzt bearbeitet:
Moin,

da gibt es diverse Möglichkeiten, z.B. eine relative Positionierung des Textes, verbunden mit entsprechenden top/left-Werten, über die du angibst, um wieviel der Text von seiner ursprünglichen Position versetzt angezeigt werden soll.
 
D3_signup hat gesagt.:
---------------------------------
Ich lade es mal hoch, was ich da zusammengewurschtelt habe...
Irgendwie will das nicht so wie ich es möchte. (Auflösung 1280x1024 px)
Zum Vergrößern anklicken....
Anstatt deinen ersten Beitrag stündlich zu editieren, solltest du mal besser antworten, damit die Forengemeinschaft von deinen Aktivitäten auch etwas mitbekommt :-)

Code: 
        <div id="parentBox">

<A HREF="http://www.tutorials.de/forum/index.php" " onMouseover="over()" onMouseout="out()">
<div id="mitte">
        <IMG SRC="http://www.tutorials.de/forum/images/norm.gif" NAME="grafik" border="0">

        </div></div><!-- falsch -->
         <div id="childBox">

    <address>
        <center>
                <i>all right's reserved</i></center></address>
         </div>
         </div><!-- gehört hierher -->


mfg Maik
 
Sieht jetzt schon besser aus ! Nur ist leider meine Grafik nicht mittig auf der Seite und die Childbox in der der Footer ist verdeckt ein wenig diese Grafik.

Wollte simple gesagt meine Grafik + hover genau mittig haben und dann noch nen lütschen Footer darunter setzen. Hach ja ihr habts auch net einfach mit mir. Aber toll das so viele so hilfsbereit und vor allem geduldig mit mir sind hehe
 
Stellst du dir das so vor?

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
html,body {
margin:0;
padding:0;
}

body {
background-color: #242424;
}

div#mitte {
position: absolute;
left: 50%;
top: 50%;
width: 826px; /* Breite des Elements */
height: 350px; /* H”he des Elements */
margin-left: -413px; /* Breite des Elements geteilt durch zwei! */
margin-top: -175px; /* H”he des Elements geteilt durch zwei! */
}

div#unten {
position:absolute;
left:0;
top:280px;
height:50px;
width:100%;
padding:10px 0;
background:#ccc;
}

A:LINK
  {
        color: white;
        text-decoration: none;
  }
A:VISITED
  {
        color: white;
        text-decoration: none;
  }
A:ACTIVE
  {
        color: red;
        text-decoration: none;
  }
A:HOVER
  {
        color: red;
        text-decoration: underline;
  }
</style>


<SCRIPT LANGUAGE="JavaScript">
<!--
function over()

{
if (document.images)
document.grafik.src = "../images/hover.gif"
}


function out()
{
if (document.images)
document.grafik.src = "../images/norm.gif"
}

//-->
    </SCRIPT>

</head>
<body>

<div id="mitte" onmouseover="over()" onmouseout="out()">
     <IMG SRC="http://www.tutorials.de/forum/images/norm.gif" NAME="grafik" border="0">
     <div id="unten">
          <address><center><i>all right's reserved</i></center></address>
     </div>
</div>

</body>
</html>


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück