Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Div Ap Anfängerfrage“

F

FattyMac

Guest

Hallo Leute!

Ich möchte mir eine Homepage erstellen, nichts besonderes, für euch sicher bloß noobiekram. :)

Ich hab schon alle Probleme selbst lösen können, bis auf eines: Ich hab ein Hintergrundbild in einem table. ich habe gelesen, dass tables sehr altmodisch sind, aber ich bin einfach zu dumm für allzu komplizierte dinge befürchte ich.

Über meinem Hintergrund möchte ich text stehen haben. ich habe herausgefunden, dass ich das bild als hintergrund definieren kann und dann text eingeben, nur auch wenn ich ein paar zellen und spalten mache und der im programm richtig platziert ist, ist alles von der formatierung futsch wenn ich die seite teste. Also ob meine ganzen zellen ihre größe nicht beibehalten wollen. Anstatt dass mein text in der mitte ist, klebt er irgendwo am rand, obwohl ich das tablefeld im programm richtig platziert ist...

Schön und gut, das bleibt mir ein mysterium - es gibt ja noch div aps, also sowas wie layer in photoshop für webseiten. Ist schöner wenn jemand die texte auswählen will!

Nur: Meine ganze seite ist zentriert, egal wie groß das enster vom besucher ist. ich will gar nicht, dass sich irgendwas verschiebt wenn der user das browserfenster vergrößert oder verkleinert. Und mein menü und hintergrund verschieben sich auch nicht, aber mein div ap textfeld sehr wohl. Ich habe schon alles probiert, hab die werte so eingegeben und bin auch nicht auf dem noobiefehler absolute gegangen, aber komplett festmachen kann ich mein textfeld einfach nicht. :( Es soll sich gar nicht bewegen, immer an der gleichen stelle kleben wie auch der rest meiner seite (die ist nur mittig zentriert). Kann ich das irgendwie anstellen? Ich hab schon überall gesucht, nur als totaler anfänger bin ich leider sehr überfördert. Ich würd mich wahnsinnig freuen, wenn einer von euch so nett wäre und mir helfen könnte! :)

LG,
FattyMac
 

Metalshoota

Will seinen Namen ändern.

AW: Div Ap Anfängerfrage

Mit absolut meinst du wahrscheinlich nicht position:absolut, was jedoch eine (unprofessionelle) Lösung sein könnte, aber ich bin mir sicher, dass es auch anders geht!
Erste Frage: Wie hast du dein Layout zentriert? <center>, oder margin:auto?
Der Code oder Link deiner Website könnte nicht schaden ;)
 

sokie

Mod | Web

AW: Div Ap Anfängerfrage

Du kannst auch innerhalb eines zentrierten Bereichs mit absoluten Positionierungen arbeiten. Das Positionierte Element wird sich im zentrierten Bereich unabhängig von der Fenstergrösse anornen lassen, wenn der zentrierte Bereich zB ein position: relative hat.
stell doch deine Seite soweit wie sie jetzt ist einfach ins netz und poste den Link hier.
 
F

FattyMac

Guest

AW: Div Ap Anfängerfrage

Ich habe leider noch keinen webspace, werd euch mal den code geben - bitte nicht lachen. ;) Hab die grobe site mit freeway gemacht und möchte den html text halt in dreamweaver machen - in ja kein profi und werds nie werden. :)

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<title>Wein</title>
<meta name="viewport" content="width = 944, minimum-scale = 0.25, maximum-scale = 1.60">
<meta name="GENERATOR" content="Freeway 5 Express 5.4.2">
<style type="text/css">
<!-- 
body { margin:0px; background-color:#1b1d1d; height:100% }
html { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
p:first-child { margin-top:0px }
table { empty-cells:hide }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
.f-x1 {  }
.f-x2 {  }
.f-x3 {  }
em { font-style:italic }
h1 { font-size:18px }
h1:first-child { margin-top:0px }
strong { font-weight:bold }
-->
</style>
<!--[if lt IE 7]>
<link rel=stylesheet type="text/css" href="css/ie6.css">
<![endif]-->
<script src="Resources/FW_Object.js" type="text/javascript"></script>

<script type="text/javascript">//<![CDATA[
var usingIEFix = false;
//]]></script>

<!--[if lt IE 7]>
<script type="text/javascript">//<![CDATA[
usingIEFix = true;
//]]></script>
<![endif]-->


<script type="text/javascript">//<![CDATA[

function FWStripFileFromFilterString(filterString)
{
    var start,end;
    var strSrc = "src='";
    var strRes = "";

    start = filterString.indexOf(strSrc);

    if(start != -1)
    {
        start += strSrc.length;
        
        end = filterString.indexOf("',",start);
        if(end != -1)
        {
            strRes = filterString.substring(start,end);
        }
    }

    return strRes;
}


var fwIsNetscape = navigator.appName == 'Netscape';


fwLoad = new Object;
function FWLoad(image)
{
    if (!document.images)
        return null;
    if (!fwLoad[image])
    {
        fwLoad[image]=new Image;
        fwLoad[image].src=image;
    }
    return fwLoad[image].src;
}


fwRestore = new Object;
function FWRestore(msg,chain) 
{
    if (document.images) 
        for (var i in fwRestore)
        {
            var r = fwRestore[i];
            if (r && (!chain || r.chain==chain) && r.msg==msg)
            {
                r.src = FWLoad(r.old);
                fwRestore[i]=null;
            }
        }
}


function FWLSwap(name,msg,newImg,layer,chain,trigger) 
{
    var r = fwRestore[name];
    if (document.images && (!r || r.msg < msg)) 
    {
        var uselayers = fwIsNetscape && document.layers && layer != '';
        var hld;
        if (uselayers)
            hld = document.layers[layer].document;
        else
            hld = document;
        var im = hld.getElementById(name);
        if (!im.old)
        {
            if(usingIEFix && im.runtimeStyle.filter)
                im.old = FWStripFileFromFilterString(im.runtimeStyle.filter);
            else
                im.old = im.src;
        }
        
        im.msg = msg;
        im.chain = chain;
        im.trigger = trigger;
        if (newImg) im.src = FWLoad(newImg);
        fwRestore[name] = im;
    }
}


function FWCallHit(func,targNum,msg)
{
    if(func)
        for (var i in func)
            func[i](targNum,msg);
}
function FW_Hit(frameset,chain,targNum,msg)
{
    if (frameset && frameset.length)
        for (var i=0 ; i <frameset.length ; i++)
        {
            try
            {
                FW_Hit(frameset[i].frames,chain,targNum,msg);
                FWCallHit(top["FT_"+chain],targNum,msg);
                FWCallHit(frameset[i].window["FT_"+chain],targNum,msg);
            }
            catch(err)
            {
            }
        }
    else
        FWCallHit(window["FT_"+chain],targNum,msg);
}


fwHit = new Object;
function FWSlave(frameset,chain,targNum,msg)
{
    if (msg==1) fwHit[chain]=targNum;
    FW_Hit(frameset,chain,targNum,1);
}

function FWSRestore(frameset,chain)
{
    var hit=fwHit[chain];
    if (hit)
        FW_Hit(frameset,chain,hit,0);
    fwHit[chain]=null;
}

function FWPreload()
{
    FWLoad("Resources/abouta.gif");
    FWLoad("Resources/about.gif");
    FWLoad("Resources/2a.gif");
    FWLoad("Resources/2.gif");
    FWLoad("Resources/3a.gif");
    FWLoad("Resources/3.gif");
}
//]]></script></head>
<body onload="FWPreload()">
<div id="PageDiv" style="position:relative; min-height:100%; margin:auto; width:944px">
    <table border=0 cellspacing=0 cellpadding=0 width=945>
        <colgroup>
            <col width=944>
            <col width=1>
        </colgroup>
        <tr valign=top>
            <td height=18></td>
            <td height=18></td>
        </tr>
        <tr valign=top>
            <td height=118><img src="Resources/neuesmenue.gif" border=0 width=944 height=118 alt="NeuesMenue1" usemap="#map1" style="float:left"></td>
            <td height=118></td>
        </tr>
        <tr class="f-sp">
            <td><img src="Resources/_clear.gif" border=0 width=944 height=1 alt="" style="float:left"></td>
            <td height=43><img src="Resources/_clear.gif" border=0 width=1 height=1 alt="" style="float:left"></td>
        </tr>
    </table>
    <table border=0 cellspacing=0 cellpadding=0 width=945>
        <colgroup>
            <col width=224>
            <col width=120>
            <col width=49>
            <col width=88>
            <col width=52>
            <col width=48>
            <col width=51>
            <col width=85>
            <col width=227>
            <col width=1>
        </colgroup>
        <tr valign=top>
            <td height=10><img src="Resources/deleteme1.gif" border=0 width=224 height=10 alt="" style="float:left"></td>
            <td height=10><a href="philosophie.html" onmouseover="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo');FWLSwap('img1',1,'Resources/2.gif','','Indigo')" onmouseout="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo')"><img src="Resources/2a.gif" border=0 width=120 height=10 alt="" style="float:left" id="img1"></a></td>
            <td height=10><img src="Resources/deleteme1.gif" border=0 width=49 height=10 alt="" style="float:left"></td>
            <td height=10><a href="weingut.html" onmouseover="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo');FWLSwap('img2',1,'Resources/3.gif','','Indigo')" onmouseout="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo')"><img src="Resources/3a.gif" border=0 width=88 height=10 alt="" style="float:left" id="img2"></a></td>
            <td height=10><img src="Resources/deleteme1.gif" border=0 width=52 height=10 alt="" style="float:left"></td>
            <td height=10><img src="Resources/gold.gif" border=0 width=48 height=10 alt="" style="float:left"></td>
            <td height=10><img src="Resources/deleteme1.gif" border=0 width=51 height=10 alt="" style="float:left"></td>
            <td height=10><a href="kontakt.html" onmouseover="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo');FWLSwap('img3',1,'Resources/kontaktweiss.gif','','Indigo')" onmouseout="FWRestore(1,'Indigo');FWSRestore(top.frames,'Indigo')"><img src="Resources/kontaktweissa.gif" border=0 width=85 height=10 alt="" style="float:left" id="img3"></a></td>
            <td height=10><img src="Resources/deleteme1.gif" border=0 width=227 height=10 alt="" style="float:left"></td>
            <td height=10></td>
        </tr>
        <tr class="f-sp">
            <td><img src="Resources/_clear.gif" border=0 width=224 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=120 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=49 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=88 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=52 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=48 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=51 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=85 height=1 alt="" style="float:left"></td>
            <td><img src="Resources/_clear.gif" border=0 width=227 height=1 alt="" style="float:left"></td>
            <td height=7><img src="Resources/_clear.gif" border=0 width=1 height=1 alt="" style="float:left"></td>
        </tr>
    </table>
    <table border=0 cellspacing=0 cellpadding=0 width=945>
        <colgroup>
            <col width=944>
            <col width=1>
        </colgroup>
        <tr valign=top>
            <td height=4><img src="Resources/siteschrif.gif" border=0 width=944 height=4 alt="" style="float:left"></td>
            <td height=4></td>
        </tr>
        <tr class="f-sp">
            <td><img src="Resources/_clear.gif" border=0 width=944 height=1 alt="" style="float:left"></td>
            <td height=5><img src="Resources/_clear.gif" border=0 width=1 height=1 alt="" style="float:left"></td>
        </tr>
    </table>
    <table border=0 cellspacing=0 cellpadding=0 width=945>
        <colgroup>
            <col width=944>
            <col width=1>
        </colgroup>
        <tr valign=top>
            <td height=457><img src="Resources/background4.jpeg" border=0 width=944 height=457 alt="Background4" usemap="#map2" style="float:left"></td>
            <td height=457></td>
        </tr>
        <tr class="f-sp">
            <td><img src="Resources/_clear.gif" border=0 width=944 height=1 alt="" style="float:left"></td>
            <td height=1><img src="Resources/_clear.gif" border=0 width=1 height=1 alt="" style="float:left"></td>
        </tr>
    </table>
    <map name="map1">
    <area alt="item1a" coords="298,6,640,114" href="willkommen.html">
    </map>
    <map name="map2">
    <area alt="item1" coords="121,27,218,430" href="detailansicht.html">
    </map>
</div>
</body>
</html>

VIELEN DANK FÜR EURE HILFE!
 

sokie

Mod | Web

AW: Div Ap Anfängerfrage

innerhalb vom div#PageDiv notierte Elemente sollten sich ohne Probleme absolut positionieren lassen.
Allerdings gibt es in deinem Code keine absolut positionierten Elemente.
 
F

FattyMac

Guest

AW: Div Ap Anfängerfrage

Ja, ich hab alles mit Tabellen erstellt - habs aber dank dir inbkommen, indem ich das div ap direkt in den tabellenbereich "gecodet" habe und anhand von der tabelle positioniert habe - danke für dein Input! :)
 

westob

Nicht mehr ganz neu hier

AW: Div Ap Anfängerfrage

tabellen sollte man im rahmen der barierefreiheit nicht nutzen. besser wäre die die anordnung der elemente über das css mit floats etc.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
175.158
Beiträge
2.581.874
Mitglieder
67.225
Neuestes Mitglied
Petra
Oben