Suche im Forum:
Suchen


Autor Nachricht
Beitrag20.02.2010 um 12:16 (UTC)    
Titel: [erledigt)die rechten boxen werden unten angezeigt HILFE

Hallo,

also ich habe folgendes Problem mit meinen rechten Boxen.
Aber der 3. rechten Box werden die boxen unten links auf meiner seite angezeigt. Die 1. und 2. rechte box jedoch weiterhin an der richtigen stelle (rechts^^)
Ich weiß echt nicht wo das Problem liegt.
Ich poste einfach mal meinen Code. Ach ja ich benutze das design ice blue.


/* Titel über rechter Box */
td.sidebar_heading {
color: #FFFFFF;
font-size: 14px;
font-family: arial,verdana ;
text-align: center;
height: 29px;
background-color:#000000 ;
background-image: url(http://img.webme.com/pic/h/hell-razerzz/navigation.gif);
border: 1px solid #000000; }


/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
color: #000080;
font-size: 14px;
font-family: arial,verdana;
text-align: left;
background-color: #FFFFFF;
background-image: url();
border: 1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {display: none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
background-color: ;
background-image: url();
border: 0px solid #000000; }

Seufz ich hoffe ihr könnt mir helfen

Habe gerade festgestellt das wenn ich die 2. box herausnehme die anderen boxen wieder rechts angezeigt werden oO
Hier der Code vielleicht liegt ja hier der fehler?

<MARQUEE style="border: 1px solid #333333; width:150px; height:52px; " direction="left" behavior="scroll" scrollamount="3" >
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dk.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dudu.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/hexe.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/krieger.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/mage.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/paladin.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/priester.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schamane.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schurke.png"/></br></br><IMG src="http://img.webme.com/pic/h/hell-razerzz/jaeger.png"/></br></br>

</td></tr></table></MARQUEE></center>


Zuletzt bearbeitet von hell-razerzz am 20.02.2010, 15:26, insgesamt 2-mal bearbeitet
Beitrag20.02.2010 um 12:19 (UTC)    
Titel:

das ist alles an code? ohne style tags? hast du ein teil bei text über dem design und ein teil bei text unter dem design?

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


so kommen sämtliche code bei text über dem design.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.02.2010, 13:20, insgesamt einmal bearbeitet
Beitrag20.02.2010 um 12:22 (UTC)    
Titel:

Nein das ist natürlich nicht alles an code^^
Nur eben der code für die Boxen. Ich kann ja mal meinen gesamten code posten wenn es eventuell weiter hilft.

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

/* Nullformatierung für alle Browser */
*{margin:0px; padding:0px;}

/* Hintergrund hinter Design */
body {
    background-color: #343434;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/bg_up.jpg);
    background-repeat: repeat; }

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

/* Design kürzen (kein scrollen des Designs bei kurzen Seiten) */
td.edit_main_tr {
    height: 50% !important; }

/* Schriftfarbe + Größe auf Seiten */
td {
    color: #FFFFFF;
    font-size: 14px;
    text-align: left;
    font-family: arial,verdana; }

/* Header oben */

td.edit_header_full{background-image:url(http://img.webme.com/pic/h/hell-razerzz/hellrazerzzheader.jpg);background-color:#XXXXXX;width:1000px;height:200px;}


/* Titel im Header entfernen */
td.headline {visibility: hidden;}

/* Titel über Navigation */
td.nav_heading {
    color: #FFFFFF;
    font-size: 14px;
    font-family: arial,verdana;
    text-align: center;
    height: 29px;
    background-color:#000000;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/navigation.gif);
    border: 1px solid #000000; }

/* Navi Buttons */
td.nav {
    background-color: #343434;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/menu.jpg);
    border: 1px solid #000000; }

/* Hover Navi-Button */
td.nav:hover {
    background-color: #xxxxxx;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/menu_hover.jpg);
    border: 1px solid #000000; }

/* Textlinks in Navigation */
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;}



/* Bild unter Navigation entfernt */
td.edit_below_nav {display: none;}

/* Hintergrund Navigation */
td.edit_navi_headbg {
    height: 50%;
    background-color: ;
    background-image: url();
    border: 0px solid #000000; }

/* Balken über Textfeld */
td.edit_content_top {
    height: 29px;
    background-color: transparent;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/navigation.gif);
    border: 1px solid #000000; }

/* Seitentitel über Textfeld */
td.headline2 {
    color: #FFFFFF;
    font-size: 12px;
    font-family: arial,verdana;
    text-align: left; }

/* Textfeld */
td.edit_content {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: ;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/content.jpg);
    border: 1px solid #000000; }

/* Linke Spalte im Textfeld */
td.edit_content_left_spacer {
    background-color: transparent;
    background-image: url(); }

/* Rechte Spalte im Textfeld */
td.edit_content_right_spacer {
    background-color: transparent;
    background-image: url(); }

/* Erste Balken unter Textfeld */
td.edit_content_bottom {
    height: 29px;
    background-color: #000000;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/navigation.gif);
    border: 1px solid #000000; }

/* Zweiter Balken unter Textfeld (mit Counter) */
td.edit_content_bottom2 {
    background-color: ;
    background-image: url();
    border: 0px solid #000000; }

/* Counter / Besucherzähler */
td.edit_content_bottom2_counter {
    font-family: arial,verdana;
    font-size: 12px;
    background-color: #c9c9c9;
    border: 1px solid #000000; }

/* große Feld unter Textfeld */
td.edit_rechts_cbg {
    height: 50px;
    background-color: ;
    background-image: url();
    border: 0px solid #000000; }

/* Streifen rechts vom Design entfernt mit */
td.edit_rechts_sbg {display:none;}

/* Titel über rechter Box */
td.sidebar_heading {
    color: #FFFFFF;
    font-size: 14px;
    font-family: arial,verdana ;
    text-align: center;
    height: 29px;
    background-color:#000000 ;
    background-image: url(http://img.webme.com/pic/h/hell-razerzz/navigation.gif);
    border: 1px solid #000000; }


/* rechte Boxen 1 bis 5 */
td.shouty, .shouty2, .shouty3, .shouty4, .shouty5 {
    color: #000080;
    font-size: 14px;
    font-family: arial,verdana;
    text-align: left;
    background-color: #FFFFFF;
    background-image: url();
    border: 1px solid #000000; }

/* Abschluß unter Boxen 1 bis 5 entfernt mit */
td.edit_rb_footer {display: none; }

/* Hintergrund unter rechten Boxen */
td.edit_rechts_bottom {
    background-color: ;
    background-image: url();
    border: 0px solid #000000; }

/* Iceblue verbreitern */
table.edit_main_table{width: 100% !important;}
td.edit_main_tr{width: 100% !important;}
table.edit_second_table{width: 100% !important;}
td.edit_header_full{width: 100% !important;}
td.edit_header_full table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}
td.edit_navi_headbg{width: 15% !important;}
table.edit_rechts_tabelle{width: 100% !important;}
td.edit_rechts_bottom{width: 15% !important;}
td.edit_rechts_cbg{width:100%;}

/*navipunkte verstecken*/
td#nav_ICC{display:none;}
td#nav_PDK{display:none;}
td#nav_Seitentitel3{display:none;}

/*auflösung anpassen*/
margin-left:-0px;
left:50%;


-->
</style>


gruß


Zuletzt bearbeitet von hell-razerzz am 20.02.2010, 13:23, insgesamt einmal bearbeitet
Beitrag20.02.2010 um 12:25 (UTC)    
Titel:

scheint an dem zentrieren und/ oder kürzen des designs zu liegen.

gruss gringo

tip: nimm die codeschnipsel von dort mal raus und schau was passiert.
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.02.2010, 13:27, insgesamt einmal bearbeitet
Beitrag20.02.2010 um 12:28 (UTC)    
Titel:

hhhmmm seufz.... aber wie gesagt wenn ich die 2. Box rausnehme dann werden die 3.,4. und 5. box auch wieder rechts angezeigt.....
[/code]<MARQUEE style="border: 1px solid #333333; width:150px; height:52px; " direction="left" behavior="scroll" scrollamount="3" >
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dk.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dudu.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/hexe.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/krieger.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/mage.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/paladin.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/priester.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schamane.png"/></br></br>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schurke.png"/></br></br><IMG src="http://img.webme.com/pic/h/hell-razerzz/jaeger.png"/></br></br>

</td></tr></table></MARQUEE></center>

vielleicht ist der fehler hier?
ansonsten lass ich eben die 2. box weg^^

grüße Nine[/code]
Beitrag20.02.2010 um 12:31 (UTC)    
Titel:

wenn es an dem marquee liegen sollte, dann mach den in die letzte box. dann erscheinen 2,3 und 4 nicht. vorausgesetzt sie sind leer ohne das ein leerzeichen drin ist (das reicht um eine box zu aktivieren).

im übrigen zeigt dein marquee nur ein bild an. der code müsste so in der art sein

Code:
<MARQUEE style="background-color:transparent; border: 0px solid #ffffff; height:150px; width:154px " direction="down" behavior="scroll" scrollamount="2">
<table border="0"><tr><td>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1clanmini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1animemini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1bluemini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1candymini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1flowerscreenmini.png"/></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1italiamini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1kupferv2mini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1oldtimermini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1palme2mini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1rockamini.png"/></br></br>
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1tuerkisscreenmini.png"/></br></br> 
<IMG src="http://img.webme.com/pic/6/6p-iceblue/1wowmini.png"/></br></br>
</td></tr></table>
</MARQUEE>


brauchst nur den unteren und oberen teil austauschen und nach deinen wünschen anpassen.
gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.02.2010, 13:58, insgesamt 4-mal bearbeitet
Beitrag20.02.2010 um 12:32 (UTC)    
Titel:

Ja super^^

Habs gerade ausprobiert und in die 5. box gepackt und schwupps sind die anderen boxen da.
Vielen lieben Dank für die schnelle und kompetente hilfe.

Gruß Nine
Beitrag20.02.2010 um 12:36 (UTC)    
Titel:

nun muss nur noch dein marquee richtig gemacht werden. dein jetziger code ist veraltet und funktioniert wohl nicht wie er soll.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag20.02.2010 um 12:39 (UTC)    
Titel:

aber die bilderlaufleiste funktioniert einwandfrei auf meiner seite......
Was genau ist denn veraltet? Ich hab da leider nicht soviel Ahnung von......
Aber ich lasse mich gerne belehren^^
Beitrag20.02.2010 um 12:41 (UTC)    
Titel:

im internetexplorer sah ich nur ein bild das sich wiederholte. oder war nur eines drin?

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag20.02.2010 um 12:54 (UTC)    
Titel:

nee eigentlich sind mehrere drin....Sad
habs auch grad über IE angeschaut und dort ist auch nur 1 bild....
Hhhmm woran liegt das jetzt wieder?
Beitrag20.02.2010 um 12:57 (UTC)    
Titel:

Code:
<tr><td>


das fehlt oben in deinem code. schau dir die stelle mal in meinem code an. vielleicht reicht das schon wenn du es dazwischen setzt.

ich weiss jetzt auch nicht genau ob das <br> (neue zeile) bei dir sinnvoll ist. vielleicht liegen dadurch die bilder untereinander und man sieht sie nur nicht.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell



Zuletzt bearbeitet von 6p-iceblue am 20.02.2010, 13:59, insgesamt einmal bearbeitet
Beitrag20.02.2010 um 13:13 (UTC)    
Titel:

So ich hab jetzt mal deinen code genommen (hoffe das ist ok?) und ihn an meine bedürfnisse angepasst.
Die <br> hab ich rausgenommen.
Code:
<MARQUEE style="background-color:transparent; border: 0px solid #ffffff; height:52px; width:150px " direction="left" behavior="scroll" scrollamount="2">
<table border="0"><tr><td>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dk.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/dudu.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/hexe.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/krieger.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/mage.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/paladin.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/priester.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schamane.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/schurke.png"/>
<IMG src="http://img.webme.com/pic/h/hell-razerzz/jaeger.png"/>

</td></tr></table></MARQUEE></center>


jetzt werden mir bei firefox wieder alle bilder angezeigt und beim IE nur die ersten 2. Allerdings kann ich jetzt keinen Fehler mehr entdecken.
Beitrag20.02.2010 um 13:14 (UTC)    
Titel:

es werden nun alle bilder angezeigt. internetexplorer 8 nutze ich.

gruss gringo
______________
Mein Youtube Kanal | Standard-Designs als Red Design ohne rechte Boxen | Tips zum Design Professionell

Beitrag20.02.2010 um 13:17 (UTC)    
Titel:

Ok dann ist mein IE vielleicht zu alt^^
Dann nocheinmal ein riesengroßes DANKESCHÖN für Ihre Hilfe.

Gruß Nine
Beiträge der letzten Zeit anzeigen:   


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