Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.08.2009 um 01:27 (UTC)    
Titel: Design CSS : Textfeld #content soll sich Inhalt anpassen

Hallo, ich brauche dringend Hilfe bei meinem Design, ich möchte das der Content sich automatisch dem Inhalt anpasst und die unteren Buttons mit nach unten rutschen. zusätzlich möchte ich gerne dass das gesamte Design zentriert wird.

Ich hoffe ihr könnt mir helfen! Danke im Vorraus.

-> Einfacher Text:

Zitat:
<center><table cellspacing="0" cellpadding="0" border="0" align="center" width="200">
<tbody>
<tr>
<td><a href="http://www.paddyfox.de.tl/G_BOOK.htm" target="_self"><img border="0" src="http://img.webme.com/pic/p/paddyfox/gbook_link.png" alt="" /></a></td>
<td><a href="http://www.paddyfox.de.tl/IMPRESSUM.htm" target="_self"><img border="0" src="http://img.webme.com/pic/p/paddyfox/impressum_link.png" alt="" /></a></td>
<td><a href="http://www.paddyfox.de.tl/PARTNER.htm" target="_self"><img border="0" src="http://img.webme.com/pic/p/paddyfox/partner_link.png" alt="" /></a></td>
</tr>
</tbody>
</table></center>




-> Text über dem Design:

Zitat:
<script language="JavaScript">function hit(hitlink) {if(document.images) {(new Image()).src=''+hitlink+'';}return true;}</script>
<a href="http://www.meinetopliste.de/toplist.php?toplistid=2734" onmousedown="return hit('http://www.meinetopliste.de/in.php?id=11548')" target="_blank"><span style="color: rgb(51, 51, 51);">Vote 4 me</span></a>

<style type="text/css">
<!--
.tab {
position: absolute;
top: 110px;
left: -40px;
}


-->
</style>

<a href="http://www.paddyfox.de.tl/HOME.htm"><table class="tab" height="69" width="1028" border="0" background="http://img.webme.com/pic/p/paddyfox/header.png" cellspacing="2" cellpadding="0">

<tr>
<td> </td>
</tr>

</table></a>


<style type="text/css">
table.web_button{position:absolute;left:463px;top:600px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="web_button">
<tbody>
<tr>
<td><strong>
<a href="http://paddyfox.de.tl/W3B.htm"><img src="http://img.webme.com/pic/p/paddyfox/web_button.png" border="0" </strong></td>
</tr>
</tbody>
</table>

<style type="text/css">
table.gfx_button{position:absolute;left:145px;top:600px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="gfx_button">
<tbody>
<tr>
<td><strong><a href="http://paddyfox.de.tl/GFX.htm"><img border="0" alt="" src="http://img.webme.com/pic/p/paddyfox/gfx_button.png" /></strong></td>
</tr>
</tbody>
</table>

<style type="text/css">
table.code_button{position:absolute;left:305px;top:600px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="code_button">
<tbody>
<tr>
<td><strong><a href="http://paddyfox.de.tl/CODE.htm"><img border="0" alt="" src="http://img.webme.com/pic/p/paddyfox/code_button.png" /></strong></td>
</tr>
</tbody>
</table>

<style type="text/css">
table.faq_button{position:absolute;left:622px;top:600px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="faq_button">
<tbody>
<tr>
<td><strong><a href="http://paddyfox.de.tl/F-.-A-.-Q-.-.htm"><img border="0" alt="" src="http://img.webme.com/pic/p/paddyfox/faq_button.png" /></strong></td>
</tr>
</tbody>
</table>


<script type="text/javascript">
<!--
IE = document.all &&!window.opera;
GK = window.sidebar;
AOB = [];
x = 0;

function Fader()
{
this.timeOut=false;
this.fade=function(y)
{
clearTimeout(this.timeOut);
this.value=Number(eval('this.object.'+this.attr))+(this.delta*this.evt[y]);
if(this.value>=this.min && this.value<=this.max)
{
eval('this.object.'+this.attr+'='+this.value)
this.timeOut=setTimeout('AOB['+this.index+'].fade('+y+')',this.rate);
}
}
}


function init_fader(obj,delta,rate,min,max,dir)
{
if(IE || GK)
{
AOB.push(new Fader(x));
OB = AOB[x];
OB.index = x;
OB.object = obj;
if(IE)
{
OB.attr = 'filters.alpha.opacity';
OB.faktor = 1;
}
else
{
OB.attr = 'style.MozOpacity';
OB.faktor = 100;
}
OB.delta = delta/OB.faktor;
OB.rate = rate;
OB.min = min/OB.faktor;
OB.max = max/OB.faktor;
OB.evt=[-1,1];if(dir)OB.evt.reverse();
OB.object.onmouseover = new Function('f1','AOB['+x+'].fade(0)');
OB.object.onmouseout = new Function('f2','AOB['+x+'].fade(1)');
OB.fade(0);x++;
}
}

//-->
</script>




-> Hinweis unter dem Inhaltsbereich:

Zitat:
<style type="text/css">
table.balken1{position:absolute;left:115px;top:172px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="balken1">
<tbody>
<tr>
<td><strong><a target="_blank" href="http://www.actionbored.de/"><img height="141" border="0" width="355" src="http://img.webme.com/pic/p/paddyfox/balken_oben_actionbored.png" alt="http://img.webme.com/pic/p/paddyfox/werbepartnersuche2.png" /></strong></td>
</tr>
</tbody>
</table>


<style type="text/css">
table.balken2{position:absolute;left:453px;top:172px;}
</style>
<table cellspacing="0" cellpadding="0" border="0" class="balken2">
<tbody>
<tr>
<td><strong><a target="_blank" href="http://www.mozilla.com/en-US/"><img height="141" border="0" width="355" alt="" src="http://www.pic-upload.de/19.04.09/qlx7tc.png" /></strong></td>
</tr>
</tbody>
</table>




-> CSS-Code ohne Styletags

Zitat:
h1#title{display: none;}

h2#title span {display: none;}

div.header{display: none;}

li.nav_element{color:#000000;list-style-type: none;}

#Header_oben{ height: 69px; width: 1028px; background: ; background-image:url(http://img.webme.com/pic/p/paddyfox/header.png); color: #000000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:-40px;top:110px; scroll: auto;}

body {background-image:url(http://img.webme.com/pic/p/paddyfox/background.png);background-position:absolute; left:150px;}

a{color:#ffffff; font-size: 15px; text-decoration: none;}

a:hover {color: #ffffff; font-size: 15px; text-decoration: none;}

a:link {color: #ffffff; font-size: 15px; text-decoration: none;}

a:active {color: #ffffff; font-size: 15px; text-decoration: none;}

a:visited {color: #ffffff; font-size: 15px; text-decoration: none;}

li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(); background-color:}

li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(hover); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; }

#nav_container { width: 0px; height: 0px; background: ; background-image:url(); color: ; border: 0px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:95%;top:99%;}

#content {height: 280px; width:650px; background:; background-image:url(); color: #ffffff; border: 1px solid #; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:125px;top:302px;}

#sidebar_container { height: 70px; width: 600px; background: ; background-image:url(); color:#ffffff ; border: 0px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:152px; top: 760px;}

#counter{color:#ffffff ;position:absolute;left:7px;top:125px;}





Mit freundlichem Gruß
Patrick F.


Zuletzt bearbeitet von paddyfox am 04.08.2009, 04:19, insgesamt einmal bearbeitet
Beitrag04.08.2009 um 03:19 (UTC)    
Titel:

Hallo,

Du verwendest das Design CSS . Das Textfeld dort hat die ID #content
Es hat bei dir die Höhe 280px; bekommen und ein overflow:auto;
Das heisst, erreicht der Seiten-Inhalt die 280 Pixel Höhe, wird das Textfeld scrollbar .

Lösung :
- bei #content das height:280px; entfernen
- bei #content das overflow:auto; entfernen

Frage 2 : Buttons immer unter dem Textfeld platzieren :
Diese kannst du im Feld "Text unter Design" einfügen Wink

Gruß Wolfgang
______________
Beitrag04.08.2009 um 12:11 (UTC)    
Titel:

danke Smile
aber leider funktioniert das mit den buttons nicht Sad
Beitrag06.08.2009 um 19:22 (UTC)    
Titel:

http://www.homepage-baukasten.de/forum/viewtopic.php?p=555890&highlight=#555890

ist ein code von zitapage,mit wachsendem content und footer,musst du aber halt ganz umformen
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de