nicht angemeldet
Tabellen Verschiebung
Hallo an alle!
ich weiß, dass meine frage absolut basic ist, aber auch nach tagelangem probieren und googeln komm ich einfach nicht auf den fehler!!!
ich schreibe eine homepage für unsere feuerwehr, habe dafür ein bisschen html hier gestuckt und mit hilfe von dreamweaver gehts eigentlich ganz gut, nur ein proble bekomme ich nicht in den griff!
ich möchte eine art vorlagenseite gestalten , indem die obere grafik (über die ganze seite) sowie der linke bildrand (enthält die nav-buttons sowie das link-bild auf uwz.at)immer gleich bleiben soll. nun verschieben sich aber die nav buttons mitsamt dem uwz-link bei jeder seite etwas anders nach unten oder oben, je nachdem was ich in der tabelle daneben eingebe...
da ich will dass nav und uwz immer gleich bleibt und ich auch die seite (rechts neben nav usw)nach unten zum beispiel mit text oder vorschaubildern (thumbs) verlängern kann (nav und uwz sollen aber oben bleiben, nur die hintergrundgrafik "theme vertical small" soll links weiter von oben durchgehend nach unten durchlaufen)
echt, ich hänge und finde keine zufriedenstellende lösung.
hat bitte jemand rat für mich?
ich kopiere meine vorlagenseite rein damit ihr wisst wovon ich rede.
danke im voraus
lg
donny
<!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>Freiwillige Feuerwehr </title> <link rel="shortcut icon" href="favicon.ico" > <style type="text/css"> <!-- body { background-color: #3B3535; } a:link { color: #FF0000; } a:visited { color: #FF0000; } --> </style> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head>
<body> <table width="1099" height="446" border="0"> <tr> <td width="1093" height="442"><table width="1086" height="73" border="0"> <tr> <td><img src="pictures/theme_wide_new_luminanz.jpg" width="1086" height="210" /></td> </tr> </table> <table width="1093" border="0">
<tr> <td width="203" height="141" background="pictures/theme_vertical_small.jpg"><table width="203" border="0">
<tr> <td height="36"> </td> </tr>
<td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_home','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_home' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_home.swf" /> <param name="quality" value="high" /> <embed src="flash/button_home.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_kalender','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_kalender' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_kalender.swf" /> <param name="quality" value="high" /> <embed src="flash/button_kalender.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_gallerie','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_gallerie' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_gallerie.swf" /> <param name="quality" value="high" /> <embed src="flash/button_gallerie.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_gaestebuch','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_gaestebuch' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_gaestebuch.swf" /> <param name="quality" value="high" /> <embed src="flash/button_gaestebuch.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_links','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_links' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_links.swf" /> <param name="quality" value="high" /> <embed src="flash/button_links.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_spiele','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_spiele' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_spiele.swf" /> <param name="quality" value="high" /> <embed src="flash/button_spiele.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td><div align="center"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','154','height','58','src','flash/button_downloads','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/button_downloads' ); //end AC code </script> <noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="154" height="58"> <param name="movie" value="flash/button_downloads.swf" /> <param name="quality" value="high" /> <embed src="flash/button_downloads.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="154" height="58"></embed> </object> </noscript> </div></td> </tr> <tr> <td> </td> </tr> <tr> <td height="155"><div style="width:219px;height:137px; border: 1px solid black;"><a href="http://www.uwz.at/at/de/" alt="Aktuelle Unwetterwarnungen für Österreich" title="Aktuelle Unwetterwarnungen für Österreich"><img src="http://www.uwz.at/outwards/current_2008.png" style="border: 0;" /></a></div></td> </tr> </table></td> <td width="853"> </td> </tr> </table></td> </tr> </table> </body> </html>
-
Hallo Donny,
Wenn ich dir einen grundlegenden Tipp geben darf verwende CSS zur Formatierung.
Vor lauter
<table><tr><td></td></tr></table-Dschungel sieht man die divs kaum.Hier hast du ein Tutorial über CSS, nehm dir mein Rat zu Herze kann dir nur zu gute kommen.
Gruß Jonny F.
-
hallo!
danke für eure hilfe!
ich habe mir deinen Tipp zu Herzen genommen und mich tatsächlich an css probiert!
Dies klappt eigentlich ganz gut, habe auch gleich grobe züge meiner seite nachgebaut!nun habe ich mal wieder ein problem welches ich auch nach dem 100ten youtube-video nicht lösen kann:
ich möchte gerne eine grafik (jpg,png) und auch buttons (swf) in meine container einfügen und organisieren. zb in "leftnav" sieben swf-buttons usw
könnte mir bitte jemand die genaue syntax für css und wie ich diese dann in html aufrufe mitteilen?
vielen dank im voraus!!
lg
donny
meine css und html codes nachstehend:
css:
#container {
width: 1086px;
background-color: #3B3535;}
#header {
width: 1086px;
height: 210px;
position: absolute;
background-image: url(images/header_bg.jpg);
border-bottom: 2px solid #000000;
}#leftnav {
float: left;
width: 199px;
height: 850px;
background-image: url(images/left_nav.jpg);
}#rightnav {
float: right;
width: 199px;
height: 600px;
background-image: url(images/right_nav.png);
background-repeat: no-repeat;
position:relative;
top:220px;
right: 3px;
}#body {
width: 684px;
background-color: #3B3535;
}#footer {
clear: both;
background-color: #aaaaaa;
}__________________________________________________________________________
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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Freiwillige Feuerwehr </title>
<link rel="shortcut icon" href="favicon.ico" >
<link href="style.css" rel= "stylesheet" type="text/css">
</head><body>
<div id="container">
<div id="header"></div>
<div id="leftnav"></div>
<div id="rightnav"></div>
<div id="body"><div id="pictest"></div></div>
<div id="footer">wird footer</div>
</div>
</body>
</html>Hallo Donny,
Wenn ich dir einen grundlegenden Tipp geben darf verwende CSS zur Formatierung.
Vor lauter
<table><tr><td></td></tr></table-Dschungel sieht man die divs kaum.Hier hast du ein Tutorial über CSS, nehm dir mein Rat zu Herze kann dir nur zu gute kommen.
Gruß Jonny F.
-
Hallo Donny,
weißt du nicht wie du ein Bild einfügst oder wie du diese Formatieren sollst.
-
-
-
Hi,
Gib deinen Tabellenzellen feste Breiten dann verrutscht auch nix mehr ausser du verwendest unterschiedliche Browser ;). CSS währe sicher die modernere Lösung.
LG