style.css

Gesperrt
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

style.css

Beitrag von mäci »

hi all

gibt es eine beschreibung für die style.css und auf was die einen einfluss hat? kann ich mit dieser das navigationdesign steueren?
bei mir ist die navigation rechtsbündig und ich will sie eigentlich linksbündig

thanks
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

da du leider nur fragen stellst aber keine antworten auf fragen gibst (siehe dein anderer thread) mein tipp:

http://de.selfhtml.org/

http://de.selfhtml.org/css/

http://www.css4you.de/


Und zu deiner Frage ich denke das es keine Dokumentation zur style.css gibt das sie recht einfach gestrickt ist. Die style.css enthält für die navi nur verschiedene zustände. Aber wie gesagt naja.

Benutzt du ein eigenes oder das aus der Installation layout ?
Wie sehen deine templates aus (firstnavi_off.html usw.)
Ist die site on ?
An welcher css Anweisung hast du bisher probiert ??
Trtt es in allen Browsern auf ?

greets

Ich denke wenn du hilfe erwartest solltest du auch antworten und nicht an 2 verschiedenen Stellen gleichzeitig fragen .
greets
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

dies sind die templates:

Code: Alles auswählen

open
<!-- BEGIN:BLOCK -->
	<div class="navi"><a href="{HREF}" class="navileft_open" style="padding-left:10px;" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK -->


on

<!-- BEGIN:BLOCK -->
      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px">
      <a target="{TARGET}" href="{HREF}">{NAME}</a></td></tr>
<!-- END:BLOCK -->

off

<!-- BEGIN:BLOCK -->
      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="{TARGET}" href="{HREF}">{NAME}</a></td></tr></b>
<!-- END:BLOCK -->
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

die html ausgabe

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<base href="http://">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/format.css">
<meta id="m1" name="robots" content="follow">
<meta id="m2" name="generator" content="CMS Contenido 4.6.2">
<meta id="m3" http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="cccccc" style="margin:0px">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="left"></tr>
					<table width="1000" border="0" align="left" height="100%" cellspacing="0" cellpadding="0">
 <tr>




<td colspan="3" align="top" height="100">
								<table width="800" border="0" background="test.gif" height="85" cellspacing="0" cellpadding="0" style="border: 1px;border-color: #CCCCCC; border-style: solid; background-color: #cccccc">
									<tr>
										<td>
											<table border="0" cellspacing="0" cellpadding="0" width="800" height="75">
												<tr>
													<td align="center" valign="top"><!--hilfsnavi-->
     <table cellpadding="0" cellspacing="0" border="0"><tr><td height="21" class=".navigation" style="border: 0px; border-top:2px; border-color: #99cc00; border-style: solid; background-color: #FFFFFF; padding-left:7px; padding-right:7px;">
          <a class="klein" target="_self" href="front_content.php?idcat=17">Suchen</a></td><td height="21" class=".navigation" style="border: 0px; border-top:2px; border-color: #99cc00; border-style: solid; background-color: #FFFFFF; padding-left:7px; padding-right:7px;">
          <a class="klein" target="_self" href="front_content.php?idcat=4">Sitemap</a></td><td height="21" class=".navigation" style="border: 0px; border-top:2px; border-color: #99cc00; border-style: solid; background-color: #FFFFFF; padding-left:7px; padding-right:7px;">
          <a class="klein" target="_self" href="front_content.php?idcat=5">Impressum</a></td><td height="21" class=".navigation" style="border: 0px; border-top:2px; border-color: #99cc00; border-style: solid; background-color: #FFFFFF; padding-left:7px; padding-right:7px;">
          <a class="klein" target="_self" href="front_content.php?idcat=36">> Newsletter abonnieren <</a></td></tr></table>
<!--hilfsnavi ende--></td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td rowspan="3" align="top" valign="top" width="200">
								
							</td>
						
    

  <tr>
							<td bgcolor="cccccc" align="left" colspan="3" height="90">
<p>

    <center>
									<nolayer>
										<iframe width="468" height="60" noresize scrolling="no" frameborder="0" marginheight="0" marginwidth="0" src="http://00.00.00.000/frame.html?"></iframe>
									</nolayer>
									<ilayer id="t_1" visibility="hidden" width="468" height="60" border="0" scrolling="0"></ilayer>
								

</center><br>
</td>
						</tr>

  <tr>
    <td align="right" valign="top">
 
<center>
<form name="suche" action="front_content.php?idcat=17" method="post"> 
   <table> 
      <tr> 
         <td><span style="font-size: 11px"></span></td> 
         <td><input name="suchtext" value="stichwort suche" type="text" size="13"></td> 
         <td><input name="submit" type="submit" value="Go"></td> 
      </tr> 
   </table> 
</form> 
</center>

     <!--navi-->
     <!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="_self" href="front_content.php?idcat=34">>Home</a></td></tr></b>

<!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="_blank" href="front_content.php?idcat=31">Community</a></td></tr></b>

<!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="_self" href="front_content.php?idcat=32">Reise</a></td></tr></b>

<!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px">
      <a target="_self" href="front_content.php?idcat=3">Land</a></td></tr>

<!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="_self" href="front_content.php?idcat=100">News & Wetter</a></td></tr></b>

<!-- Generated by Contenido 4.6.2-->

      <tr><td width="200" colspan="2" height="22" style="border: 0px; border-bottom:1px; border-color: #Ffffff; border-style: solid; background-color: #999999; padding-left:10px">
 <b>   <a target="_self" href="front_content.php?idcat=184">Photo-Gallery</a></td></tr></b>



     <!--navi ende--> 
            <table width="170" border="0" cellspacing="0" cellpadding="2" style="border: 1px; border-color: #99CC00; border-style: solid"> 
               <tr><td style="border: 1px; border-right: 0px; border-color: #ffffff; border-style: solid; background-color: #EEEEEE; padding-left:9px" class="text">Zuletzt besuchte Seiten </td> 
               </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=128&idart=44">Land</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=31&idart=32"> Community</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=3&idart=9">Land</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=34&idart=41">Die Ozeanien Experten Community</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=100&idart=127">News</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=114&idart=82">Sprache</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=185&idart=149">Shopping</a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=32&idart=45">Reisen </a></td> 
                </tr><tr> 
                <td width="50%" style="border: 1px; border-top:0px; border-right:0px; border-color: #ffffff; border-style: solid; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=116&idart=143">Haus</a></td> 
                </tr></table> 
                                                                    


    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="470" height="50%" border="0" cellspacing="0" cellpadding="15" style="border: 1px;border-color: #999966; border-style: solid; background-color: #ffffff">
    

        <tr>
        <td valign="top" height="30" class="headline">content</td></tr>
        <tr><td valign="top" height="30" class="subheadline">subtext </td></tr>
        <tr><td valign="top" height="100%" class="text"><img src="wuerfel.gif" align="left" border="0"><br><br><br> 
 Waehlen Sie links aus der Liste die entsprechende Rubrik. 
    <br><p><font color="#999966">___________________________________________________</font></p></td></tr></table>


       <!--inhalt ende-->



      </td>
							<td align="center" valign="top" width="151">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>
<table width="165" border="0" cellspacing="0" cellpadding="0">
<tr><td height="1" colspan="2" ></td></tr>
<tr><td height="21" width="22" style="border: 0px; border-top:1px; border-bottom:1px; border-color: #ffffff; border-style: solid; background-color: #99cc00"><img src="images/wuerfel.gif" width="22" height="21" border="0"></td>
<td width="143" style="border: 1px; border-left:0px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px" class="punkte">NEWS</td></tr>
<tr><td colspan="2" class="text" height="22" style="border: 1px; border-top:0px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px"><a href="front_content.php?client=1&lang=1&idcat=12&idart=5&m=&s=">News</a></td></tr></table><br>

</td>
            </tr>
            
            <tr>
                <td><table width="165" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td height="1" colspan="2"></td>
			</tr>
			<tr>
				<td height="21" width="22" style="border: 0px; border-top:1px; border-bottom:1px; border-color: #ffffff; border-style: solid; background-color: #99cc00"><img src="images/wuerfel.gif" width="22" height="21" border="0"></td>
				<td width="143" style="border: 1px; border-left:0px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px" class="punkte">Reise</td>
			</tr>
<tr>
				<td colspan="2" class="text" height="22" style="border: 1px; border-top:0px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px"><a href="/cms/front_content.php?idcat=106">Reisen</a></td>
			</tr>
			<tr>
				<td colspan="2" class="text" height="22" style="border: 1px; border-top:0px; border-color: #ffffff; border-style: solid; background-color: #99cc00; padding-left:10px"><a href="http:///cms/front_content.php?idcat=111">Auto</a></td>
			</tr>
<tr>
				
</tr>
		</table>




</td>
            </tr>
            
            

        </table>
						
							
						    
<tr>
							<td><center></center>
							<td></td>
							<td width="151"></td>
							<td width="159"></td>
						</tr>
				</td>

</td></tr></table>


					</csobj></td>
				<td></td>
			</tr>
		</table>
		
		<table cellspacing="0" cellpadding="0" border="0"><tr><td>
		



</td></tr></table>
              
            
</body>
</html>



[/quote]
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

container anordnung

Code: Alles auswählen

													<td align="center" valign="top"><!--hilfsnavi-->
     CMS_CONTAINER[2]
<!--hilfsnavi ende--></td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td rowspan="3" align="top" valign="top" width="200">
								<div align="center">
									CMS_CONTAINER[10]</div>
							</td>
						
    

  <tr>
							<td bgcolor="cccccc" align="left" colspan="3" height="90">
<p>

    CMS_CONTAINER[3]</td>
						</tr>

  <tr>
    <td align="right" valign="top">
CMS_CONTAINER[12]
     <!--navi-->
     CMS_CONTAINER[4]
     <!--navi ende--> 
            CMS_CONTAINER[11]                                                                    


    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="470" height="50%" border="0" cellspacing="0" cellpadding="15" style="border: 1px;border-color: #999966; border-style: solid; background-color: #ffffff">
    

        <tr>
        <td valign="top" height="30" class="headline">CMS_CONTAINER[5]</td></tr>
        <tr><td valign="top" height="30" class="subheadline">CMS_CONTAINER[6] </td></tr>
        <tr><td valign="top" height="100%" class="text">CMS_CONTAINER[1] CMS_CONTAINER[7] 
    <br><p>       <!--inhalt ende-->



      </td>
							<td align="center" valign="top" width="151">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>CMS_CONTAINER[8]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[9]</td>
            </tr>
            
            

        </table>
						
							
						    
<tr>
							<td><center></center>
							<td></td>
							<td width="151"></td>
							<td width="159"></td>
						</tr>
				</td>

</td></tr></table>
Halchteranerin
Beiträge: 5478
Registriert: Di 2. Mär 2004, 21:11
Wohnort: Halchter, wo sonst? ;-)
Kontaktdaten:

Beitrag von Halchteranerin »

blackmeetswhite hat geschrieben:Ich denke wenn du hilfe erwartest solltest du auch antworten und nicht an 2 verschiedenen Stellen gleichzeitig fragen .
Das denke ich auch! Ich habe den anderen Thread geschlossen.
Bitte keine unaufgeforderten Privatnachrichten mit Hilfegesuchen schicken. WENN ich helfen kann, dann mache ich das im Forum, da ich auch alle Postings lese. PN werden nicht beantwortet!
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

wenn das zb die 3 zustands templates sind kann es auch schwer gehen.

veruche mal folgendes:

template navfirst_off.html:

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<div class="navi"><a href="{HREF}" class="navileft_passive" style="padding-left:10px;" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK --> 
template navfirst_on.html:

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<div class="navi"><a href="{HREF}" class="navileft_active" style="padding-left:10px;" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK -->
template navfirst_open.html:

Code: Alles auswählen

<!-- BEGIN:BLOCK -->
	<div class="navi"><a href="{HREF}" class="navileft_open" style="padding-left:10px;" title="{NAME}">{NAME}</a></div>
<!-- END:BLOCK -->

du benutzt nur im open zustand die divs im normal und on zustand aber tabellen nun aber das problem du eröffnest di navigation mit <tr> und davor muss aber ein <table> stehen tut es aber nicht jetzt musst du dich entscheiden zwischen div und tabellen ich glaube die vorgängerversion hat in der navi noch mit tabellen gearbeitet und jetzt mit divs.

versuche die oberen codes dann sollte es gehen

greets

wenn man meckert geht es doch grins
greets
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

sieht bei allen browsern gleich falsch aus.
das beste ist noch wenn ich auf einen navigationslink drücke und die neue seite sich dann öffnet bekomme ich zuerst eine graue seite und muss dann ca. 600 pixel runter scrollen bis die wirkliche seite kommt.
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

okay werde die neue variante jetzt testen. danke schon mal
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

ist der quelltext den du bei Containeranordnung angebegen hast wirklich original so als layout bei dir drin oder fehlt da was . Ok das da einiges fehlt sehe ich so, nur die frage ob das bei dir unter

Layouts/ deinlayoutdasdubenutzt

drin steht wenn ja würde mich gar nichts mehr wundern, wenn nein sende mir mal dein layout aus contenido das du benutz für deine problemseite

ansonsten wenn ich die Frage beantwortet bekomme "ist die site online" dann ist es einfacher den link zu posten und oder bzw die benutzerdaten per pm (unten links) zu senden da es einfacher ist nachzuvollziehen was du gemacht hast

greets
greets
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

em ja eigentlich schon...

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
        <title>>Title<</title>
        <link rel="stylesheet" type="text/css" href="css/format.css">
</head>

<body bgcolor="cccccc" style="margin:0px">
<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr><td height="5"></td></tr>
<tr><td align="left"></tr>
					<table width="1000" border="0" align="left" height="100%" cellspacing="0" cellpadding="0">
 <tr>




<td colspan="3" align="top" height="100">
								<table width="800" border="0" background="logo.gif" height="85" cellspacing="0" cellpadding="0" style="border: 1px;border-color: #CCCCCC; border-style: solid; background-color: #cccccc">
									<tr>
										<td>
											<table border="0" cellspacing="0" cellpadding="0" width="800" height="75">
												<tr>
													<td align="center" valign="top"><!--hilfsnavi-->
     CMS_CONTAINER[2]
<!--hilfsnavi ende--></td>
												</tr>
											</table>
										</td>
									</tr>
								</table>
							</td>
							<td rowspan="3" align="top" valign="top" width="200">
								<div align="center">
									CMS_CONTAINER[10]</div>
							</td>
						
    

  <tr>
							<td bgcolor="cccccc" align="left" colspan="3" height="90">
<p>

    CMS_CONTAINER[3]</td>
						</tr>

  <tr>
    <td align="right" valign="top">
CMS_CONTAINER[12]
     <!--navi-->
     CMS_CONTAINER[4]
     <!--navi ende--> 
            CMS_CONTAINER[11]                                                                    


    </td>
     <td valign="top">
      <!--inhalt-->
        <table width="470" height="50%" border="0" cellspacing="0" cellpadding="15" style="border: 1px;border-color: #999966; border-style: solid; background-color: #ffffff">
    

        <tr>
        <td valign="top" height="30" class="headline">CMS_CONTAINER[5]</td></tr>
        <tr><td valign="top" height="30" class="subheadline">CMS_CONTAINER[6] </td></tr>
        <tr><td valign="top" height="100%" class="text">CMS_CONTAINER[1] CMS_CONTAINER[7] 
    <br><p><font color="#999966">___________________________________________________</font></p></td></tr></table>


       <!--inhalt ende-->



      </td>
							<td align="center" valign="top" width="151">

        <table cellspacing="0" cellpadding="0" border="0">

            <tr>
                <td>CMS_CONTAINER[8]</td>
            </tr>
            
            <tr>
                <td>CMS_CONTAINER[9]</td>
            </tr>
            
            

        </table>
						
							
						    
<tr>
							<td><center></center>
							<td></td>
							<td width="151"></td>
							<td width="159"></td>
						</tr>
				</td>

</td></tr></table>


<layer src="http://00.00.00.000/frame.html?" clip="0,0,468,60" visibility="hidden" onload="moveToAbsolute(t_317.pageX,t_317.pageY);visibility='show';"></layer>
					</csobj></td>
				<td></td>
			</tr>
		</table>
		
		<table cellspacing="0" cellpadding="0" border="0"><tr><td>
		



</td></tr></table>
              
            
</body>
</html>
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

ok ich bin eigentlich ein fiter aber da bekomme ich lust wieder als dozent anzufangen grins ne im ernst wer oder wo hast du das erstellt. Nur ein punkt bevor wir uns auf privatnachrichten beschränken
<link rel="stylesheet" type="text/css" href="css/format.css">
du änderst an der style.css etwas und wunderst dich über keine ergenbnisse

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="css/style.css"> 
so sollte es eigentlich heißen

so damit du wieder gut schlafen kannst und ich meine gute tat vollbracht habe grins mein vorschlag melde dich bitte gleich bei mir per pm oder msn ich denke das das hier zu keinem ergebniss führen würde. Also wenn ich dir helfen soll dann melde dich, das bekommen wir schon hin

greets
greets
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

ach so, darum ändert sich nichts.... darauf bin ich jetzt noch nicht gekommen.

mit deiner hilfe kommt es langsam richtig... bastle jetzt mal weiter und melde mich dann per pn.
mäci
Beiträge: 36
Registriert: Sa 26. Feb 2005, 18:10
Kontaktdaten:

Beitrag von mäci »

die navigation wurde nun wieder hergestellt. besten dank allen - besonders blackmeetswhite.
Gesperrt