Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag04.01.2011 um 19:08 (UTC)    
Titel: Content verschieben

Hey,

Wie aknn ich meinen Content verschieben. Er soll in der mittte und es soll ein bisschen nach unten gehn. Gibt es dazu einen Code. Ich poste mal meine Codes.

Text über dem Design
Code:
<style type="text/css">
         <!--
                  h2#title span {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element checked_menu {display:none;}
li.nav_element subpage {display:none;}
li.nav_element {display:none;}
#counter {display: none;}
 
* {
margin: 0;
padding: 0; }
 
img {
border: 0; }
 
h1 {
color: #ff1c33; }
 
h2 {
color: #ff1c33; }
 
h3 {
color: #ff1c33; }
 
h4 {
color: #ff1c33; }
 
h5 {
color: #ff1c33; }
 
h6 {
color: #ff1c33; }
 
 
a:focus {
color: #ff1c33;
text-decoration: none; }
 
body {
background: url(http://img.webme.com/pic/k/kenanmustafa/bg5.jpg);
font-size: 13px;
font-family: Arial, sans-serif; }
 
#headerbg {
float: left;
height: 100px;
width: 100%;
background: url(http://img.webme.com/pic/k/kenanmustafa/hadernew.jpg) repeat-x; }
 
#contentcontainer {
float: left;
width: 760px;
text-align: left;
}
 
#contenttop {
float: left;
height: 10px;
width: 760px;
background: url() no-repeat; }
 
#content {
float: left;
width: 730px;
padding: 5px 15px 5px 15px;
background: url(http://www.closomat.ch/uploads/pics/weiss.jpg) repeat-y;
min-height: 100%;
}
 
#contentfoot {
float: left;
height: 10px;
width: 760px;
background: url() no-repeat; }
 
#sidebarcontainer {
float: right;
width: 200px;
text-align: left;
}
 
 
#sidebartop {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebartop.png) no-repeat; }
 
#sidebar {
float: left;
width: 170px;
padding: 5px 15px 5px 15px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebar.png) repeat-y; }
 
#sidebarfoot {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebarfoot.png) no-repeat; }
 
#footerbg {
float: left;
height: 155px;
width: 100%;
margin-top: 10px;
background: url(http://img.webme.com/pic/d/djrezo/footerbg.png) repeat-x bottom; }
 

      </style>
         </head>
   <body id="hpb_cssonly">
      <div id="headerbg">
  <div id="header"></div>
</div>
<div id="main">
  <div id="contentcontainer">
    <div id="contenttop"></div>      <div id="container">
         <div id="header_container">
            <div id="pre_header"></div>
            <div class="header"><h1 id="header"><span>|</span></h1></div>
            <div id="post_header"></div>
         </div>
         <div id="nav_container">
         <h2 id="nav_heading"><span></span></h2>


Text unter dem Design
Code:
<div id="post_content"></div>
                        <div id="sidebar_container">
               <h2 id="sidebar_heading"><span></span></h2>
               <div id="sidebar_content"></div>
            </div>
         </div>
      </div>
          <div id="contentfoot"></div>
                    <iframe src="http://www.homepage-baukasten.de/cookie.php?visit=kenanmustafa&auth1=a681ba927f85dc869574380d021df807&auth2=754a44a50d22cbd8d6326a333ec6683b&auth3=f25f36cda250c23ad9c6cf1328ace0b7&auth4=dd6defa9961e2da6b1f790c28db62861&auth5=58fb4a0e7f7797581a81ccae4793bfc7&mode=track" style="display:none;width:1px;height:1px;"></iframe>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script>
<script type="text/javascript">
   _uacct = "UA-2594508-8";
   urchinTracker();
_uff = 0;
_uacct = "UA-2594508-32";
urchinTracker();
_uff = 0;
_uacct = "UA-2594508-50";
urchinTracker();
</script>      <div id="extraDiv1"><span></span></div>
      <div id="extraDiv2"><span></span></div>
      <div id="extraDiv3"><span></span></div>
      <div id="extraDiv4"><span></span></div>
      <div id="extraDiv5"><span></span></div>
      <div id="extraDiv6"><span></span></div>
   </body>
</html>



Mfg
Kenan
Bitte helft mir
Beitrag04.01.2011 um 19:13 (UTC)    
Titel:

Du kanst bei #content das Padding ändern.

LG
______________
Günstiges Webhosting.
1 Domain + 3Gb Webspace + unlimited Traffic schon ab 2,90 Euro

http://Luckyhost.de
Beitrag04.01.2011 um 19:21 (UTC)    
Titel:

könntest du mir das machen ich kenn mich damit nicht aus
Beitrag04.01.2011 um 19:46 (UTC)    
Titel:

Ja ich weiß doch nicht wieviel pixel du es verschieben möchtest.

Bei Text übder dem Design steht doch #Content und in der Klammer '{}' steht padding: 5px 15px 5px 15px;

Die änderst du mal dann siehst schon was passiert Wink
______________
Günstiges Webhosting.
1 Domain + 3Gb Webspace + unlimited Traffic schon ab 2,90 Euro

http://Luckyhost.de
Beitrag05.01.2011 um 11:16 (UTC)    
Titel:

Hi,
wenn du den Content-Top, Content und Content-Foot richtig in den Container eingebaut
hast, kannst du folgenden Code verwenden um das Mittig zu machen und von
oben den Abstand zu regeln.
Code:
#contentcontainer {
float: left;
width: 760px;
text-align: left;
magin-right: auto;
margin-left: auto;
margin-top: 20px;
}

Margin-Left und -Right führen den Container in die Mitte.
Magin-Top regelt den Abstand von oben bis zum Div.

Gruss
Riki
Beitrag05.01.2011 um 11:38 (UTC)    
Titel:

Ok danke an die beiden Very Happy . Ich hab noch ne frge Wie kann ich den Content verbreitern? Also hier ist Mein Code
Text über dem Design
Code:
<style type="text/css">
         <!--
                  h2#title span {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element checked_menu {display:none;}
li.nav_element subpage {display:none;}
li.nav_element {display:none;}
#counter {display: none;}
 
* {
margin: 0;
padding: 0; }
 
img {
border: 0; }
 
h1 {
color: #ff1c33; }
 
h2 {
color: #ff1c33; }
 
h3 {
color: #ff1c33; }
 
h4 {
color: #ff1c33; }
 
h5 {
color: #ff1c33; }
 
h6 {
color: #ff1c33; }
 
 
a:focus {
color: #ff1c33;
text-decoration: none; }
 
body {
background: url(http://img.webme.com/pic/k/kenanmustafa/bg5.jpg);
font-size: 13px;
font-family: Arial, sans-serif; }
 
#headerbg {
float: left;
height: 100px;
width: 100%;
background: url(http://img.webme.com/pic/k/kenanmustafa/hadernew.jpg) repeat-x; }
 
#contentcontainer {
float: left;
width: 750px;
text-align: left;
magin-right: auto;
margin-left: 85px;
margin-top: 70px;
}
 
#contenttop {
float: left;
height: 10px;
width: 730px;
background: url() no-repeat; }
 
#content {
float: left;
width: 730px;
padding: 5px 15px 5px 15px;
background: url(http://www.closomat.ch/uploads/pics/weiss.jpg) repeat-y;
min-height: 100%;
}
 
#contentfoot {
float: left;
height: 10px;
width: 760px;
background: url() no-repeat; }
 
#sidebarcontainer {
float: right;
width: 200px;
text-align: left;
}
 
 
#sidebartop {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebartop.png) no-repeat; }
 
#sidebar {
float: left;
width: 170px;
padding: 5px 15px 5px 15px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebar.png) repeat-y; }
 
#sidebarfoot {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebarfoot.png) no-repeat; }
 
#footerbg {
float: left;
height: 155px;
width: 100%;
margin-top: 10px;
background: url(http://img.webme.com/pic/d/djrezo/footerbg.png) repeat-x bottom; }
 

      </style>
         </head>
   <body id="hpb_cssonly">
      <div id="headerbg">
  <div id="header"></div>
</div>
<div id="main">
  <div id="contentcontainer">
    <div id="contenttop"></div>      <div id="container">
         <div id="header_container">
            <div id="pre_header"></div>
            <div class="header"><h1 id="header"><span</span></h1></div>
            <div id="post_header"></div>
         </div>
         <div id="nav_container">
         <h2 id="nav_heading"><span></span></h2>


Hoffe ihr helft mir
Beitrag05.01.2011 um 11:41 (UTC)    
Titel:

Hi,
bei folgendem Code:
Zitat:
#content {
float: left;
width: 730px;
padding: 5px 15px 5px 15px;
background: url(http://www.closomat.ch/uploads/pics/weiss.jpg) repeat-y;
min-height: 100%;
}

Die 730px kannst du ersetzen durch eine Höhere Zahl.
Vielleicht das Selbe auch beim Container machen.

Gruss
Riki
Beitrag05.01.2011 um 11:45 (UTC)    
Titel:

Ja das hab ich gemacht RIKI aber es geht wieder nicht schau mal vielleicht hab ich was falsch gemacht
Code:
<style type="text/css">
         <!--
                  h2#title span {display: none;}
div.header {display: none;}
li.nav_element {list-style-type: none;}
li.nav_element checked_menu {display:none;}
li.nav_element subpage {display:none;}
li.nav_element {display:none;}
#counter {display: none;}
 
* {
margin: 0;
padding: 0; }
 
img {
border: 0; }
 
h1 {
color: #ff1c33; }
 
h2 {
color: #ff1c33; }
 
h3 {
color: #ff1c33; }
 
h4 {
color: #ff1c33; }
 
h5 {
color: #ff1c33; }
 
h6 {
color: #ff1c33; }
 
 
a:focus {
color: #ff1c33;
text-decoration: none; }
 
body {
background: url(http://img.webme.com/pic/k/kenanmustafa/bg5.jpg);
font-size: 13px;
font-family: Arial, sans-serif; }
 
#headerbg {
float: left;
height: 100px;
width: 100%;
background: url(http://img.webme.com/pic/k/kenanmustafa/hadernew.jpg) repeat-x; }
 
#contentcontainer {
float: left;
width: 900px;
text-align: left;
magin-right: auto;
margin-left: 85px;
margin-top: 70px;
}
 
#contenttop {
float: left;
height: 10px;
width: 730px;
background: url() no-repeat; }
 
#content {
float: left;
width: 900px;
padding: 5px 15px 5px 15px;
background: url(http://www.closomat.ch/uploads/pics/weiss.jpg) repeat-y;
min-height: 100%;
}
 
#contentfoot {
float: left;
height: 10px;
width: 760px;
background: url() no-repeat; }
 
#sidebarcontainer {
float: right;
width: 200px;
text-align: left;
}
 
 
#sidebartop {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebartop.png) no-repeat; }
 
#sidebar {
float: left;
width: 170px;
padding: 5px 15px 5px 15px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebar.png) repeat-y; }
 
#sidebarfoot {
float: left;
height: 10px;
width: 200px;
background: url(http://img.webme.com/pic/r/rezo-events/sidebarfoot.png) no-repeat; }
 
#footerbg {
float: left;
height: 155px;
width: 100%;
margin-top: 10px;
background: url(http://img.webme.com/pic/d/djrezo/footerbg.png) repeat-x bottom; }
 

      </style>
         </head>
   <body id="hpb_cssonly">
      <div id="headerbg">
  <div id="header"></div>
</div>
<div id="main">
  <div id="contentcontainer">
    <div id="contenttop"></div>      <div id="container">
         <div id="header_container">
            <div id="pre_header"></div>
            <div class="header"><h1 id="header"><span>| </span></h1></div>
            <div id="post_header"></div>
         </div>
         <div id="nav_container">
         <h2 id="nav_heading"><span></span></h2>
Beitrag05.01.2011 um 11:49 (UTC)    
Titel:

Hi,
ich bitte dich immer nur das in einen Code zu setzen, was du geändert hast,
sonst gibt das ne ellen-lange Seite hier im Forum. Sehr unübersichtlich.

Doch, dein Content ist nun vergrössert. Du siehst das aber nicht, da deine Grafik
nur so und so gross ist. Ich würde an deiner Stelle sowieso einen Farbcode verwenden
- für eine einfarbige Grafik.

Dein Code würde wie folgt lauten:
Code:
#content {
float: left;
width: 900px;
padding: 5px 15px 5px 15px;
background-color: #F9F9F9;
min-height: 100%;
}

Gruss
Riki
Beitrag05.01.2011 um 12:34 (UTC)    
Titel:

Hey Danke Riki es geht alles. Meine letzte frage kennst du den conde bei www.nk-multimedia.de.tl den code wo rechts yahoo und twitter ist hoffe du verstehst was ich meine
Beitrag05.01.2011 um 12:36 (UTC)    
Titel:

Hi,
soetwas ähnliches hab ich in einem anderen Thread schon beschrieben.
Ich denke das kommt ganz nah an das heran.
Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=127113

Gruss
Riki
Beitrag05.01.2011 um 12:41 (UTC)    
Titel:

Ok ich ahb es mir mal durch gesehn trotzdem Danke, ich hab gerade gesehn das nur-kostenloses online ist dan hab ich gleich gefragt.

Mfg
Kenan

P.S Riki warum hast du deine Seite geschlossen?
Beitrag05.01.2011 um 12:46 (UTC)    
Titel:

kenanmustafa hat Folgendes geschrieben:
Ok ich ahb es mir mal durch gesehn trotzdem Danke, ich hab gerade gesehn das nur-kostenloses online ist dan hab ich gleich gefragt.

Mfg
Kenan

P.S Riki warum hast du deine Seite geschlossen?

Ist das Thema nun beendet?

Zu deinem PS.
Weil wir zur Zeit an einem riesigen Release arbeiten. Unsere komplette Seite wird
neu gestaltet und unsere Dienstleistungen werden noch komfortabler.
Aber mehr Neuigkeiten gibts bei uns im Thread von Zeit zu Zeit.
Code:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=114819


Gruss
Riki
Beitrag05.01.2011 um 13:05 (UTC)    
Titel:

Ja kann geclost werden
Beiträge der letzten Zeit anzeigen:   


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