-
07.09.2013, 19:49 #1
- Registriert seit
- 02.08.2013
- Beiträge
- 6
Thanked 0 Times in 0 PostsHTML 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?
-
07.09.2013, 19:54 #2
-
07.09.2013, 19:58 #3
- Registriert seit
- 02.08.2013
- Beiträge
- 6
Thanked 0 Times in 0 PostsAW: HTML Logo für jeden Bildschirm angepasst
ist im Anhang zu finden.
Source Code würde ich gerne nur per PN verschicken.
-
07.09.2013, 20:00 #4
-
07.09.2013, 20:08 #5
AW: HTML Logo für jeden Bildschirm angepasst
Wie wäre es mit max-width / max-height?
-
07.09.2013, 20:16 #6
- Registriert seit
- 02.08.2013
- Beiträge
- 6
Thanked 0 Times in 0 PostsAW: 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)
-
08.09.2013, 09:26 #7
AW: HTML Logo für jeden Bildschirm angepasst
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)
-
08.09.2013, 10:54 #8
- Registriert seit
- 19.11.2011
- Beiträge
- 229
Thanked 102 Times in 64 PostsAW: 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
-
08.09.2013, 15:45 #9
- Registriert seit
- 02.08.2013
- Beiträge
- 6
Thanked 0 Times in 0 PostsAW: HTML Logo für jeden Bildschirm angepasst
gibt es jemanden der über nen messenger (bspw. skype) live supporten könnte?
wäre echt hilfreich!
-
22.09.2013, 18:47 #10
Ähnliche Themen
-
Verschenke 22 Abonnenten für jeden User!
Von Pimf MC im Forum VerschenkeAntworten: 57Letzter Beitrag: 19.01.2013, 19:50 -
Ankündigung AmJano nutzt jeden aus. ;)
Von Marc im Forum UserankündigungenAntworten: 5Letzter Beitrag: 18.11.2012, 02:41 -
[eBook] HTML Seminar - HTML für erfolgsorientierte
Von DMW007 im Forum eBooksAntworten: 0Letzter Beitrag: 14.10.2012, 20:07 -
Win7 Firefox spinnt jeden Tag rum
Von x BoooM x im Forum WindowsAntworten: 2Letzter Beitrag: 22.07.2012, 19:43
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.