Seite 1 von 2 12 Letzte
  1. #1
    Neuling

    Registriert seit
    02.08.2013
    Beiträge
    6
    Thanked 0 Times in 0 Posts

    Standard HTML Logo für jeden Bildschirm angepasst

    Ich habe eine Seite mittels HTML "programmiert". Wenn ich jedoch mit einer größeren Bildschirmauflösung darauf zugreife, sieht das Bild nicht so aus wie bei mir sondern ist recht klein.

    Wie passe ich dies an?

  2. #2
    U-Labs Elite
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    920
    Thanked 1.284 Times in 252 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Ein Screen würde weiterhelfen.
    Besser sogar 2.

  3. #3
    Neuling

    Registriert seit
    02.08.2013
    Beiträge
    6
    Thanked 0 Times in 0 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    ist im Anhang zu finden.
    Source Code würde ich gerne nur per PN verschicken.
    Miniaturansichten angehängter Grafiken Miniaturansichten angehängter Grafiken bspunnormal.png   normal.png  

  4. #4
    U-Labs Elite
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    920
    Thanked 1.284 Times in 252 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Wäre machbar aber dann wäre das Bild verschwommen.

  5. #5
    U-Labs Legende
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.000
    Thanked 589 Times in 318 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Wie wäre es mit max-width / max-height?

  6. #6
    Neuling

    Registriert seit
    02.08.2013
    Beiträge
    6
    Thanked 0 Times in 0 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    	<style type="text/css">	
    a:link {color:orange;}
    a:visited {color:orange;}
    a:hover {color:orange;}
    a:active {color:orange;}

    .max-width
    width:100%;
    }

    .max-height
    height:100%;
    }

    #main-container{ width:950px;height:auto;display:block; margin: 0 auto; padding: 15px 25px;}
    #content-text{ width:50%;height:auto;padding-left: 20px;}
    .headline { font-size:200%; color:#fff; }

    #p2 { font-size: 90%; }
    #rightsidetext{ width:300px;height:auto; }
    </style>


    Da ändert sich rein gar nichts.
    Geändert von MoveJockey (07.09.2013 um 20:17 Uhr)

  7. #7
    U-Labs Routinier
    Avatar von CDLF
    Registriert seit
    28.03.2013
    Beiträge
    383
    Thanked 197 Times in 133 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Zitat Zitat von MoveJockey Beitrag anzeigen
    Ich habe eine Seite mittels HTML "programmiert".
    HTML "schreibt" man - ist hier aber eigentlich egal.



    Um dein Problem zu lösen, würde ich dir empfehlen, die Seite in Abschnitte zu teilen, und Größe und Layout mit einem Cascading Stylesheet festzulegen.

    Ein Beispiel für ein Stylesheet, stammt aus Devana v1.6.6:
    Code:
    body.q_body { background-color: skyblue;
     background-repeat:no-repeat;
     background-attachment: fixed;
     overflow-x: hidden;
     font: Arial;
    }
    
    
    font.q_label {
     color: orange;
     font-family: Arial;
     font-size: 16px;
     text-align: center;
    }
    
    
    font.q_text {
     color: black;
     font-family: Arial;
     font-size: 16px;
     text-align: center;
    }
    
    
    a.q_link {
     font-family: Arial;
     color: black;
     text-decoration: none;
     font-style: oblique;
     font-weight: bold;
    }
    
    
    a.q_link:hover {
    color: orange;
    }
    
    
    table.q_table {
     background-color: #BEC1C6;
     border-color: white;
     font-family: Arial;
     font-style: normal;
     border-style: solid;
     text-indent: 10px;
     border-collapse: collapse;
     border-width: 0;
     margin-left: auto;
     margin-right: auto;
     width: 600;
    }
    
    
    table.q_table_desc {
     background-color: #BEC1C6;
     border-color: white;
     font-family: Arial;
     font-style: normal;
     color: black;
     border-style: solid;
     border-width: 0;
     margin: 10px;
     text-indent: 10px;
    }
    
    
    td.td_logo{
     height: 90;
     border-bottom-width: 1;
     border-bottom-style: solid;
     border-bottom-color: white;
     text-indent: 0px;
    }
    
    
    td.td_top_menu {
     background-color: #585858;
     height: 40;
     border-bottom-width: 1;
     border-bottom-style: solid;
     border-bottom-color: white;
    }
    
    
    td.td_content {
     height: 366;
     text-align: center;
    }
    
    
    td.td_bottom_menu {
     background-color: #585858;
     height: 40;
     text-align: right;
     border-top-width: 1;
     border-top-style: solid;
     border-top-color: white;
    }
    
    
    td.head_table {
     color: black;
     font-family: Arial;
     background-color: #9FA4AC;
    }
    
    
    input.textbox, input.button, textarea.textbox, select.dropdown {
     font-size: 10pt;
     font-family: "arial";
     background-color: white;
     border: 1px solid #F3F3F3;
    }
    
    
    textarea.textbox:focus {
     font-size: 10pt;
     font-family: "arial";
     background-color: white;
     border: 1px solid #000000;
    }
    
    
    input.textbox:focus, input.button:focus, select.dropdown:focus {
     font-size: 10pt;
     font-family: "arial";
     background-color: orange;
     border: 1px solid #000000;
    }
    
    
    input.textbox:hover, input.button:hover, textarea.textbox:hover, select.dropdown:hover {
     font-size: 10pt;
     font-family: "arial";
     border: 1px solid #000000;
    }
    
    
    ul#tabs { list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; }
    ul#tabs li { display: inline; }
    ul#tabs li a { color: black; background-color: #c0c0c0; border: 2px solid White; border-bottom: none; padding: 0.4em; text-decoration: none; }
    ul#tabs li a:hover { background-color: #F3F3F3; }
    ul#tabs li a.selected { color: #000; background-color: White; font-weight: bold; padding: 0.7em 0.3em 0.38em 0.3em; }
    div.tabContent { border: 2px solid White; padding: 0.5em; background-color: gray; }
    div.tabContent.hide { display: none; }
    Geändert von CDLF (08.09.2013 um 09:34 Uhr)

  8. #8
    Nachrichtendienst

    Registriert seit
    19.11.2011
    Beiträge
    229
    Thanked 101 Times in 63 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    bei der größeren auflösung wird einfach das bild zentriert. Dadurch entstehen links und rechts die weißen felder (-> background color ).
    Entweder änderst du die background color, erstellst verschiedene auflösungen des Bildes oder überdenkst dein layout nocheinmal von grund auf


  9. #9
    Neuling

    Registriert seit
    02.08.2013
    Beiträge
    6
    Thanked 0 Times in 0 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    gibt es jemanden der über nen messenger (bspw. skype) live supporten könnte?
    wäre echt hilfreich!

  10. #10
    U-Labs Elite
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    920
    Thanked 1.284 Times in 252 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Skype: ZarneXxX

Seite 1 von 2 12 Letzte

Ähnliche Themen

  1. Verschenke 22 Abonnenten für jeden User!
    Von Pimf MC im Forum Verschenke
    Antworten: 57
    Letzter Beitrag: 19.01.2013, 19:50
  2. Ankündigung AmJano nutzt jeden aus. ;)
    Von Marc im Forum Userankündigungen
    Antworten: 5
    Letzter Beitrag: 18.11.2012, 02:41
  3. Antworten: 0
    Letzter Beitrag: 14.10.2012, 20:07
  4. Win7 Firefox spinnt jeden Tag rum
    Von x BoooM x im Forum Windows
    Antworten: 2
    Letzter Beitrag: 22.07.2012, 19:43
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191