Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.01.2017 um 16:11 (UTC)    
Titel: CSS aufräumen [erledigt]

Hallo zusammen,

ich hab keine große Ahnung von CSS und versuche derzeit meinen Code aufzuräumen und entsprechend zu markieren:
Zitat:
/* Überschrift im Header ist unsichtbar */
td.headline{visibility: hidden;}


Könnt ihr mir sagen wozu folgende Codes gedacht sind? Dann könnte ich die entsprechend o.s. Schema beschriften bzw. löschen, wenn es sich um "Quatschcodes" ohne Inhalt/Auswirkung handelt

Zitat:
table.edit_main_table{width: 1255px !important;}

table.edit_main_table, table[height="102"]{margin: 0 auto;}

td.edit_main_tr{width: 100% !important;}

table.edit_second_table{width: 100% !important;}

table.edit_third_table{width: 100% !important;}

td.edit_navi_headbg{width: 5% !important;}

table.edit_rechts_tabelle{width: 100% !important;}

td.edit_rechts_bottom{width: 5% !important;}

td.edit_rechts_cbg{width:100%;}

td.edit_main_tr{height: 0px !important;}

td.edit_rechts_cbg{height: 0px !important;}

td.edit_rechts_bottom{height: 0px !Important;}

td.edit_navi_headbg{height: 0px !important;}

td.edit_below_nav{background-image: url();
background-position: center top;}

td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}

td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px;text-align:center;}

td.edit_navi_headbg{background-image:url(URL)}

td.nav_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;border: 0px solid #c0c0c0;}

td.edit_rb_footer{background-image:url();height: 15px;border: 0px solid #c0c0c0;}

td.edit_content_bottom2{background-image:url();height: 30px;border: 0px solid #2D3738;}

td.edit_content_bottom{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 0px; width: 0px;border: 0px
solid #c0c0c0;background-position: center top;}

td.nav_heading{font-family: verdana;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}

td.edit_content_main div{overflow: hidden!important;}

______________
Gruß von Sven von



Zuletzt bearbeitet von sifle am 14.02.2017, 16:42, insgesamt 3-mal bearbeitet
Beitrag17.01.2017 um 16:23 (UTC)    
Titel:

Am besten alles Stück für Stück entfernen oder von den Maßen ändern, und schauen was passiert. So würde ich (mache ich auch immer) an die Sache rangehen. Hebe dir das Original aber immer in einer Textdatei (nicht Word oder ähnliches) auf.

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

Beitrag23.01.2017 um 15:08 (UTC)    
Titel:

Die Idee hatte ich auch schon ;O)
Bleibt mir wohl nichts anderes übrig. Danke!
______________
Gruß von Sven von

Beitrag14.02.2017 um 12:35 (UTC)    
Titel:

Hallo zusammen,
ich bin schon ganz schön weit gekommen. Allerdings hab ich immer noch einige Codes, mit denen ich nichts anfangen kann.
Hat einer Lust/Tipps?

Code:

table.edit_main_table{width: 1255px !important;}

table.edit_main_table, table[height="102"]{margin: 0 auto;}

td.edit_main_tr{width: 100% !important;}

table.edit_second_table{width: 100% !important;}

table.edit_third_table{width: 100% !important;}

td.edit_navi_headbg{width: 5% !important;}

table.edit_rechts_tabelle{width: 100% !important;}

td.edit_rechts_bottom{width: 5% !important;}

td.edit_rechts_cbg{width:100%;}

td.edit_main_tr{height: 0px !important;}

td.edit_rechts_cbg{height: 0px !important;}

td.edit_rechts_bottom{height: 0px !Important;}

td.edit_navi_headbg{height: 0px !important;}

td.edit_below_nav{background-image: url();
background-position: center top;}

td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}

td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}

td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}

td.edit_navi_headbg{background-image:url(URL)}

td.edit_content_main div{overflow: hidden!important;}

______________
Gruß von Sven von

Beitrag14.02.2017 um 13:27 (UTC)    
Titel:

sifle hat Folgendes geschrieben:
Hallo zusammen,
ich bin schon ganz schön weit gekommen. Allerdings hab ich immer noch einige Codes, mit denen ich nichts anfangen kann.
Hat einer Lust/Tipps?

wie meinst du das Question Rolling Eyes
willst du wissen für was die einzelnen Codes da sind Question welche Funktion die haben Question
______________
MfG aus Klein Paris-vereinzelte Rechtschreibfehler sind Special Effects meiner Tastatur
Beitrag14.02.2017 um 13:40 (UTC)    
Titel:

Jupp, genau darum geht es.
Bin schon wieder ein bisschen weiter. Wobei mir die einzelnen Funktionen nichts sagen. Mir geht es aber hauptsächlich um die Kategorisierung: /* Wozu das gut ist */
Ist eben blöd, wenn man über die Jahre Codes sammelt ohne eine peile davon zu haben Wink

Code:
/* Iceblue verbreitern */
table.edit_main_table{width: 1255px !important;}
table.edit_main_table, table[height="102"]{margin: 0 auto;}
td.edit_main_tr{width: 100% !important;height: 0px !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}

/* Iceblue verbreitern Feld hinter Textfeld */
table.edit_rechts_tabelle{width: 100% !important;}

/* Iceblue verbreitern dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}

/* Streifen rechts neben der ganzen Seite */ 
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}

td.edit_navi_headbg{width: 5% !important;}
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_below_nav{background-image: url();
background-position: center top;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
td.edit_navi_headbg{background-image:url(URL)}
td.edit_content_main div{overflow: hidden!important;}

______________
Gruß von Sven von

Beitrag14.02.2017 um 13:51 (UTC)    
Titel:

Beitrag14.02.2017 um 14:24 (UTC)    
Titel:

Hi Gringo
Ein Traum! Danke! Sieht schon viel besser aus.
Jetzt ist nur noch einer offen:
Code:
td.edit_content_main div{overflow: hidden!important;}

Dann kann geclosed werden Wink

Der Rest ist jetzt zumindest strukturiert. Wobei ich vermute, dass viele Codes unnötig sind oder nur dafür sorgen, dass ein Element gar nicht dargestellt wird.
Code:
<style type="text/css">

<!--

td.edit_content_main div{overflow: hidden!important;}

/* Feld hinter Navi */
td.edit_navi_headbg{width: 5% !important;}
td.edit_navi_headbg{height: 0px !important;}
td.edit_navi_headbg{background-image:url(URL)}

/* Rechte Boxen Feld dahinter */
td.edit_rechts_bottom{width: 5% !important;}
td.edit_rechts_bottom{height: 0px !Important;}
td.edit_rechts_bottom{background-image:url();border: 0px solid #ffffff;}
 
/* Abschluss unter der Navigation */
td.edit_below_nav{background-image: url();
background-position: center top;}

/* Iceblue verbreitern */
table.edit_main_table{width: 1255px !important;}
td.edit_main_tr{width: 100% !important;height: 0px !important;}
table.edit_second_table{width: 100% !important;}
table.edit_third_table{width: 100% !important;}

/* Homepage zentriert */
table.edit_main_table{margin: 0 auto;}

/* Iceblue verbreitern Feld hinter Textfeld */
table.edit_rechts_tabelle{width: 100% !important;}

/* Iceblue verbreitern dunkle Feld unter / hinter Textfeld */
td.edit_rechts_cbg{width:100%;}
td.edit_rechts_cbg{height: 0px !important;}
td.edit_rechts_cbg{background-image:url();border: 0px solid #ffffff;}

/* Streifen rechts neben der ganzen Seite */ 
td.edit_rechts_sbg{background-image:url();border: 0px solid #ffffff;}

/* Überschrift im Header ist unsichtbar */ 
td.headline{visibility: hidden;}

/* Titeltext über Seiteninhalt */
td.headline2 {
color: #ffffff;
font-size: 14px;
text-align:center;
font-weight: bold;
font-family: verdana; }

/* Bild als Header */ 
td.edit_header_full{background-image:url(http://img.webme.com/pic/s/sifle/headeraug2010test3.jpg);background-color:#194D63;width:
2000px; height: 104px;background-position: center top;border: 5px solid #39849B;} 

/* Hintergrund für den Content */ 
td.edit_content{background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);background-color:#c0c0c0;border: 5px solid #232B2B;}

/* Lücke in der Navigation hinter einem Menüpunkt - https://www.homepage-baukasten.de/forum/viewtopic.php?t=145954 */
#nav_Startpunkt,
#nav_Saulecker,
#nav_SchweineTV,
#nav_Kontakt
{
  padding-bottom: 10px;
  position: relative;
}
#nav_Startpunkt:after,
#nav_Saulecker:after,
#nav_SchweineTV:after,
#nav_Kontakt:after
{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
  width: 200px;
  content: ".";
  color: transparent;
  background-image: url(http://img.webme.com/pic/s/sifle/hintergrund.jpg);
}

/* Navigation Überschrift Hintergrund*/
td.nav_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;border: 0px solid #c0c0c0;}

/* Navigation Überschrift Schriftart*/
td.nav_heading{font-family: verdana;font-size: 12px;color: #ffffff;padding-left:26px;text-align: left;}

/* Navigation Hoover Effekt */ 
td.nav:hover{background-image: url(http://img.webme.com/pic/s/sifle/lavender.jpg);width:
185px;height: 22px;border: 0px solid #2D3738;}

/* Navigation Hintergrund */ 
td.nav{background-image: url(http://img.webme.com/pic/s/sifle/nav.jpg);width:
185px;height: 22px;border: 0px solid #2D3738;}

/* Navigation Linkschrift */
td.nav a{
font-family: verdana;
font-size: 13px;
color: #000000;
text-decoration: none}

/* Navigation aktuelle Seite wird markiert */
tr.checked_menu td a{
 font-size: 13px;
 font-family: verdana;
 font-weight: bold;
 color: #000000;
 text-decoration: underline; }

/* Navigation gilt der gesamte Block statt nur der Text als Link */
td.nav a {display:block; }

/* Navigation Bild darunter unsichtbar */ 
td.edit_below_nav img{visibility: hidden;}
 
/* Hintergrund der kompletten Seite */
body{background-color:#343434;
background-image:url(http://img.webme.com/pic/s/sifle/hintergrund.jpg); }
body {background-attachment:fixed;border: 0px solid #c0c0c0;}

/* Rechte Boxen Formatierung */ 
td.shouty, td.shouty2, td.shouty3, td.shouty4, td.shouty5{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}

/* Rechte Boxen Ueberschrift */
td.sidebar_heading {
color:#ffffff;
font-size:14px;
font-family:verdana;
font-weight: bold;
text-align:center;
}

/* Rechte Boxen Überschrift */
td.sidebar_heading{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 30px;}

/* Bild unter den rechten Boxen */
td.edit_rb_footer{background-image:url();height: 15px;border: 0px solid #c0c0c0;}

/* Verbreiterung rechte Box Facebook Like Button */
td.shouty_facebook_like_button iframe {width:190px!important;}

/* Hintergrundfarbe rechte Box Facebook Like Button */
td.shouty_facebook_like_button{
background-image:url(http://img.webme.com/pic/s/sifle/lavender.jpg);
background-repeat:repeat;
font-family: verdana;font-size: 12px;
color:#000000;border: 0px solid #2D3738;}

/* Überschrift über dem Content */
td.edit_content_top,td.edit_content_top:hover{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px;text-align:center;}

/* Unterschrift unter dem dem Content */
td.edit_content_bottom{background-image:url(http://img.webme.com/pic/s/sifle/edit_content_top.png);height: 25px; width: 25px;border: 0px
solid #c0c0c0;background-position: center top;}

/* Unterschrift unter dem dem Content wo der Zähler drinsteht */
td.edit_content_bottom2{background-image:url();height: 30px;border: 0px solid #2D3738;}

/* Verbreiterung der rechten Boxen */
#sidebar_heading_1, #sidebar_heading_2, #sidebar_heading_3, #sidebar_heading_4, #sidebar_heading_5 {
width: 200px;
}

/* Verbreiterung der Navigation */
td.edit_navi_headbg table {
width: 200px;
}

/* Textfarbe - Schriftart - Textgröße ALLGEMEIN im Content */
div {
color: #000000;
font-size: 13px;
font-family: verdana; }

/* H1 Textfarbe - Schriftart - Textgröße */
H1 {
color: #000000;
font-size: 26px;
font-family: verdana; }

/* H2 Textfarbe - Schriftart - Textgröße */
H2 {
color: #000000;
font-size: 20px;
font-family: verdana; }

/* H3 Textfarbe - Schriftart - Textgröße */
H3 {
color: #000000;
font-size: 14px;
font-family: verdana;
font-weight: bold; }

/* S1 Textfarbe - Schriftart - Textgröße */
S1 {
color: #228b22;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* S2 Textfarbe - Schriftart - Textgröße */
S2 {
color: #ffa500;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* S3 Textfarbe - Schriftart - Textgröße */
S3 {
color: #dc143c;
font-size: 13px;
font-family: verdana;
font-weight: bold; }

/* Links Textfarbe - Schriftart - Textgröße */
a:link {
color: #0000FF;
font-size: 13px;
font-family: verdana; }

a:visited {
color: #4169E1;
font-size: 13px;
font-family: verdana; }

a:hover {
color: #4169E1;
font-size: 13px;
font-family: verdana; }

/* iframes - Filme - Rahmen */
iframe {
border-width: 5px;
border-style: solid;
border-color: #708090;
}

/* Bilder - Rahmen */
img.standard {
color: #2F4F4F;
border-width: 5px;
border-style: solid;
}

/* Knoepfe */
img.knopf {
color: #000000;
border-width: 1px;
border-style: solid;
}

/* Thementipp*/
img.tipp{
color: #000000;
border-width: 2px;
border-style: solid;
}

/* Grundsteine */
.edit_content_main { position: relative; }
#grundstein { position:absolute;right:-15px;top:5px;font-size:10px;text-align:center; }



-->
</style>

______________
Gruß von Sven von

Beitrag14.02.2017 um 15:02 (UTC)    
Titel:

Code:
td.edit_content_main div{overflow: hidden!important;}
müsste wohl dafür sein, dass der text im content richtig dargestellt wird. damit wird rechts und links der abstand geregelt.

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

Beitrag14.02.2017 um 15:36 (UTC)    
Titel:

Dank dir!
______________
Gruß von Sven von

Beiträge der letzten Zeit anzeigen:   


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