Suche im Forum:
Suchen


Autor Nachricht
Beitrag04.03.2012 um 12:07 (UTC)    
Titel: Schwierigkeiten bei Navigation

Hallo,

habe irgendwie Schwierigkeiten bei meiner Navigation und wollte mal fragen wo der Fehler liegt.

Die Navigation an sich soll weiß sein, habe ich soweit ja auch.
Dann sollen aber die Abstände angepasst werden, wobei ich irgendwie Schwierigkeiten habe.
Und zu guter letzt sollen natürlich Buttons rein und ein Hover Button.

Wäre nett wenn mir einer helfen könnte.

Code:
<style type="text/css">
<!--

* {padding:0px; margin: 0px; }

/* Werbung auf Header platziert */
table[height="102"] { margin: auto }

/* Hintergrund mit Grafik */
body {
 background-color: #FFFFFF;
 background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/background.jpg);
 background-repeat: repeat;  }
 
 /* Design mittig */
table.edit_main_table {
  margin: auto;
  margin-bottom: 50px; }
 
/* zweite Tabelle um Icblue */
table.edit_second_table {
   width: 980px!important; }
 
/* dritte Tabelle um Iceblue */
table.edit_third_table {
  width: 980px!important;
  margin-top: 110px; }
 
td.edit_main_tr {
  height: 50%!important; }
 
td.edit_header_full table[width="921"] {
 height: 404px ; width: 980px!important; }
 
/* --- Headerfeld  für Logo ----*/
td.edit_header_full {
 background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/headerschrift.jpg);
 background-repeat: no-repeat; }

/* Titel im Header entfernt */
td.headline {display:none;}
 
/* Linke Navigation entfernt mit */
td.edit_navi_headbg { display:none; }
 
td.edit_rechts_cbg {
  height: 50%!important;
  background-image: url(); }

/* Erste Tabelle um Seiteninhalt */
td.edit_rechts_cbg table[width="100%"] {
  width: 680px!important;
  border-radius: 16px; }

/* Zweite Tabelle um Seiteninhalt */
table.edit_rechts_tabelle {
  width: 680px!important;
  background-color:#FFFFFF;
  margin-right: 30px;
  border-radius: 16px;  }
 
td.edit_content {
  background-color: #FFFFFF;
  background-image: url();
  border: 12px solid ; color: #FFFFFF ;
  border-radius: 16px;  }
 
/* Titelfeld Seiteninhalt */
td.edit_content_top {display:none; }
 
 /* Titel Seiteninhalt */
td.headline2 {display:none; }
 
/* DIV Feld mit Seiteninhalt */
td.edit_content_main div {
  overflow: hidden!important; }
 
td.edit_content_left_spacer , td.edit_content_right_spacer {
  display:none; }

/* Abschluss im Seiteninhalt unten */
td.edit_content_bottom {
  background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/background.jpg); }
 
/* Counterfeld entfernt */
td.edit_content_bottom2 {display: none;}

 
 /* rechte Boxen 1-5 */
#sidebar_heading_1, #sidebar_heading_2,
#sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
  width: 260px!important;
  margin-bottom: 20px;
  border: 12px solid #FFFFFF; border-radius: 16px; }
 
 
/* Titelfeld über Boxen */
td.sidebar_heading {
  font-size:12px!important;
  color: #000000;font-weight: bold;
  text-align: center;
  background-color: #FFFFFF;
  background-image: url();
  border-radius: 0px; }
 
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
  padding: 15px!important;
  font-size: 12px!important;
  background-repeat: repeat-x; }

 
/* Abschluss unter den Boxen */
td.edit_rb_footer {display: none; }
 
td.edit_rechts_bottom {
  background-image: url();}
 
/* Streifen rechts im Design entfernt */
td.edit_rechts_sbg { display:none; }
 
/* Schriftart + Schriftgroesse Seiteninhalt */
div, td {
  font-family: arial;
  font-size: 12px; }

/* Linkfarbe + Linkgroeße Seiteninhalt */
 div a {
 color: #000000;
 font-size: 12px;
 text-decoration: none; }

 
/* Linkfarben HOVER Seiteninhalt */
 div a:hover {
 color: #800000;
 font-size: 12px;
 text-decoration: underline; }

/* ------ Beginn Navigation oben -------- */

/* Feld der Naviagtion */
.navigation {
 position: absolute;
 left: 42px;
 top: 543px;
 margin: center;
 height: 20px;
 background-color: #FFFFFF;
 background-image: url() }

/*Navi Button*/
td.nav {
    background-image: url();
    border: 2px solid #FFFFFF; }

/*Navi Button Hover */
td.nav:hover {
    background-color: #0C00AD;
    background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/buttonhover.jpg);
    border: 2px solid #FFFFFF; }

/* Links Navi oben */
.navigation a {
 float: center;
 color: #FFFFFF;
 text-decoration: none;
 margin-right: 80px; }

/* Hover-Link Navi oben */
.navigation a:hover {
 color: white;
 text-decoration: none;
 background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/buttonhover.jpg) }

-->
</style>

<div class="navigation">
<a href="/Start.htm">Start</a>
<a href="/Husarentanzcorps.htm">Husaren</a>
<a href="/Kindertanzcorps.htm">Kinder</a>
<a href="/Galerie.htm">Galerie</a>
<a href="/Termine.htm">Termine</a>
<a href="/G.ae.stebuch.htm">Gästebuch</a>
<a href="/Presse.htm">Presse</a>
<a href="/Impressum.htm">Impressum</a>

</div>


Achja und natürlich mittig ausrichten.

Danke schon einmal im voraus Smile

Phil
Beitrag04.03.2012 um 14:49 (UTC)    
Titel:

/* Werbung über Design mittig */
table[height="102"] { margin: auto; }

/* Das Design mittig */
table.edit_main_table { margin: auto; }


/* Hintergrund Navigation */
td.edit_navi_headbg {
height: 50%!important;
background-color: ;
background-image: url(); }

/* Titel über Navi */
td.nav_heading {
color: #FFFFFF!important;
text-align: center;
height: 29px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/i/iceblue-test/balken_schwarz.jpg);
border: 1px solid #000000; }

/* Navi Button */
td.nav {
background-color: #343434;
background-image: url();
border: 1px solid #000000; }

/* Hover Navi-Button */
td.nav:hover {
background-color: #000060;
background-image: url(http://img.webme.com/pic/i/iceblue-test/animiert.gif);
border: 1px solid #000000; }

/* Textlinks in Navi */
td.nav a {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana;
text-decoration: none;
text-align: left; }

/* Hover Textlink Navigation */
td.nav a:hover {
color: #FFFFFF; }

/* aktuell besuchte Seite */
tr.checked_menu td {
background-color: #6f8ac4;
background-image: url(); }

Das sind alle Codes. Ich hoffe du kannst mit denen was anfangen. Wink
Beitrag07.03.2012 um 13:45 (UTC)    
Titel:

Ja die Codes sind mir bekannt, allerdings habe ich schon einige Dinge ausprobiert um die Navigation anzupassen. Allerdings wirkt irgendwie keins so, wie ich es vor habe.

Code:
/* ------ Beginn Navigation oben -------- */

/* Feld der Naviagtion */
.navigation {
 position: absolute;
 left: 42px;
 top: 543px;
 margin: center;
 height: 20px;
 background-color: #FFFFFF;
 background-image: url() }

/*Navi Button*/
td.nav {
    background-image: url();
    border: 2px solid #FFFFFF; }

/*Navi Button Hover */
td.nav:hover {
    background-color: #0C00AD;
    background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/buttonhover.jpg);
    border: 2px solid #FFFFFF; }

/* Links Navi oben */
.navigation a {
 float: center;
 color: #FFFFFF;
 text-decoration: none;
 margin-right: 80px; }

/* Hover-Link Navi oben */
.navigation a:hover {
 color: white;
 text-decoration: none;
 background-image: url(http://img.webme.com/pic/t/tanzcorps-fidelio/buttonhover.jpg) }


Normalerweise dachte ich, dass ich nur ein Hintergrundbild einfüge müsse, aber klappt irgendwie nicht.

Könnte mir da einer unter die Arme greifen?
Beitrag07.03.2012 um 16:22 (UTC)    
Titel:

Hallo,

drücke mal:
[strg] und scrolle mit dem Mausrad. Deine Navi wandert.

Hier findest du ein Tutorial:
http://www.homepage-baukasten.de/forum/viewtopic.php?t=134830

und hier einen Generator:
http://hpbk-generatoren.de.tl
______________
mfg
o-4-n

"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]

*** Die Suchfunktion ist KEINE tödliche Krankheit! ***

Eventplanung, Equipment, Zeltverleih, Catering
Beiträge der letzten Zeit anzeigen:   


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