css änderung ohne style möglich?

CSS, Java Script u.s.w

Moderator: HTML-Laie

Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: css änderung ohne style möglich?

Beitrag von moni »

morgen Patrick...
du hast aber komplett ein anderer Bild jetzt drin da muss man doch auch die entsprechende breite zugeben ....width:950px;

soll das so aussehen ?
Bild
wenn ja da hier ist das CSS Päckchen was du tauschen muss

Code: Alles auswählen

 .shopkopf {
    /* Hintergrundarbe und Bild */
    background-color: #F5EFE5;
    background-image: url("http://file1.npage.de/009238/11/bilder/header_900.gif");
    background-repeat: no-repeat;
    width: 950px;
    height: 140px;
    /* Textausrichtung */
    text-align: right;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    /* Randabstand oben */
    padding-top: 6px;

    }
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: css änderung ohne style möglich?

Beitrag von Patrick »

guten morgen liebe moni,

na das mit der breite ist nicht mein problem.
Schau mal ich habe einen screenshoot gemacht, damit du diese zwei grafiken sehen kannst. Die sind auf deinem Bild nicht zu sehen.
Entweder müssen diese zwei grafiken weg oder sie müssen sich so wiederholen, dass der bis oben und bis unten reichen und der rahmen geschlossen wird.
weisst du wie ich meine?
kopf.JPG
liebe grüße
patrick
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: css änderung ohne style möglich?

Beitrag von moni »

Aso Patrick...sorry das ich nicht direkt drauf gekommen bin....es handelt sich um die beiden Grafiken ..Oder ??
die haben beide 87 höhe..und du brauchst die nur auf 140 machen ...und zwar in den HTML Bereich ..rot markiert ...teste mal ob es klappt..bin nur auf dem Sprung hier
:X

Bild
Bild

<td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_7.gif" alt="" width="37" height="87" border="0"></td>
<td colspan="3" background="../../templates/TPL10026/pics/tpl_9.gif" align="right" valign="top" class="shopkopf tabcolor1">&nbsp;<a href="./?go=warenkorb">Ihr Warenkorb</a> [EUR 0.00] | <a href="./?go=impressum">Impressum</a> | <a href="./?go=kontakt">Kontakt</a> | <a href="./?go=agb">AGB</a> | <a href="./?go=helpfaq">Hilfe und FAQ's</a></td>

<td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_12.gif" alt="" width="25" height="87" border="0"></td>
</tr>
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: css änderung ohne style möglich?

Beitrag von Patrick »

Huhu Moni,

ja es geht genau um diese grafiken. dass sie 87px hoch sind ist mir bewusst. Ändern kann ich die höhe allerdings nicht, da ich nicht an das html ran komme. Ich kann nur über css änderungen durchführen :E
Kann man die nicht irgendwie in der css löschen oder etwas mit "repeat" machen?

lg
patrick
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: css änderung ohne style möglich?

Beitrag von moni »

versteh nicht warum das das HTML nicht ändern kannst ... :E :E wie haste das bis jetzt gemacht und die HTML eingefügt :E :E :E
man kann nicht die Grafiken per CSS ändern.... du findest sie als tabcolor1 und zwar du hast zwei verschieden Grafiken unter diesen Namen ..eine rechts und eine links mit dem gleichen Hintergrund..und der ist in den css vorgegeben ..
dann in den HTML Bereich hast ein Tabelle wo das abgerufen wird per <div class="tabcolor1"> und dazu als egrenzung die Image angehängt ...mit dem angaben height und width ..
<td class="tabcolor1"><img src="http://www.freeshop-web.de/shopserver/t ... /tpl_7.gif" alt="" width="37" height="140" border="0"></td>
das ist die linke Seite
<td class="tabcolor1"><img src="http://www.freeshop-web.de/shopserver/t ... tpl_12.gif" alt="" width="25" height="140" border="0"></td>
und das ist die rechte Seite .... hatte die Grafiken direkt verlinkt weil wollte sehen wie es aussieht ...
Bild

und hier das komplette Skript noch mal

Code: Alles auswählen

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    <html>
    <head>
    <title>PatschWorks Startseite</title>

    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="Type" content="Service">
    <meta name="author" content="Patrick Schöning">
    <meta name="copyright" content="PatschWorks">
    <meta name="description" content="">
    <meta name="keywords" content="Galgo,windhund,hundemantel,whippet,podenco,patschworks,windhundmantel,denkmalerei,holzarbeit,silhouetten,">
    <meta name="language" content="de">

    <meta name="revisit-after" content="1 day">
    <meta name="robots" content="index, follow">




    <link rel="stylesheet" type="text/css" href="../../usercss/s004284.css">
    <style type="text/css">
      /* ===================================================================== */
    /* = CSS EINSTELLUNGEN FUER SEITE */
    /* ===================================================================== */
    /* Seitenhoehe festlegen */
    html {
    min-height: 101%;
    }
    body {
    /* Hintergrundfarbe */
    background: #EEDCBE;
    /* Schriftart */
    font-family: Verdana, Arial;
    /* Schriftgroesse */
    font-size: 12px;
    /* Schriftfarbe */
    color: #000000;
    /* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
    margin: 0px 0px 0px 0px;
    }

    /* ===================================================================== */
    /* Aeussere Contentbox */
    /* Wird nicht in jedem Layout verwendet */
    /* ===================================================================== */
    #inhalt {
    /* Randabstand Layout */
    margin:10px auto;
    /* Textausrichtung */
    text-align:left;
    /* Abstand Contentbox - Layout */
    padding: 0px;
    }
    /* ===================================================================== */
    /* = Zusatzdesign  */
    /* ===================================================================== */
    .tabcolor1 {
    background-color: #F5EFE5;

    }
    .tabcolor2 {
    background-color: #F4EFE8;
    }
    /* ===================================================================== */
    /* = ALLGEMEINE LINKS IM SHOP */
    /* ===================================================================== */
    a {
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #990000;
    /* Link unterstrichen none/underline */
    text-decoration: none;
    }

    a:hover {
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #cc9900;
    /* Link unterstrichen none/underline */
    text-decoration: underline;
    }
    /* ===================================================================== */
    /* = CSS EINSTELLUNGEN SHOPKOPF BEGRUESSUNG UND INFOLINKS (WARENKORB ETC.) */
    /* ===================================================================== */
    .shopgruss {

    /* Hintergrundarbe */
    background-color: #F5EFE5;

    /* Textausrichtung */
    text-align: right;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    .shopkopf {
    /* Hintergrundarbe und Bild */
    background-color: #F5EFE5;
    background-image: url("http://file1.npage.de/009238/11/bilder/header_900.gif");
    background-repeat: no-repeat;

    height: 140px;
    /* Textausrichtung */
    text-align: right;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    /* Randabstand oben */
    padding-top: 6px;

    }

    /* ===================================================================== */
    /* = LINKS IM SHOPKOPF */
    /* ===================================================================== */
    .shopgruss a, .shopkopf a {
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftfarbe */
    color: #772B1A;
    /* Link unterstrichen none/underline */
    text-decoration: underline;
    }
    .shopgruss a:hover, .shopkopf a:hover {
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftfarbe */
    color: #BC793D;
    /* Link unterstrichen none/underline */
    text-decoration: underline;
    }
    /* ===================================================================== */
    /* = CSS EINSTELLUNGEN FUER SEITENFUSS UNTERHALB SHOP */
    /* ===================================================================== */
    .shopbottom {
    /* Hintergrundarbe */
    background-color: #F5EFE5;
    /* Textausrichtung */
    text-align: center;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }
    /* ===================================================================== */
    /* = LINKS IM SHOPKOPF UND SHOPFUSS */
    /* ===================================================================== */
    .shopbottom a {
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftfarbe */
    color: #772B1A;
    /* Link unterstrichen none/underline */
    text-decoration: underline;
    }

    .shopbottom a:hover {
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftfarbe */
    color: #BC793D;
    /* Link unterstrichen none/underline */
    text-decoration: underline;
    }

    /* ===================================================================== */
    /* = MENUESPALTE DES SHOPS */
    /* ===================================================================== */
    .menue {
    /* Hintergrundfarbe */
    background: transparent;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    /* Hoehe */
    height:100%;
    }
    /* ===================================================================== */
    /* = LINKS IM HAUPTMENUE DES SHOPS */
    /* ===================================================================== */
    .menue a {
    /* Darstellung als Block, bitte nicht aendern */
    display: block;
    /* Randabstand - Reihenfolge 12,3,6,9 UHR */
    padding: 2px 2px 2px 4px;
    /* Abstand zu Aussenelementen */
    margin: 0px 1px 1px 1px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftfarbe */
    color: #772B1A;
    /* Link unterstrichen none/underline */
    text-decoration: none;
    /*Rand unter Link */
    border-bottom: 1px solid #C5A976;
    }

    .menue a:hover {
    /* Hintergrundarbe */
    background-color: #EAE0CE;
    /* Schriftgewicht normal/bold */
    font-weight: normal;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #52613d;
    /* Link unterstrichen none/underline */
    text-decoration: none;
    }

    /* ===================================================================== */
    /* = TOPRUBRIKENTRENNER IM HAUPTMENUE - STATISCHES MENUE*/
    /* ===================================================================== */
    .toprubrik {
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Hintergrundarbe */
    background-color: #B59251;
    /* Schriftfarbe */
    color: #ffffff;
    /* Randabstand - Reihenfolge 12,3,6,9 UHR */
    padding: 3px 2px 3px 2px;
    /* Abstand zu Aussenelementen */
    margin: 1px;
    }

    /* ===================================================================== */
    /* = LINKS FUER TOPRUBRIKEN IM HAUPTMENUE - DYNAMISCHES MENUE*/
    /* ===================================================================== */
    .toprub a {
    /* Darstellung als Block, bitte nicht aendern */
    display: block;
    /* Randabstand - Reihenfolge 12,3,6,9 UHR */
    padding: 2px 2px 2px 5px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Hintergrundarbe */
    background-color: #B59251;
    /* Schriftfarbe */
    color: #ffffff;
    }

    .toprub a:hover {
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Hintergrundfarbe */
    background: #9E7E43;
    /* Schriftfarbe */
    color: #ffffff;
    }
    /* ===================================================================== */
    /* = SHOPAUSGABE RECHTE TABELLE */
    /* ===================================================================== */
    .content {
    background: #ffffff;
    /* Randabstand */
    padding: 3px 0px 0px 0px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }
    /* ===================================================================== */
    /* = ALLGEMEINE AUSGABE TABELLEN */
    /* ===================================================================== */
    .atop {
    /* Rand unten Breite, Art und Farbe */
    border-bottom: 1px solid #CBB385;
    /* Hintergrundfarbe */
    background-color: #E0D3B8;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    .acont {
    /* Hintergrundfarbe */
    background-color: #ffffff;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    .acontopt {
    /* Hintergrundfarbe */
    background-color: #f7f7f7;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    .abott {
    /* Rand unten Breite, Art und Farbe */
    border-bottom: 1px solid #CBB385;
    /* Hintergrundfarbe */
    background-color: #ECE3D2;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    /* ================================================================== */
    /* = CSS EINSTELLUNGEN FUER FIELDSET UND LEGEND */
    /* ================================================================== */
    fieldset {
    /* Randbreite, Art und Farbe */
    border: 1px solid #CBB385;
    /* Randabstand */
    padding: 4px;
    /* Abstand zu Aussenelementen - Reihenfolge 12,3,6,9 UHR */
    margin: 10px 0 5px 0;
    }

    /*DIV in Fieldset*/
    .fdiv {
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }


    legend {
    /* Hintergrundfarbe */
    background-color: #F5F0E7;
    /* Randbreite, Art und Farbe */
    border: 1px solid #CBB385;
    /* Randbstand  - Reihenfolge 12,3,6,9 UHR */
    padding: 1px 3px 1px 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #000000;
    }
    /* ===================================================================== */
    /* = Info Divs */
    /* ===================================================================== */
    .infoout {
    /* Randbreite, Art und Farbe */
    border: 1px solid #afb8c9;
    /* Hintergrundarbe */
    background-color: #f1e7c7;
    /* Schriftfarbe */
    color: maroon;
    /* Randbstand */
    padding: 3px;
    }

    /* ===================================================================== */
    /* = CSS EINSTELLUNGEN FUER FORMULARTAGS START */
    /* ===================================================================== */
    .inpu {
    /* Randbreite, Art und Farbe */
    border: 1px solid #CBB385;
    /* Hintergrundfarbe */
    background-color: #FAF8F3;
    /* Schriftart */
    font-family: Verdana, Arial;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    .inputbutton {
    /* Randbreite, Art und Farbe */
    border: 1px solid #CBB385;
    /* Hintergrundfarbe */
    background-color: #E0D3B8;
    /* Schriftart */
    font-family: Verdana, Arial;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #000000;
    }


    form {
    display: inline;
    }
    /* ===================================================================== */
    /* = CSS EINSTELLUNGEN FUER FEHLER HINWEISE ETC */
    /* ===================================================================== */
    .tippred {
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #cc0000;
    }
    .tippgreen {
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Schriftfarbe */
    color: #339900;
    }
    /* ===================================================================== */
    /* SEITENNAVIGATION */
    /* ===================================================================== */
    .seiteninfo, .aktuelleseite, .pl {
    /* Schriftart */
    font-family: Verdana, Arial;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftausrichtung */
    text-align: center;
    /* Schriftfarbe */
    color: #000000;
    /* Randbreite und Farbe */
    border: 1px solid #CBB385;
    /* Randeigenschaften */
    border-collapse: collapse;
    /* Zeilenhoehe */
    line-height: 1.2em;
    /* Text Unterstrichen  */
    text-decoration: none;
    }

    .seiteninfo {
    /* Hintergrundfarbe */
    background-color: #E0D3B8;
    /* Schriftgewicht */
    font-weight: bold;
    /* Randabstand */
    padding: 1px 3px 1px 3px;
    /* Text Unterstrichen  */
    text-decoration: none;
    }

    .aktuelleseite {
    /* Hintergrundfarbe */
    background-color: #ffffff;
    /* Schriftgewicht */
    font-weight: bold;
    /* Randabstand */
    padding: 2px 6px 2px 6px;
    }

    .pl a {
    /* Darstellung */
    display: block;
    /* Umfluss */
    float: left;
    /* Hintergrundfarbe */
    background-color: #FEFDFC;
    /* Schriftfarbe */
    color: #990000;
    /* Text Unterstrichen  */
    text-decoration: none;
    /* Schriftgewicht */
    font-weight: bold;
    /* Randabstand */
    padding: 2px 6px 2px 6px;
    /* Umbruch verhindern */
    white-space: nowrap;
    }

    .pl a:hover {
    /* Schriftfarbe */
    color: #000000;
    /* Text Unterstrichen  */
    text-decoration: none;
    /* Schriftgewicht */
    font-weight: bold;
    /* Hintergrundfarbe */
    background-color: #EDE6D9;
    }

    /* ===================================================================== */
    /* = Topangeboteausgabe Startseite */
    /* ===================================================================== */

    /* Abgrenzung der Topangebote von Startseiteninhalten */
    .topangebotespalte {
    /* Rand links Breite, Art und Farbe */
    border-left:2px solid #CBB385;
    /* Rand unten Breite, Art und Farbe */
    border-bottom:2px solid #CBB385;
    margin-right: -2px;
    }

    /* Ausgabe der Spalte Aktuelle Topangebote */
    .topangebotekopf {
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftgewicht normal/bold */
    font-weight: bold;
    /* Hintergrundarbe */
    background-color: #CEB78C;
    /* Schriftfarbe */
    color: #ffffff;
    /* Randabstand - Reihenfolge 12,3,6,9 UHR */
    padding: 3px 3px 3px 3px;
    /* Abstand zu Aussenelementen */
    margin-bottom: 0px;
    }

    /* Topangebotetabelle Abstand unten und Breite */
    .topausgabetab {
    /* Abstand nach unten */
    margin-bottom: 0px;
    /* Breite der Topangeboteausgebe */
    width: 190px;
    }

    /* Topangebote Titezelle */
    .toptop {
    /* Rand unten Breite, Art und Farbe */
    border-bottom: 1px solid #95A065;
    /* Hintergrundfarbe */
    background-color: #DDCDAE;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }

    /* Topangebote Ausgabe */
    .topcont {
    /* Hintergrundfarbe */
    background-color: #ffffff;
    /* Randabstand */
    padding: 3px;
    /* Schriftgroesse */
    font-size: 11px;
    /* Schriftfarbe */
    color: #000000;
    }
    /* ===================================================================== */
    /* = CSS fuer BB-CODE Tabellen */
    /* ===================================================================== */
    .innen {
    /* Tabellen Aussenrand-Hintergrundfarbe */
    background-color: #d0d0d0;
    }
    .innend {
    /* Tabellen Hintergrundfarbe dunkel */
    background-color: #ececec;
    /* Tabellen Schriftgroesse */
    font-size: 11px;
    /* Tabellen Innenabstand */
    padding: 3px;
    /* Tabellentext Schriftfarbe */
    color: #000000;
    }

    /* Erste alternierende Tabellen CSS Angabe */
    .innenh {
    /* Tabellen Hintergrundfarbe hell */
    background-color: #f9f9f9;
    /* Tabellen Schriftgroesse */
    font-size: 11px;
    /* Tabellen Innenabstand */
    padding: 3px;
    /* Tabellentext Schriftfarbe */
    color: #000000;
    }

    /* Zweite alternierende Tabellen CSS Angabe */
    .innenh2 {
    /* Tabellen Hintergrundfarbe hell */
    background-color: #f4f5f7;
    /* Tabellen Schriftgroesse */
    font-size: 11px;
    /* Tabellen Innenabstand */
    padding: 3px;
    /* Tabellentext Schriftfarbe */
    color: #000000;
    }
    /* ===================================================================== */
    /* = CSS fuer BB-CODE Codeausgaben */
    /* ===================================================================== */

    /* Codebox Info oberhalb Codeausgabe */
    .pagecodeinfo {
    /* Codebox Info Randfarbe */
    border: 1px solid #9a9a9a;
    /* Codebox Info Hintergrundfarbe*/
    background-color: #dfdfdf;
    /* Codebox Info Innenabstand */
    padding: 2px;
    /* Codebox Info Breite */
    width: 120px;
    /* Codebox Info Scriftgroesse */
    font-size: 11px;
    /* Codebox Info Schriftstil */
    font-weight: bold;
    /* Codebox Info Textfarbe */
    color: #000000
    }

    /* Codeausgabebox */
    .pagecodeinfoout {
    /* Codebox Randfarbe */
    border: 1px solid #9a9a9a;
    /* Codebox Hintergrundfarbe */
    background-color: #ffffff;
    /* Codebox Innenabstand */
    padding: 3px;
    /* Codebox Breite */
    width: 600px;
    /* Codebox Schriftgroesse */
    font-size: 11px;
    /* Codebox Overflow, nicht aendern Diese Angabe erzeugt */
    /* Scrollbalken bei uebergrossem Inhalt*/
    overflow: auto;
    /* Codebox Abtand nach unten */
    margin-bottom: 10px;
    }

    /* Codetext */
    pre {
    /* Codetext Schriftart */
    font-family: "Courier New";
    /* Codetext Schriftgroesse */
    font-size: 12px;
    /* Codetext Textfarbe */
    color: #990000;
    }

    /* - - - - - - - - - - - - - - - - - - - - */
    /* CSS fuer BB-Code Zitat/Hinweisboxen */
    /* - - - - - - - - - - - - - - - - - - - - */
    .quotedl {
    margin: 5px;
    padding: 0;
    width: 95%;
    border: 1px solid #858585;
    }

    .quotedl dt {
    background-color: #f3f3f3;
    padding: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #4a5e9f;
    border-bottom: 1px solid #858585;
    }

    .quotedl dd {
    background-color: #ffffff;
    padding:3px;
    margin:0;
    font-size: 11px;
    color: #000000;
    }
    /* ===================================================================== */

</style>



    <script language="javascript" type="text/javascript">
    function popwin(dateiurl, breit, hoch){
    var datei=dateiurl;
    winparameter=window.open(datei,"winparameter","toolbar=no,scrollbars=no,directories=no,menubar=no,resizable=yes,top=50,left=50,width="+breit+",height="+hoch+"");
    winparameter.focus();
    }
    </script>
    <script language="javascript" type="text/javascript">
    <!--
    if (top.frames.length!=0) top.location=self.document.location;
    //-->
    </script>



    </head>
    <body><div id="inhalt" style="width:900px">

    <center><iframe id='aa6a7274' name='aa6a7274' src='http://www.babyvoten.de/ads/adframe.php?n=aa6a7274&clientid=27' framespacing='0' frameborder='no' scrolling='no' width='728' height='90'><a href='http://www.babyvoten.de/ads/adclick.php?n=aa6a7274' target='_blank'><img src='http://www.babyvoten.de/ads/adview.php?clientid=27&n=aa6a7274' border='0' alt=''></a></iframe>
    <script language='JavaScript' type='text/javascript'><!--
    if (typeof phpAds_adg == 'undefined') {
       document.write('<scr'+'ipt language="JavaScript" type="text/javascript" src="http://www.babyvoten.de/ads/adg.js"></scr'+'ipt>');
    }
    //--></script></center>

    <table cellspacing="0" cellpadding="0" border="0" width="900">
    <tr>
        <td valign="top">

    <!-- LAYOUT -->
    <table cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_1.gif" alt="" width="37" height="56" border="0"></td>

       <td colspan="3" background="../../templates/TPL10026/pics/tpl_3.gif" width="100%" align="right" class="shopgruss tabcolor1">&nbsp;Willkommen Gast, bitte <a href="./?go=login">anmelden</a> oder <a href="./?go=register">registrieren</a></td>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_6.gif" alt="" width="25" height="56" border="0"></td>
    </tr>
    <tr>
        <td class="tabcolor1"><img src="http://www.freeshop-web.de/shopserver/templates/TPL10026/pics/tpl_7.gif" alt="" width="37" height="140" border="0"></td>
        <td colspan="3" background="../../templates/TPL10026/pics/tpl_9.gif" align="right" valign="top" class="shopkopf tabcolor1">&nbsp;<a href="./?go=warenkorb">Ihr Warenkorb</a> [EUR 0.00] | <a href="./?go=impressum">Impressum</a> | <a href="./?go=kontakt">Kontakt</a> | <a href="./?go=agb">AGB</a> | <a href="./?go=helpfaq">Hilfe und FAQ's</a></td>

        <td class="tabcolor1"><img src="http://www.freeshop-web.de/shopserver/templates/TPL10026/pics/tpl_12.gif" alt="" width="25" height="140" border="0"></td>
    </tr>
    <tr>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_13.gif" alt="" width="37" height="45" border="0"></td>
        <td class="tabcolor1" background="../../templates/TPL10026/pics/tpl_14.gif"><img src="../../templates/TPL10026/pics/pixel.gif" alt="Pixel" width="160" height="1" border="0"></td>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_15.gif" alt="" width="16" height="45" border="0"></td>
        <td class="tabcolor1" background="../../templates/TPL10026/pics/tpl_16.gif">&nbsp;</td>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_18.gif" alt="" width="25" height="45" border="0"></td>
    </tr>
    <tr>
        <td class="tabcolor2" background="../../templates/TPL10026/pics/tpl_19.gif"><img src="../../templates/TPL10026/pics/tpl_19.gif" alt="" width="37" height="35" border="0"></td>

        <td class="tabcolor2" valign="top">
       <div class="menue">
       <a href="./">Zur Shopstartseite</a>
    <a href="./?go=search">Suchen</a>

    <div class="toprubrik">Kundeninformationen</div>
    <a href="./?go=agb">AGB</a>
    <a href="./?go=wrt">Widerrufsbelehrung</a>
    <a href="./?go=dsinfo">Datenschutz</a>

    <a href="./?go=vskinfo">Versandkosten</a>

    <div class="toprubrik">&raquo; Holzartikel</div>
    <div class="menueid">
    <a href="./?go=artikel&ps=29401&subid=29402"> Figuren / Aufsteller</a>
    <a href="./?go=artikel&ps=29401&subid=29403"> Buchstaben & Zahlen</a>
    <a href="./?go=artikel&ps=29401&subid=29404"> Dekoration</a>

    <a href="./?go=artikel&ps=29401&subid=29405"> Bürobedarf</a>
    <a href="./?go=artikel&ps=29401&subid=29406"> Schlüsselbrettchen</a>
    <a href="./?go=artikel&ps=29401&subid=29407"> Teelichthalter</a>
    <a href="./?go=artikel&ps=29401&subid=29408"> Fußbänkchen / Hocker</a>
    <a href="./?go=artikel&ps=29401&subid=29409"> praktisches</a>
    <a href="./?go=artikel&ps=29401&subid=29410"> Sonstige Holzartikel</a>

    </div>
    <div class="toprubrik">&raquo; Textilien</div>
    <div class="menueid">
    <a href="./?go=artikel&ps=29411&subid=29414"> Handytaschen</a>
    <a href="./?go=artikel&ps=29411&subid=29415"> Kissenbezüge</a>
    <a href="./?go=artikel&ps=29411&subid=29416"> Tischdecken</a>
    <a href="./?go=artikel&ps=29411&subid=29417"> Handtaschen / Clutch</a>

    <a href="./?go=artikel&ps=29411&subid=29418"> Fürs Baby</a>
    <a href="./?go=artikel&ps=29411&subid=29419"> Sonstige Textilien</a>
    </div>
    <div class="toprubrik">&raquo; Tierzubehör</div>
    <div class="menueid">
    <a href="./?go=artikel&ps=29412&subid=29420"> Hundebekleidung</a>
    <a href="./?go=artikel&ps=29412&subid=29421"> Halsbänder / Leinen</a>

    <a href="./?go=artikel&ps=29412&subid=29422"> Futterbar</a>
    <a href="./?go=artikel&ps=29412&subid=29423"> Nagerhäuschen</a>
    <a href="./?go=artikel&ps=29412&subid=29424"> Nagerlabyrinthe</a>
    <a href="./?go=artikel&ps=29412&subid=29425"> Sonstiges Zubehör</a>
    </div>
    <div class="toprubrik">&raquo; Malen & Zeichnen</div>

       </div>
       </td>
        <td class="tabcolor2" background="../../templates/TPL10026/pics/tpl_21.gif"><img src="../../templates/TPL10026/pics/tpl_21.gif" alt="" width="16" height="35" border="0"></td>
        <td valign="top" class="content" width="100%">
       <!-- CONTENT ANFANG -->
    <!-- SHOPSTARTSEITENTEMPLATE -->
    <table cellspacing="0" cellpadding="0" border="0" class="ausgabe" width="100%">
    <tr>
        <td class="atop" colspan="2">Willkommen in unserem Onlineshop</td>

    </tr>
    <tr>
        <td class="acont" valign="top"><p style="text-align:JUSTIFY;">Herzlich Willkommen in unserem Onlineshop "PatschWorks!"<br><br>Wir bieten originelle und individuelle Artikel aus eigener Herstellung an. Vom ersten Entwurf bis zum fertigen Objekt - alles entsteht in liebevoller Kopf- und Handarbeit!<br><br>Sie suchen ein Geschenk zum Geburtstag oder andere besondere Anlässe? Dann sind Sie bei uns genau richtig! Holz-Dekoartikel wie Türschilder, Aufsteller Diverse Accessoires und Garderoben, diverse Nähartikel wie trendige Handtaschen (Clutches) und Windhundmäntel finden Sie hier ebenso wie einzigartige Original-Kunstwerke.<br><br>Wir nehmen sehr gern Ihren persönlichen Auftrag entgegen. Schreiben Sie uns an und wir werden unser Bestes geben, um Ihre Wünsche zu erfüllen!<br><br>Unsere Produktpalette wächst von Tag zu Tag! Es lohnt sich bestimmt des öfteren vorbei zu schauen!<br><br>Und nun wünschen wir Ihnen viel Spaß beim Stöbern, Träumen und Schenken!</p></td>
       <td class="acont" valign="top"><div class="topangebotespalte"><div class="topangebotekopf"><b>Aktuelle Topangebote</b></div><table cellspacing="0" cellpadding="0" border="0"  class="topausgabetab">
    <tr>
        <td class="toptop"><b>Galgo- Aufsteller</b></td>

    </tr>
    <tr>
        <td valign="top" class="topcont"><div style="float:right; margin:2px 5px 5px 5px;"><img src="http://www.freeshop-web.de/shopserver/shopdaten/s004284/mini/m20120205010022.jpg" border="0" width="38" height="50" alt="Bild zum Artikel:: Galgo- Aufsteller" title="Bild zum Artikel:: Galgo- Aufsteller"></div><p>Produktbeschreibung
    Galgo aus 18 mm Fichte/ Tanne Holz. Die Bodenplatte ist ringsrum angeschrägt. Der Aufsteller ist unbehandelt.

    Eignet sich prima ...<a href="./?go=detail&ai=42924&ps=29401&subid=29402">zum Artikel</a></p><b>Preis nur 16.50 EUR</b></td>
    </tr>
    </table><table cellspacing="0" cellpadding="0" border="0"  class="topausgabetab">
    <tr>
        <td class="toptop"><b>Whippet- Aufsteller</b></td>
    </tr>
    <tr>
        <td valign="top" class="topcont"><div style="float:right; margin:2px 5px 5px 5px;"><img src="http://www.freeshop-web.de/shopserver/shopdaten/s004284/mini/m20120205011619.jpg" border="0" width="38" height="50" alt="Bild zum Artikel:: Whippet- Aufsteller" title="Bild zum Artikel:: Whippet- Aufsteller"></div><p>Produktbeschreibung
    Ein schöner Aufsteller "sitzender Whippet" aus 16mm starkem Echtholz (Fichte/Tanne). Der Aufsteller ist unbehandelt. Die ...<a href="./?go=detail&ai=42925&ps=29401&subid=29402">zum Artikel</a></p><b>Preis nur 16.50 EUR</b></td>

    </tr>
    </table></div></td>
    </tr>
    </table>
    <!-- SHOPSTARTSEITENTEMPLATE -->
       <!-- CONTENT ENDE -->
       </td>
        <td class="tabcolor2" background="../../templates/TPL10026/pics/tpl_24.gif"><img src="../../templates/TPL10026/pics/tpl_24.gif" alt="" width="25" height="35" border="0"></td>
    </tr>
    <tr>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_31.gif" alt="" width="37" height="47" border="0"></td>
        <td class="tabcolor1" background="../../templates/TPL10026/pics/tpl_32.gif">&nbsp;</td>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_33.gif" alt="" width="16" height="47" border="0"></td>

        <td background="../../templates/TPL10026/pics/tpl_34.gif" class="shopbottom tabcolor1"><a href="http://www.freeshop-web.de/shopserver/shops/s004284/" target="_top">PatschWorks</a>&nbsp;</td>
        <td class="tabcolor1"><img src="../../templates/TPL10026/pics/tpl_36.gif" alt="" width="25" height="47" border="0"></td>
    </tr>
    </table>
    <!-- LAYOUT -->

    <!-- SHOPFUSS ENDE -->
    <center>
      <a href="http://www.ausgezahlt.de" target="_blank"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
      Geld verdienen</font></a> <font size="1" face="Verdana, Arial, Helvetica, sans-serif">- <a href="http://www.freeshop-web.de" target="_blank">
      Kostenloser Webshop</a></font>  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">- <a href="http://www.gogam.de" target="_blank">
      Gratis Downloads</a></font>  <font size="1" face="Verdana, Arial, Helvetica, sans-serif">- <a href="http://www.urlaubprofis.de" target="_blank">
      Urlaub und Ferien</a></font>

    </center>

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


    </div>
    </body>
    </html>
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: css änderung ohne style möglich?

Beitrag von Patrick »

huhu moni,

wenn ich dies mit der css nicht wegbekomme kann ich es nicht ändern.
das ist ein kostenloser shop, der erlaubt die css zu ändern aber nicht das html. Sprich ich komme an das html garnicht erst ran.
Daher war ja meine idee mit dem repeat gedacht, so dass die grafiken sich nachoben und unten wiederholen.
Wenn ich die grafiken nicht wegbekomme, ist das ja echt doof.

könnte man denn einen banner über dem "Willkommen Gast, bitte anmelden oder registrieren" einbinden? weil so hat das keinen
sinn und sieht auch nicht wirklich schön aus :E.

lg
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: css änderung ohne style möglich?

Beitrag von moni »

Patrick das aller wichtigste sagst hier ganz zum Schluss.. :G :G
.wenn es so ist das du kein Zugang zur HTML hast da sehe ich als einzige Möglichkeit das du dir ein Header machst was auch 87px Höhe hat ...

hier hab ich dein was du schon hast etwas bearbeitet ...
http://www.abload.de/img/header_900aqogk.gif

und auf meinen Editor sieht das so aus ....

Bild


man kann das nicht mit css bearbeiten weil es handelt sich um zwei verschieden -Grafiken und die Grafiken sind schon auch in den HTML festgelegt....url Bild und auch angaben zur breite und Höhe ...und wenn ich dir in css eine Grafik zufügen soll da muss ich die aus dem HTML raus nehmen!!! ..
.und für die zweite Grafik sogar einen extra div basteln (weil recht ist was anders als links )
...was wiederum auch in HTML als <div class > extra zugefügt werden muss !!------wieder ein zugriff in die HTML

ich weiß nicht ob ich das verständlich Dir erklärt habe.... Aber alles läuft hier nach einen Prinzip ..das einer schlisst das andere aus ....
Leider !!!

seid dem du findest einen weg wo du das HTML ändern kannst ... :X
Viele Grüße ...Monika
Benutzeravatar
Patrick
Grosser Webmaster
Grosser Webmaster
Beiträge: 732
Registriert: Mi 21. Jul 2010, 15:55
Mein Vorname: Patrick
Wohnort: Bei Münster
Kontaktdaten:

Re: css änderung ohne style möglich?

Beitrag von Patrick »

Huhu Moni,

ich verstehe dich ausgezeichnet und du hast es prima erklärt! Ich habe vor meinem "Hilfeschrei" auch selber getan und versucht. Aber ohnd die html hat man halt
keine Möglichkeit die grafiken verändern (bspw. repeat) zu ändern. Ich hatte halt doch noch hoffnung, dass einer von euch einen guten Tip hat.

Aber was bringt es wenns nicht geht :-). Ich danke dir dennoch recht herzlich für deine super hilfe! Auch wenns mal nicht klappt, leistest du immer eine super hilfe/Arbeit!

VIELEN DANK!!!

Lg
Patrick
Benutzeravatar
moni
Held des Forums
Held des Forums
Beiträge: 8356
Registriert: Mo 16. Nov 2009, 20:56
Mein Vorname: Monika
Wohnort: Borken

Re: css änderung ohne style möglich?

Beitrag von moni »

Bitte Patrick...habe gern gemacht ....
was nicht geht das geht nicht und nicht..
.es war für mich war auch ein Erfahrung mehr und einiges dazu gelernt...
mit so Tabellen System da bastle ich sehr wenig meistens nur mit dem div ...schön interessant zu sehen , was man für bestimmte Problem Lösungen auch nicht gibt ... :X :X
Viele Grüße ...Monika
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste