Suche im Forum:
Suchen


Autor Nachricht
Beitrag24.02.2011 um 01:08 (UTC)    
Titel: Problem beim verbinden zweier codes

Hay alle zam,

Ich versuche als Relativer Anfänger 2 Codes mit einander zu verbinden,
was nicht hin gehauen hat bis jetzt.

Zum einen geht es um eine Navigation oben
und zum anderen habe ich die linke Navigation verändert.

Nun würde ich gerne diese beiden Codes verbinden damit ich sie im
Design Red unter Text über dem Design einfügen kann.
Derzeit kann ich nur einen von beiden nutzen.
Gibt es ne Möglichkeit die zu verbinden oder kann mir da jemand netter weise helfen?
Habe das Forum schon durchforstet aber nichts gefunden.

Hier die beiden Codes

Navigation Button veränderung

<style type="text/css">
<!--
a.rednav{font-family: arial;font-size: 12px;color: #ffffff;}
/* Navi-Buttons / 202 x 28 Pixel */
td.edit_button_bg {
background-color: #ffffff;
background-image:url(http://img.webme.com/pic/v/vfb-stuttgart-fans-berlin/td.edit_button_bg.jpg); }
td.edit_button_bg:hover {
background-color: #ffffff;
background-image:url(http://img.webme.com/pic/v/vfb-stuttgart-fans-berlin/td.edit_button_bghover.jpg);
-->
</style>



und hier der Zweite Navigation oben


<style type="text/css" media="screen">
<!--
/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
width: 650px; /* = Breite des Feldes */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -345px; /* = hier Feld nach LINKS oder RECHTS verschieben */
margin-top:170px; /* = hier Feld nach OBEN oder UNTEN verschieben */
overflow: hidden;}

/* 4 Felder haben unsere Links als Inhalt */
#link_1, #link_2, #link_3, #link_4 {
float:left; /* = durch float:left; platzieren sich Buttons nebeneinader */
overflow: hidden;
margin-right: 8px; /* = Abstand zwischen den Buttons */
text-align: center;}

/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt das DIV Feld aus */
width: 148px; /* = Breite des Button */
height: 20px; /* = Höhe des Button */
line-height:20px; /* = muss die Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #000000; /* = Hintergrundfarbe Link */
border-top: 1px solid #bbbbbb; /* = Rahmen oben */
border-right: 1px solid #bbbbbb; /* = Rahmen Rechts */
border-left: 1px solid #bbbbbb; /* = Rahmen Links */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
font-size:15px;
line-height:20px;
text-decoration:none;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
text-align:center;
background-color: #6f8ac4;
background-image: url(http://img.webme.com/pic/i/iceblue-test/button_red.png); }

--> </style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://sportbild.bild.de/">Sportbild</a> </div>
<div id="link_2"> <a href="http://www.spox.com/de/index.html">Spox</a> </div>
<div id="link_3"> <a href="http://www.sport1.de/">Sport1</a> </div>
<div id="link_4"> <a href="http://www.kicker.de/">Kicker</a> </div>
</div>


Hoffe das mir jemand helfen kann, möchte noch ma betonen das ich noch Anfänger bin.

Grüße frank
Beitrag24.02.2011 um 13:37 (UTC)    
Titel:

Ok hat sich erledigt habe es geschafft.



<style type="text/css">
<!--
a.rednav{font-family: arial;font-size: 12px;color: #ffffff;}
/* Navi-Buttons / 202 x 28 Pixel */
td.edit_button_bg {
background-color: #ffffff;
background-image:url(http://img.webme.com/pic/v/vfb-stuttgart-fans-berlin/td.edit_button_bg.jpg); }
td.edit_button_bg:hover {
background-color: #ffffff;
background-image:url(http://img.webme.com/pic/v/vfb-stuttgart-fans-berlin/td.edit_button_bghover.jpg);
-->
</style>
<marquee bgcolor="#b40000" direction="left"><font size="4" face="Arial" color="#ffffff">Text</font></marquee>
<style type="text/css" media="screen">
<!--
/* Feld für Menue oben, auf Header platziert */
#Menu_Box {
width: 650px; /* = Breite des Feldes */
position: absolute;
left: 50%; /* = NICHT ÄNDERN ! */
margin-left: -267px; /* = hier Feld nach LINKS oder RECHTS verschieben */
margin-top:235px; /* = hier Feld nach OBEN oder UNTEN verschieben */
overflow: hidden;}

/* 4 Felder haben unsere Links als Inhalt */
#link_1, #link_2, #link_3, #link_4 {
float:left; /* = durch float:left; platzieren sich Buttons nebeneinader */
overflow: hidden;
margin-right: 1px; /* = Abstand zwischen den Buttons */
text-align: center;}

/* das Aussehen der 4 Links */
#link_1 a, #link_2 a, #link_3 a, #link_4 a {
display: block; /* = Verlinkung füllt das DIV Feld aus */
width: 127px; /* = Breite des Button */
height: 15px; /* = Höhe des Button */
line-height:15px; /* = muss die Höhe bekommen, die auch height hat */
margin-top: 30px; /* = nur notwendig, wenn Hover-Effekt verwendet wird */
color: #cccccc; /* = Linkfarbe */
font-size: 14px; /* = Link Textgroeße */
font-family: arial; /* = Link Schriftart */
text-decoration: none; /* = Link nicht unterstrichen */
background-color: #b40000; /* = Hintergrundfarbe Link */
border-top: 1px solid #bbbbbb; /* = Rahmen oben */
border-right: 1px solid #bbbbbb; /* = Rahmen Rechts */
border-left: 1px solid #bbbbbb; /* = Rahmen Links */
-moz-border-radius-topleft: 10px; /* = abgerundete Ecke oben links */
-moz-border-radius-topright: 10px; /* = abgerundete Ecke oben rechts */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

/* Der Hover Effekt fuer die Links */
#link_1 a:hover, #link_2 a:hover, #link_3 a:hover, #link_4 a:hover {
font-size:15px;
line-height:20px;
text-decoration:none;
margin-top: 20px;
padding-top: 5px;
padding-bottom: 5px;
color: #ffffff;
font-weight: bold;
text-align:center;
background-color: #6f8ac4;
background-image: url(http://img.webme.com/pic/i/iceblue-test/button_red.png); }
--> </style>
<div id="Menu_Box">
<div id="link_1"> <a href="http://sportbild.bild.de/">Sportbild</a> </div>
<div id="link_2"> <a href="http://www.spox.com/de/index.html">Spox</a> </div>
<div id="link_3"> <a href="http://www.sport1.de/">Sport1</a> </div>
<div id="link_4"> <a href="http://www.kicker.de/">Kicker</a> </div>
</div>
<style type="text/css">
<!--
.bild {
float: left;
width: 130px;
padding: 5px;
margin: 10px;
border: 1px solid #343434; }
-->
</style>
Beitrag24.02.2011 um 13:38 (UTC)    
Titel:

-Close-
Beiträge der letzten Zeit anzeigen:   


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