Seite 1 von 2 12 Letzte
  1. #1

    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
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    934
    Thanked 1.291 Times in 258 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

    Ein Screen würde weiterhelfen.
    Besser sogar 2.

  3. #3

    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 Klicke auf die Grafik für eine größere Ansicht 

Name:	bspunnormal.PNG 
Hits:	211 
Größe:	1,41 MB 
ID:	5170   Klicke auf die Grafik für eine größere Ansicht 

Name:	normal.PNG 
Hits:	225 
Größe:	1,38 MB 
ID:	5171  

  4. #4
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    934
    Thanked 1.291 Times in 258 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

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

  5. #5
    Avatar von Snees
    Registriert seit
    18.11.2011
    Beiträge
    1.001
    Thanked 590 Times in 319 Posts

    Standard AW: HTML Logo für jeden Bildschirm angepasst

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

  6. #6

    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
    Avatar von CDLF
    Registriert seit
    28.03.2013
    Beiträge
    384
    Thanked 198 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

    Registriert seit
    19.11.2011
    Beiträge
    229
    Thanked 102 Times in 64 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

    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
    Avatar von ZarneXxX
    Registriert seit
    05.04.2012
    Beiträge
    934
    Thanked 1.291 Times in 258 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.