| Hilfe | Warum werden Buchstaben mit

  • | Hilfe | Warum werden Buchstaben mit

    Guten Tag,

    ich bin ja gerade dabei einen Blog zu "entwickeln", leider passiert folgendes, wenn ich z.B. ein "ä" o. ein "ü" benutze.
    Es wird dann einfach so ein komisches Fragezeichen darüber gesetzt. Kann man dies irgendwie ändern?

    Ich stelle einfach mal hier den CSS Code rein, vll. hilft er euch weiter, damit ihr mir helfen könnt:

    CSS-Quellcode

    1. html, body {
    2. height: 100%;
    3. }
    5. body {
    6. margin: 0px;
    7. padding: 0px;
    8. background: #CBBB9A url(images/main-bg.jpg) repeat;
    9. font-family: Arial, Helvetica, sans-serif;
    10. font-size: 12px;
    11. color: #545454;
    12. }
    14. h1, h2, h3 {
    15. margin: 0;
    16. padding: 0;
    17. text-transform: uppercase;
    18. font-weight: 300;
    19. font-family: 'Oswald', sans-serif;
    20. }
    22. h2 {
    23. padding: 0px 0px 20px 0px;
    24. font-size: 2em;
    25. }
    27. p, ol, ul {
    28. margin-top: 0px;
    29. }
    31. p {
    32. line-height: 180%;
    33. }
    35. strong {
    36. color: #EAEAEA;
    37. }
    39. a {
    40. color: #EAEAEA;
    41. }
    43. a:hover {
    44. text-decoration: none;
    45. }
    47. a img {
    48. border: none;
    49. }
    51. img.border {
    52. }
    54. img.alignleft {
    55. float: left;
    56. }
    58. img.alignright {
    59. float: right;
    60. }
    62. img.aligncenter {
    63. margin: 0px auto;
    64. }
    66. hr {
    67. display: none;
    68. }
    70. /** WRAPPER */
    72. #wrapper {
    73. overflow: hidden;
    74. width: 1200px;
    75. margin: 50px auto;
    76. background: #FFFFFF;
    77. box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
    78. }
    80. .container {
    81. width: 1200px;
    82. margin: 0px auto;
    83. }
    85. .clearfix {
    86. clear: both;
    87. }
    89. /** HEADER */
    91. #header {
    92. overflow: hidden;
    93. height: 150px;
    94. background: url(images/img01.jpg) repeat-x left top;
    95. }
    97. /* Logo */
    99. #logo
    100. {
    101. float: left;
    102. width: 350px;
    103. padding: 30px 0px 0px 50px;
    104. text-transform: uppercase;
    105. font-family: 'Open Sans Condensed', sans-serif;
    106. }
    108. #logo h1
    109. {
    110. padding: 5px 10px 0px 0px;
    111. }
    113. #logo h1 a
    114. {
    115. text-decoration: none;
    116. font-size: 1.5em;
    117. font-weight: 300;
    118. color: #FFFFFF;
    119. }
    121. #logo p
    122. {
    123. display: block;
    124. margin-top: -10px;
    125. padding: 0px 0px 0px 0px;
    126. letter-spacing: 1px;
    127. font-size: 1.2em;
    128. color: #FFFFFF;
    129. }
    131. #logo p a
    132. {
    133. color: #FFFFFF;
    134. }
    136. /* Menu */
    138. #menu
    139. {
    140. float: right;
    141. width: 700px;
    142. padding: 60px 50px 0px 0px;
    143. }
    145. #menu ul
    146. {
    147. float: right;
    148. margin: 0;
    149. padding: 0px 0px 0px 0px;
    150. list-style: none;
    151. line-height: normal;
    152. }
    154. #menu li
    155. {
    156. float: left;
    157. }
    159. #menu a
    160. {
    161. display: block;
    162. margin-left: 1px;
    163. padding: 7px 0px 7px 30px;
    164. letter-spacing: 1px;
    165. text-decoration: none;
    166. text-align: center;
    167. text-transform: uppercase;
    168. font-family: 'Oswald', sans-serif;
    169. font-size: 16px;
    170. font-weight: 300;
    171. color: #FFFFFF;
    172. }
    174. #menu a:hover, #menu .current_page_item a
    175. {
    176. text-decoration: none;
    177. border-radius: 5px;
    178. color: #FFFFFF;
    179. }
    181. /** PAGE */
    183. #page {
    184. overflow: hidden;
    185. width: 1100px;
    186. padding: 50px 50px;
    187. background: #2E2E2E;
    188. color: #919191;
    189. }
    191. #page h2 {
    192. color: #FFFFFF;
    193. }
    195. /** CONTENT */
    197. #content {
    198. float: left;
    199. width: 750px;
    200. }
    202. /** SIDEBAR */
    204. #sidebar {
    205. float: right;
    206. width: 300px;
    207. }
    209. /* Footer */
    211. #footer {
    212. overflow: hidden;
    213. margin: 0px 50px;
    214. padding: 30px 0px;
    215. border-top: 5px solid #000000;
    216. }
    218. #footer p {
    219. text-align: center;
    220. font-size: 12px;
    221. }
    223. #footer a {
    224. color: #545454;
    225. }
    227. /* Three Column */
    229. #three-column {
    230. overflow: hidden;
    231. margin: 0px 50px;
    232. padding: 50px 0px;
    233. }
    235. #three-column #tbox1 {
    236. float: left;
    237. width: 400px;
    238. margin-right: 50px;
    239. }
    241. #three-column #tbox2 {
    242. float: left;
    243. width: 300px;
    244. }
    246. #three-column #tbox3 {
    247. float: right;
    248. width: 300px;
    249. }
    251. /* List Style 1 */
    253. ul.style1 {
    254. margin: 0px;
    255. padding: 0px;
    256. list-style: none;
    257. }
    259. ul.style1 li {
    260. padding: 10px 0px 15px 0px;
    261. border-top: 1px solid #E6E7DC;
    262. }
    264. ul.style1 a {
    265. text-decoration: none;
    266. color: #545454;
    267. }
    269. ul.style1 a:hover {
    270. text-decoration: underline;
    271. }
    273. ul.style1 .first {
    274. padding-top: 0px;
    275. border-top: none;
    276. }
    279. /* List style 2 */
    281. ul.style2 {
    282. margin: 0px;
    283. padding: 0px;
    284. list-style: none;
    285. }
    287. ul.style2 li {
    288. padding: 25px 0px 15px 0px;
    289. border-top: 1px solid #525253;
    290. }
    292. ul.style2 .first {
    293. padding-top: 0px;
    294. border-top: none;
    295. }
    297. ul.style2 h3 {
    298. padding: 0px 0px 10px 0px;
    299. }
    301. ul.style2 h3 a {
    302. color: #E4E4E6;
    303. }
    305. ul.style2 a {
    306. text-decoration: none;
    307. color: #919191;
    308. }
    310. ul.style2 a:hover {
    311. text-decoration: underline;
    312. }
    314. /* Button Style 1 */
    316. .button-style {
    317. display: inline-block;
    318. margin-top: 20px;
    319. padding: 7px 20px;
    320. background: #333;
    321. text-decoration: none;
    322. text-transform: uppercase;
    323. color: #FFFFFF;
    324. }
    Alles anzeigen

    (c) by freecsstemplates.org/preview/startling/

    Ich hoffe jemand kann mir helfen.
    Der Blog ist hier: gamingforgermany.com/blog/
    Ein Beispielt seht ihr unten Links.

    Viele Grüße
    Chris_Parker

    // Wenn dies der falsche Bereich ist, Entschuldigung aber ich weiß nicht wohin damit. :) Denn ist das ein CSS Problem, oder ein Html bzw. Php Problem?

  • Du benötigst eine UTF-8 Kodierung.

    HTML-Quellcode

    1. <meta http-equiv="content-type" content="text/html; charset=UTF-8">



    MfG
    Maydo


    //EDIT: Peinlich... Was TutNichts sagt stimmt. Doch eine UTF-8 Kodierung schadet im Allgemeinen auch nicht^^
    Drasko@easy-scripting.net since 31.12.2011
    [Blockierte Grafik: http://files.tzdev.de/banner.png]

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Maydo ()

  • Hallo,
    wahrscheinlich ist die Zeichen Kodierung bei dir in utf-8. Daher ist es auch kein wunder.
    Wenn du Umlaute verwenden willst, musst du folg. schreiben:
    &Auml; - Für ein größes Ä
    &auml; - Für ein kleines ä

    &ouml; - Für ö
    &Ouml; - Für Ö
    &szlig; - für ein scharfes ß

    Edit: Zu spät .... :X


    MfG

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Logan_Adams ()