Antworten auf deine Fragen:
Neues Thema erstellen

genauere Positionen für Tebellen usw. ?!

G

Golria45

Guest

Hallo,

ich habe einen Hintergrund für meine Homepage erstellt, und diesen nun in DW eingefügt und zentriert. Jetzt kann ich ja meine Texte einfach in die "normalen" Zeilen schreiben. Mein Problem ist aber das diese Zeilen nich an der rcihtigen Stelle über dem Hintergrund liegen. Wie kann ich Elemente wie Tabellen genauer positionieren?

LG
 

AW: genauere Positionen für Tebellen usw. ?!

Mach DIV-Layer draus, die kannst du mit CSS genau positionieren.
Nähere Beschreibung findest du z.b. bei Selfhtml oder google
 

cephy

Noch nicht viel geschrieben

AW: genauere Positionen für Tebellen usw. ?!

Mit den Slice im PS kannst das Bild auch schön zerhacken und ne Website erstellen lassen musst nur dannach nen haufen quellcodemüll entsorgen oder sauber neu schreiben mit den koordinaten die PS erstellt hat ein anderes programm wäre serif webplus in der version x2 sehr schön zu händeln
 
G

Golria45

Guest

AW: genauere Positionen für Tebellen usw. ?!

PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
	color: #000;
}
body {
	background-color: #190e09;
	background-image: url(file:///C|/Dokumente%20und%20Einstellungen/Outdoorphotography/Desktop/Neuer%20Ordner/Sample.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}
-->
<!-- 
#Menue { 
position:absolute;
top: 200px;  
left: 400px; 
} 

--> 
</style></head>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="Menue">
<table width="700" border="0" align="center">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<p>&nbsp;</p>

Wo liegt mein Fehler? Ich kann die Position immer noch nicht verändern.

LG
 

Herr_D

offline

AW: genauere Positionen für Tebellen usw. ?!

der quellcode ist *hust*


Code:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
    color: #000;
}
body {
    background-color: #190e09;
    background-image: url(file:///C|/Dokumente%20und%20Einstellungen/Outdoorphotography/Desktop/Neuer%20Ordner/Sample.jpg);
    background-repeat: no-repeat;
    background-position:top center;
}

#Menue {
       position:absolute;
       top: 200px;
       left: 400px;
       width:700px;
       }

#Menue table {
       width:100%;
       border:none;
       background:#999;
       }

-->
</style>

</head>
<body>
<div id="Menue">
<table>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
<div id=nächster Bereich"></div>
</body>
</html>




Die Frage ist allerdings, ob du die Tabelle und auch die absolute Positionierung brauchst... oder ob du das auch fluid valid mit margin und ul, li hinbekommst ;)
 
G

Golria45

Guest

AW: genauere Positionen für Tebellen usw. ?!

Hallo,

es sind noch 2 Probleme aufgetaucht!

PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
body,td,th {
    color: #000;
}
body {
	background-color: #160D08;
	background-image: url(Neuer%20Ordner/Sample.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}

#Menue {
	position:absolute;
	top: 186px;
	left: 304px;
	width:714px;
       }

#Menue table {
       width:100%;
       border:none;
       }
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #000;
}
a:active {
	color: #000;
}

-->
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('Neuer Ordner/Navigation braun/Home.jpg','Neuer Ordner/Navigation braun/About_the_photographer.jpg','Neuer Ordner/Navigation braun/Image_Gallerys.jpg','Neuer Ordner/Navigation braun/Travel_reports.jpg','Neuer Ordner/Navigation braun/Publications.jpg','Neuer Ordner/Navigation braun/Imprint.jpg')">
<p>&nbsp;</p>
</head>
<body>
<div id="Menue">
<table width="98%">
  <tr>
   <td><a href="www.outdoorphotography.de/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','Neuer Ordner/Navigation braun/Home.jpg',1)"><img src="Neuer Ordner/Navigation normal/Home_n.jpg" name="Home" width="58" height="34" border="0" id="Home" /></a><a href="www.outdoorphotography.de/a_t_p.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('About the Photographer','','Neuer Ordner/Navigation braun/About_the_photographer.jpg',1)"><img src="Neuer Ordner/Navigation normal/About_the_photographer_n.jpg" name="About the Photographer" width="167" height="34" border="0" id="About the Photographer" /></a><a href="www.outdoorphotography.de/i_g.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image gallerys','','Neuer Ordner/Navigation braun/Image_Gallerys.jpg',1)"><img src="Neuer Ordner/Navigation normal/Image_gallerys_n.jpg" name="Image gallerys" width="112" height="34" border="0" id="Image gallerys" /></a><a href="www.outdoorphotography.de/t_r.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Travel reports','','Neuer Ordner/Navigation braun/Travel_reports.jpg',1)"><img src="Neuer Ordner/Navigation normal/Travel_reports_n.jpg" name="Travel reports" width="112" height="34" border="0" id="Travel reports" /></a><a href="www.outdoorphotography.de/p.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Publications','','Neuer Ordner/Navigation braun/Publications.jpg',1)"><img src="Neuer Ordner/Navigation normal/Publications_n.jpg" name="Publications" width="94" height="34" border="0" id="Publications" /></a><a href="www.outdoorphotography.de/i_s.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image sales','','Neuer Ordner/Navigation braun/Image_sales.jpg',0)"><img src="Neuer Ordner/Navigation normal/Image_sales_n.jpg" name="Image sales" width="91" height="34" border="0" id="Image sales" /></a><a href="www.outdoorphotography.de/i.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Imprint','','Neuer Ordner/Navigation braun/Imprint.jpg',1)"><img src="Neuer Ordner/Navigation normal/Imprint_n.jpg" name="Imprint" width="73" height="34" border="0" id="Imprint" /></a></td>
  </tr>
</table>
</div>
<div id=nächster Bereich"></div>
</body>
</html>

Mein Problem NR.1 ist, das sich die Positionierte Tabelle beim Verändern des Browserfensters verschiebt. Ich möchte aber das sie fest auf der zugewiesenden Position sitzen bleibt.

Problem Nr.2 ist, das ich keinen Scrollbalken auf der rechten Seite habe, somit wird nicht mein gesamter Hintergrund angezeigt. Wie ändert man das???

Danke für eure Hilfe!

LG
 
G

Golria45

Guest

AW: genauere Positionen für Tebellen usw. ?!

Kann mir denn keiner helfen? Meine zwei Fragen haben sich nämlich immer noch nicht erldigt, obwohl ich schon die ganze Zeit rumprobiere....

Ich habe jetzt schon probiert den Hintergrund auf "scroll zu stellen also so:

PHP:
background-attachment: scroll;

LG
 
Zuletzt bearbeitet von einem Moderator:
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
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben