Suche im Forum:
Suchen


Autor Nachricht
Beitrag06.08.2012 um 20:26 (UTC)    
Titel: eigenes css nicht "funktionsfähig"

Hallo an alle.

im vorraus - ich bin nur amateur Wink

Ich wollte unsere FC Homepage "umschreiben" im design, wegen der navigation und anderen dingen, die einfach nur "pickel" erregen bei mir.

jetzt hab ich im editor eine "neue seite" geschrieben und habe versucht mehr schlecht als recht, die seite so an sich hier im baukasten zu integrieren.

dabei traten folgende probleme auf

- Die Seite ist nicht zentriert
- Die rechte Box fehlt
- der ganze Text auf den Seiten fehlt



Ich habe erstmal alles wieder zurückgesetzt Cool.

die Zentralisierung des Designs müsste eigentlich mit
Code:
<div align="center">

behoben sein oder?

meine frage wäre jetzt, wie ich diese Fehler effizient, beheben kann.

wenn ihr es wollt poste ich den css den ich geklemptnert habe, noch nach.

ich hab 2 screens gemacht wies aussehen sollte und wie es aussieht im hpbk.

So sollte es aussehen:



So sieht es aus:



ich hoffe ihr könnt mir weiter helfen - noch eine schlaflose nacht vertrag ich nicht Shocked Shocked Rolling Eyes Wink Laughing

lg morpheus


Zuletzt bearbeitet von darkestcave am 06.08.2012, 21:28, insgesamt einmal bearbeitet
Beitrag06.08.2012 um 21:09 (UTC)    
Titel:

Hallo,
leider können wir mit Bilder nicht ganz so viel anfangen,
am besten sollte das Design auf der Homepage gerade so sichtbar sein oder
du postet deinen CSS Code ins Forum, denn so kann man am besten helfen.
Sonst vermute ich mal, dass man den Text nicht sieht, weil der schwarz ist und
die Boxen wurden wahrscheinlich ausgebelndet.

mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag07.08.2012 um 14:26 (UTC)    
Titel:

okay - auch im css war der der text an der falschen stelle.

also der geklemptnerte css

ich hatte im "Text über den Design"
Code:
<div id="container">
<div align="center">
<div id="header">&nbsp;</div>

<div id="nav7">

<ul><li><a href="http://darkestcave.de.tl/Home.htm"><font color="#FFFFFF"><span id="nh">Home</span></font></a>
      </ul>

<ul><li><a href="http://darkestcave.de.tl/Login.htm"><font color="#FFFFFF"><span id="nh">Login</span></font></a>
<ul>
<li><a href="http://darkestcave.de.tl/Mitglied-werden.htm">Registrieren</a></li></ul>     
</ul>

<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-dcoo-g-%3EDarkestCave%3C-s-span%3E.htm"><font color="#FF0000"><span id="nh">DarkestCave</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/Team.htm">Team</a></li>
<li><a href="http://darkestcave.de.tl/News.htm">News</a></li>
<li><a href="http://darkestcave.de.tl/Geschichte.htm">Geschichte</a></li>
<li><a href="http://darkestcave.de.tl/Intern.htm">Intern</a></li>
</ul></li></ul>



<ul><li><a href="http://www.darkestcave.forumieren.eu/" target="_blank"><font color="#FFFFFF"><span id="nh">DC Forum</span></font></a>
      </ul>


<ul><li class="navmen7"><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-dcoo-g-%3EOOMPH-ar-%3C-s-span%3E.htm"><font color="#FF0000"><span id="nh">OOMPH!</span></font></a>
      <ul>
<li><a href="http://darkestcave.de.tl/%3Ci%3ENews%3C-s-i%3E.htm">News</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EBiographie%3C-s-i%3E.htm">Bio</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EDiskographie%3C-s-i%3E.htm">disco</a></li>
<li><a href="http://darkestcave.de.tl/%3Ci%3EGeschichte%3C-s-i%3E.htm">Geschichte</a></li>
<li><a href="http://darkestcave.de.tl/Exklusiv-News.htm">Exklusiv News</a></li>
<li><a href="http://www.oomph.de/" target="_blank">OOMPH! HP</a></li>

</ul></li></ul>


<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-else-g-%3EGaestebuch%3C-s-span%3E.htm"><font color="#FFFFFF"><span id="nh">Gaestbuch</span></font></a>
      </ul>


<ul><li><a href="http://darkestcave.de.tl/%3Cspan-id%3D-g-else-g-%3ELinks%3C-s-span%3E.htm"><font color="#FFFFFF"><span id="nh">Links</span></font></a>
      </ul>



</div>

<div id="main_con">
<div id="side_con_left"><div id="side1"><br /><br /><center><font color="#FF0000"><font size="4"><b>START DER EUROPEAN TOUR IN:</b></font></font><br />
<br /><DIV id="t_uw" style="background-color: rgb(0, 0, 0);">
   <DIV id="count_screen">
      <DIV id="t_title" style="color: rgb(255, 255, 255); font: 11px Arial, Arial, Helvetica, sans-serif;"></DIV>
      <SPAN id="t_wo"></SPAN>
      <SPAN id="t_tag"></SPAN>
      <SPAN id="t_std"></SPAN>
      <SPAN id="t_sek"></SPAN>
      <SPAN id="t_min"></SPAN>
      <DIV id="t_subtitle" style="color: rgb(255, 255, 255); font: 11px Arial, Arial, Helvetica, sans-serif;"></DIV>
   </DIV>
   <TABLE id="end_screen_ta" height=100% align="center"><TR><TD id="end_screen_te" style="color: rgb(255, 0, 0); font: 22px Arial, Arial, Helvetica, sans-serif;">EUROTOUR IST GESTARET</TD></TR></TABLE>
</DIV><SCRIPT type="text/javascript">counter=1348336800;template="slim_blue";size="s"</SCRIPT><SCRIPT type="text/javascript" src="http://www.touropa.com/tp/countdown/uw.js"></SCRIPT><br />
<font color="#FFFFFF"><font size="4"><a href="http://www.eventim.de/oomph-tickets.html?affiliate=EVE&doc=artistPages%2Ftickets&fun=artist&action=tickets&erid=280129&xtcr=1&xtmc=OOMPH!" target="_blank"><b><u>TICKETS<br />HIER</u></b></a></font><br />
</font><br /><hr />
<br /><div id="next"><center><br /><u><b><font size="5">Next Date</font></b></u><br /><br /><a href="http://www.summer-breeze.de" target="_blank">SummerBreeze</a><br />
Dinkelsbühl (D)<br />
18.08.2012</br><br /></center>
</div>
<br />

<div id="side2"><a href="https://www.facebook.com/pages/DarkestCave-OomphFC/321766091227320" target="_blank"><img src="http://www.simplyzesty.com/wp-content/uploads/2011/10/facebook_logo.png" width="50" height="50"></a>
<a href="https://www.twitter.com/#!/darkestcaveFC" target="_blank"><img src="http://captico.com/wp-content/uploads/2011/02/twitter-icon.png" width="50" height="50"></a>
<a href="http://www.youtube.com/channel/UCRF-MZFgL9iHYqi20yPiJKw?feature=watch"><img src="http://www.audubonaction.org/images/content/pagebuilder/Youtube-Button.jpg" width="50" height="50"></a><br /></div>
</div>

<div id="content">

<div id="side_con_right">
<div id="side3"><center><font color="#fff"><b><u>LAST RELEASES</u></b></font>ybr /><br />
<a href="http://www.amazon.de/Zwei-Schritte-Vor-Oomph/dp/B007JPE0CI/ref=sr_1_1?ie=UTF8&qid=1335106849&sr=8-1" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61pzAHrzAkL._SL500_AA300_.jpg" width="150" height="150" /><br />!!!OUT NOW!!!</a><br /><br />
<a href="http://www.amazon.de/Wahnsinns-Fette-Beute-Deluxe-Edition/dp/B007Q053HW/ref=sr_1_1?s=music&ie=UTF8&qid=1335107075&sr=1-1" target="_blank"><img src="http://ecx.images-amazon.com/images/I/61hdfeY33vL._SL500_AA300_.jpg" width="150" height="150" /><br />!!!OUT NOW!!!</a></font></center>



Text nach dem Design:
Code:
</div></div>


</div>



</div>
<div id="footer"><span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Sitemap.htm">Sitemap</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Login.htm">Login</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Mitglied-werden.htm">Mitglied werden</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/FAQ.htm">FAQ</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Kontakt.htm">Kontakt</a></span>
<span id="smf"><font face="Arial"><a href="http://darkestcave.de.tl/Impressum.htm">Impressum</a></span>


</div></div>



CSS:
Code:
body {
margin-top: 50px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 40px;
background-color: #000000;
font-family: arial, verdana, sans-serif;
  scrollbar-face-color: #527D94;
  scrollbar-track-color: #071E2A;
  scrollbar-arrow-color: #000000;
  scrollbar-highlight-color: #1D7FB1;
  scrollbar-shadow-color: #5D61FF;
  scrollbar-3dlight-color: #FFB62F;
  scrollbar-darkshadow-color: #000000;

}


#container {
margin: 0 auto; /* zentriert das Design */
width: 1000px;
heigth: 2000px;
}



#header {
  background-image: url(http://img.webme.com/pic/d/darkestcave/headerneulogo.jpg);
  width: 1000px;
  height: 166px;
  border-radius: 0px 0px 20px 20px;
  border-bottom: 1px solid #fff;
}

/*Navigation*/

#nav7 {
  position:relativ;
  background: #000;
  z-index: 500;
}

#nav7 ul {
  float: left;
  list-style-type:none;
  width: 142px;
  margin:0px;
  padding:0px;
  background-color: #000000;
  z-index: 500;

}

#nav7 a {
  text-decoration: none;
  display: block;
  border-bottom: 3px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 20px 0px 10px 20px;
  text-align: center;
  background: #000;
  z-index: 500;
   }

#nav7 a:hover {
  border-bottom: 3px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 20px 0px 10px 20px;
  background: #000033;
  z-index: 500;  }

 
#nav7 li {
  position: relativ;
  z-index: 500;  }

#nav7 ul ul {
  position: absolute;
  z-index: 2;
  display: none;
  z-index: 500;  }
 

#nav7 ul li:hover ul {
  display: block;
  z-index: 500;
}

/*schrifttag*/

#nh { /*Navigationshead schrift*/
  font-size: 1.2em;
  text-align: center;
  line-height: 2.0em;
  font-weight:bold
   }

/*Inhalt Container*/

#main_con {
width: 1000px;
heigth: 1000px;
background-color: #f00;
z-index: 1; }

/*main content*/

#content {
  position: absolute;
  float: left;
  margin-top: 0px;
  margin-left: 200px;
  width: 600px; /* Breite des Inhaltbereichs */
  height: 900px;
  background-color: #030303;
  border-radius: 0px 20px 0px 20px;
  border: 3px;
  padding: 15px; /* Innenabstände des Inhaltsbereiches */
  float: left; /* wird für die Anordnung benötigt (Sidebar rechts neben dem Content */
  overflow: auto;
}


/* Sidebar */

#side_con_left {
  position: relative;
  margin-top: 40px;
  margin-left: 0px;
  float: left;
  width: 190px;
  height: 800px;
  border: 1px;
  background-color: none;
  z-index: 2; }

#side1 {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 5px;
  float: left;
  width: 180px;
  height: 550px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 0px 20px 0px 20px;
  z-index: 3; }

#side2 {
  position: absolute;
  margin-top: 100px;
  margin-left: 0px;
  width: 180px;
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 0px 20px 0px 20px;
  z-index: 4; }

#side_con_right {
  position: relative;
  margin-top: 0px;
  margin-left: 850px;
  margin-right: 0px;
  width: 170px;
  height: 800px;
  border: 1px;
  background-color: none;
  z-index: 2; }

#side3 {
  position: absolute;
  margin-top: 0px;
  margin-left: 0px;
  padding: 10px;
  width: 160px;
  height: 430px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: none;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  border-radius: 20px 0px 20px 0px;
  z-index: 4; }


/*Footer*/

#footer {
width: 1200px;
padding: 20px 20px 20px 20px;
margin: 0 auto;
background-color: #000000;
border-bottom: 3px solid #000000;
border-radius: 15px 15px 15px 15px; }


/*Display None*/

#design1 {
display: none; }


h1#header, h2#title {
display: none; }

#header_container {
display: none; }

#nav_container {
display: none; }

#nav_heading {
display: none; /* nicht genutzte Klasse wird entfernt */
}

#nav {
display: none; }

#sidebar_container {
display: none; }




</style>



Der Footer ist auch nicht da wo er soll - aber auf den kann man zur not verzichten Wink


Zuletzt bearbeitet von darkestcave am 07.08.2012, 21:52, insgesamt einmal bearbeitet
Beitrag09.08.2012 um 11:33 (UTC)    
Titel:

kann mir keiner helfen ? Sad
Beitrag09.08.2012 um 21:18 (UTC)    
Titel:

okay ich formuliere mal etwas anders

was muss ich in
"text über den Design"
"text unter dem design"
"Css"
packen dass es funktioniert.
was darf ich abschalten und "wie" kann ich es abschalten?

es wäre wirklich wichtig wenn dem fanclub hier einer helfen könnte.

lg morpheus
Beitrag06.05.2013 um 19:46 (UTC)    
Titel:

das problem hat sich erledigt - andere haben sich eröffnet.

thema kann geschlossen werden
Beiträge der letzten Zeit anzeigen:   


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