✔ tabelle zentrieren?

Das colspan-Attribut hat nichts mit der Ladezeit zu tun, sondern sorgt dafür, dass sich diese Zellen unter der 6-spaltigen Headerzeile über die komplette Tabelle erstrecken.

Was den Code für den Bilderwechsel betrifft, verrät dir der Quellcode der Demo-Seiten doch, wo du ihn einbinden mußt.

mfg Maik
 
Achja, nutze bitte zukünftig den "Ändern"-Button, wenn du noch etwas nachreichen willst, anstatt hier im Minutentakt neue Beiträge abzuschicken, und gewöhn dir bitte an, deine Quellcodeangaben in den dafür vorgesehenen Syntax-Highlighter zu packen, worum ich dich heute Morgen schon mal gebeten hatte (!)
 
passenger hat gesagt.:
sorry! Ich bin wie gesagt ein absoluter Neuling was programmiersprache angeht und syntax highliter sagt mir schon nichts...:confused:
Zum Vergrößern anklicken....

Dazu bedarf es eigentlich keiner besonderen Kenntnisse in einer der Programmiersprachen :suspekt:

Guggst du beim Verfassen deiner Beiträge einfach hier, wenn du uns deinen Quellcode zeigen willst:

texteditor.jpg

Und schau mal bei GeSHi - Generic Syntax Highlighter vorbei (kommt hier im Forum zum Einsatz), wenn du mit dem Begriff "Syntax-Highlighter" nichts anzufangen weißt.

mfg Maik
 
passenger hat gesagt.:
Achja und würdest du mir vielleicht nochmal sagen welchen Teil und wohin ich den Code für das wechselnde Startbild hinsetze?
Schöne Grüsse, Sandro

<!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>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
#banner {
height:100px;
border:1px solid #000;
background:#ffffcc url(images/pmoblogob.jpg) no-repeat center center;
}
</style>
<script type="text/javascript">
<!--
if (document.getElementById) { window.onload = swap };

function swap() {
var numimages=7;
rndimg = new Array("http://www.tutorials.de/forum/images/screen2col1.gif", "http://www.tutorials.de/forum/images/screen2col2.gif", "http://www.tutorials.de/forum/images/screen2col3.gif", "http://www.tutorials.de/forum/images/screen2col4.gif", "http://www.tutorials.de/forum/images/screen2col5.gif", "http://www.tutorials.de/forum/images/screen2col6.gif", "http://www.tutorials.de/forum/images/pmoblogoa.jpg");
x=(Math.floor(Math.random()*numimages));
randomimage=(rndimg[x]);
document.getElementById("banner").style.backgroundImage = "url("+ randomimage +")";
}
//-->
</script>
</head>
<body >
<div id="banner"></div>
</body>
</h
Zum Vergrößern anklicken....


Da du nicht dem Beispiel folgend einen zufälligen Banner, sondern abwechselnde Seitenhintergründe installieren möchtest, rufst du dem Javascript-Code zufolge die ID banner in deiner Seite im <body>-Tag auf:

HTML: 
<body id="banner">
    <table>...</table>
</body>
und hängst diesen ID-Bezeichner im Stylesheet hier an:

Code: 
body#banner {
background-image: url(pics/bg1.jpg);
background-repeat: repeat-x;
background-position: 50%;
background-attachment:fixed;
background-color: #000000;
}


Fertitsch :)

Wenn du anstelle von banner einen anderen ID-Bezeichner für diese Aktion verwenden möchtest, gehst du ins Javascript, und änderst den ID-Namen in dieser Zeile um:

Javascript: 
document.getElementById("banner").style.backgroundImage = "url("+ randomimage +")";


mfg Maik
 
Hallo Maik

Wie du sicher schon gemerkt hast ist in meinem Fall nicht nur die Programmiersprache das Problem, sondern generell alles was mit Computern zu tun hat. In photoshop bin ich ein ass aber sonst...
Naja, ich hätte da nochmal ein kleines Problem.
Könntest du mir vielleicht sagen wie ich innerhalb der Tabelle die Grössen von anderen Tabellen verändern kann? Also mit meinem Code werden die einstellungen der äusseren Tabelle ebenfalls auf die inneren bezogen. Wie definiere ich die in diesem Fall einzeln.(Wobei sie natürlich mit zentriert bleiben sollen)
Schicke dir hier nochmal den Code wie er jetzt aussieht..

HTML: 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="author" content="Maik">
<meta name="date" content="2009-02-08">

<title>acidhorse entertainment</title>

<style type="text/css">
body {
	background-image:url(pics/bg4.jpg);
	background-repeat:repeat-x;
	background-position:50%;
	background-attachment:fixed;
	background-color:#000000;
} 
html,body {
height: 100%;
margin: 0;
padding: 0;
}
table#outer {
width: 100%;
height: 100%;
text-align: center;
}
table#inner {
width: 700px;
height: 300px; 
}
table#inner thead {
height: 40px;
}
table#inner tbody {
height: 220px;
}
table#inner tfoot {
height: 40px;
}
a:link {
	color: #ffffcc;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffcc;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}
.style1 {font-size: 11px}
</style>

</head>
<body>
<table id="outer">
       <tr>
           <td align="center">
               <table id="inner" border="1">
                      <thead>
                             <tr>
                             <td><table width="700" border="1">
                               <tr align="left" valign="top">
                                 <td class="style1"><a href="index.html">home</a></td>
                             <td class="style1"><a href="about_us_de.html">about us</a></td>
                             <td class="style1"><a href="gallery_de.html">gallery</a></td>
                             <td class="style1"><a href="store_de.html">store</a></td>
                             <td class="style1"><a href="contact_de.html">contact</a></td>
                             <td class="style1"><a href="impressum_de.html">impressum</a></td>
                               </tr>
                             </table></td>
                       </tr>
                      </thead>
                      <tfoot>
                             <tr>
                             <td><table width="700" border="1">
                               <tr align="left" valign="top">
                                 <td>&nbsp;</td>
                                 <td>&nbsp;</td>
                                 <td>&nbsp;</td>
                               </tr>
                               
                             </table></td>
                             </tr>
                      </tfoot>
                      <tbody>
                             <tr>
                             <td>
                             
                             <iframe src="../../../index.htm" width="100%" height="220" name="SELFHTML_in_a_box">
  <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen:
  Sie k&ouml;nnen die eingebettete Seite &uuml;ber den folgenden Verweis
  aufrufen: <a href="../../../index.htm">SELFHTML</a></p>
</iframe>
</td>
                             </tr>
                      </tbody>
               </table>
         </td>
       </tr>
</table>
</body>
 
Indem du hier einfach die gewünschte Breite angibst:

Code: 
<td><table width="700" border="1">


Wie von mir hier schon mal empfohlen, solltest du dich allmählich in das Kapitel Tabellen einlesen, und dir gewisse Grundkenntnisse aneignen, oder willst du bei jedem weiteren Arbeitsschritt unser Forum konsultieren?

mfg Maik
 
Maik hat gesagt.:
Indem du hier einfach die gewünschte Breite angibst:

Code: 
<td><table width="700" border="1">


Wie von mir hier schon mal empfohlen, solltest du dich allmählich in das Kapitel Tabellen einlesen, und dir gewisse Grundkenntnisse aneignen, oder willst du bei jedem weiteren Arbeitsschritt unser Forum konsultieren?

mfg Maik
Zum Vergrößern anklicken....


Natürlich. Da hast du vollkommen recht! Ich bin auch seit einigen Tagen dabei. Nur stehe ich gerade etwas unter Druck, da ich die Seite am 14. online haben muss..
Aber ich bleibe dran!
Jedenfalls nochmal danke für deine Hilfe und Geduld. Wenn es irgendwie eine reale Möglichkeit gibt dir ein Bier auszugeben, lass es mich wissen:)
 
Hallo Maik

Ich kann mich nur schon wieder entschuldigen! Bin kurz davor alles hinzuschmeissen. Habe in den letzten Tagen soviel gelesen und mir angeeignet, vor Allem über Tabellen. Das ist auch eigentlich nicht mehr das Problem. Nur habe ich jetzt mehrere Tabellen in die erste eingebaut was auch soweit gut lief. Nur blicke ich jetzt mal wieder nicht durch was die Darstellung angeht. Im IE sieht es ganz ok aus, und In FF sind die Tabellen jetzt zu weit rechts und der iframe noch weiter rechts, also ziemlich durcheinander. Und in Dreamweaver selbst ist in der Vorschau nicht mal mehr irgendwas zentriert, Tabellen werden teilweise nicht angezeigt und Texte stehen auch völlig woanders, was dem Ganzen noch die Krone aufsetzt. Ich bin nicht blöd, aber langsam frage ich mich ob ich einen an der Waffel habe..
Womit könnte das denn zusammenhängen?
Würdest du dir vielleicht nochmal meinen jetzigen Code angucken und sagen was jetzt wieder falsch ist?
Schöne Grüsse, Sandro

HTML: 
<style type="text/css">

body {
	background-image:url(pics/bg1.jpg);
	background-repeat:repeat-x;
	background-position:50%;
	background-attachment:fixed;
	background-color:#000000;
}  

html, body {
height: 100%;
margin: 0;
padding: 0;
}

table#outer {
width: 100%;
height: 100%;
text-align: center;
}

table#inner {
width: 700px;
height: 328px; 
}
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffcc;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}
.style2 {font-size: 9px}
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffcc;
}
</style>

</head>
<body>

<table id="outer">
       <tr>
           <td align="center">
               <table id="inner">
                      <tr>
                          
                          <td><table width="700" height="30" border="1">
                      <tr>
                          <td></td>
                      </tr>
                      
                      <table width="700" height="25" border="1">
                      <tr>
                      <td><a href="index.html" class="style1">start</a></td>
                      <td><a href="about_us_de.html"class="style1">über uns</a></td>
                      <td><a href="service_de.html"class="style1">service</a></td>
                      <td><a href="gallery_de.html"class="style1">gallerie</a></td>
                      <td><a href="store_de.html"class="style1">store</a></td>
                      <td><a href="contact_de.html"class="style1">kontakt</a></td>
                      <td><a href="impressum_de.html"class="style1">impressum</a></td>
                      </tr>
  
                      <table width="700" height="218" border="0">
                      <tr>
                      <td><IFRAME 
                      SRC="BeaverHabitat.html" 
                      WIDTH=700 HEIGHT=218 >
                      <A HREF="BeaverHabitat.html"></A></TD></TR>
                      </TABLE>
                      </IFRAME>
                      </td>
                      </tr>
  
                      <table width="700" height="25" border="1">
                      <tr>
                      <td><a href="links.html" class="style1 style2">links</a></td>
                      <td><a href="disclaimer_de.html" class="style1 style2">disclaimer</a></td>
                      <td><span class="style3">&copy; 2009 acidhorse entertainment | all rights reserved</span></td>
                      </tr>
                      
                      <table width="700" height="30" border="1">
                      <tr>
                      <td>&nbsp;</td>
                      <td>&nbsp;</td>
                      </tr>

</table>

</body>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück