d2jsp
Log InRegister
d2jsp Forums > Off-Topic > Computers & IT > Programming & Development > Hi I Am Working On My New Page > Check It
12Next
Add Reply New Topic New Poll
Member
Posts: 1,086
Joined: May 7 2013
Gold: 0.00
Feb 28 2018 03:03am
www.online-deliveries.de

I want you guys to check the code if something is wrong with it and if I can do something better and how can I make it look normal on internet explorer and on android? It looks very crippled.
Member
Posts: 1,086
Joined: May 7 2013
Gold: 0.00
Feb 28 2018 03:35am
it has to load this charmset font from my server into the browser

it does if I put in: "online-deliveries.de"
and it does not when I put in: "www.online-deliveries.de"

can some one explain me the reason please?
Member
Posts: 1,086
Joined: May 7 2013
Gold: 0.00
Feb 28 2018 11:39am
here is the code for you

Code
<!DOCTYPE html>
<html>
<head>
<meta name="language" content="de">
<meta name="keywords" content="Online Deliveries, online-deliveries, Online-Deliveries, Online, Deliveries, EDV-Service, web store, online shop, hardware, electronics, software, computer, computers, it, information technology, web, store, shop, online, mother boards, motherboards, mainboards, mainboard, main board, main boards, cpu, processor, processors, cooling, cooler, gpu, graphics card, graphics cards, coolers, cooling systems, system, systems, it system, it systems, case, cases, computer cases, usb, atx, mini atx, micro atx, e-atx, intel, i3, i5, i7, i9, core i3, core i5, core i7, core i9, amd, thread, threadripper, hyperthread, multi core, multicore, power supply, psu, power supply unit, iphones, iphone, imac, apple, ram, server, windows, led, 4k, full hd, uhd, screen, screens, monitor, television, telephone, telephones, cell phones, cell phone, smartphone, smartphones, peripherals, box, boxes, sound, sound system, sound systems, sound box, keyboard, keyboards, key board, key boards, mouse, mouses, computer mouse, gaming mouse, gaming, rig, gaming rig, notebook, notebooks, laptop, laptops, hdd, ssd, hard drive, hard drives, 3CX, 3M, A-Data, A4 Tech, Aastra, Abbyy Software, ACDSee, Acer, Acer Consumer, Acronis, Adaptec, Adderlink, Adobe, aeris, Agfa Photo, Agfeo, Aixcase, AK Racing, Allied Telesis, Allnet, Amazon, AMD, AMEWI, Antec, AOC, APC, Apple, Arctic, Arctic Silver, Armor All, Arozzi, Artec, AS-Rock, Assa Abloy, ASUS, Asus Consumer, Asus Retail, Aten, Auerswald, Autodesk, Avermedia, Avision, AVM, AXIS, Azza, Baaske, Barco, Barox, Be Quiet, Belkin, BenQ, Beronet, Bintec, Biostar, Bioxar, Blackline, Bluewalker, BME Services, Bosch, Bosch Professional, Brennenstuhl, Brocade, Brother, Buffalo, BullGuard, Canon, Caterpillar, Chenbro, Cherry, CHIEFTEC, Chuango, Cisco Classic, Cisco Kompatibel, Cisco Small Business, citrix, Cleanoffice, Club 3D, Code, Comnet, Computer Associates, Conceptronic, Continue Software, Contour, Coolermaster, Cooltek, Corel, Corsair, Creative Labs, Creative Labs Frankreich, Crucial, Cyber Power, Cyberlink, D-Link, Datalogic, DaVinci, Dawicontrol, Dell, Delock, Delock Lighting, Delta Energy Systems, Devolo, Dialogic, Dicota, Digitalbox, Digitus, Digitus Professional, Disty, DJI, Dockin, Draytek, Dreambox, Drift, Duracell, Dymo, Easylan, eBlocker, Ecasa, Edifier, Edimax, Ednet, Eizo, ekids, Elite Screens, Elmeg, ELO Digital Office, Emerio, Emtec, Emulex, eneloop, Energizer, Enermax, Epicgear, Epson, Equip, ErgoRest, Ergotrading, Ergotron, Eset, Eurotronic, EVGA, Fantec, Fanvil, Farbtoner, Fellowes, Fibaro, Finum, Fireangel, Flexcopters, FluxPort, Fokussale, Fortron, Fortron bulk, Fortron Industrie USVs, Fractal Design, Franklin, Freecolor, Freecom, Fuji, Fujitsu, Fujitsu Tech. Solut., G + G, G Data, G.Skill, Gainward, Geha, Gelid, Gembird, GFI, Giga Fixxoo, Gigabyte, Gigaset, Gigaset Pro, Goobay, Good Connections, Goodram, Google, Grandstream, Gymba, Hagor, Hanns G, Hannspree, Hauppauge, Hercules, Herlitz, Herma, Hewlett Packard, Hewlett Packard Enterprise, Hewlett Packard INC., HGST, Hikvision, Hippus, HKC, HoMedics, Honeywell, House of Marley, Hp Komppatibel, HP Notebooks, HTek, Huawai, Hynix, I.R.I.S, IBM, Iconbit, Icy Box, ICY Dock, IDENTsmart, IDGard, iHome, Iiyama, Imperial, InFocus, Infotrend, Inno3D, Inolight, InspirationOrganisationErgono, Insta360, Integral, Intel, Intelli, Intellinet, Intenso, Inter Tech, Jabra, Jam Bluetooth Speaker, Jamara, Jonsbo, Juniper, Jupio, Kaspersky, Kensington, Keter, Keysonic, KFA2, Kinesis, Kingston, KMP Printtechnik AG, Kobo, Kodak, Konftel, Kross, Kyocera, Kyutec, Label-the-Cable, LANCOM, LC-POWER, Lenovo, Lenovo ND, Lepa, Level One, Lexmark, Lexware, LG Electronics, Ligawo, Lindy, Linksys, Linkworld, Lioncast, Lite-on, Logilight, Logilink, Logitech, Logitech bulk, Logitech Niederlande, Longshine, Losstech, LSI, Magix, Malinos, Manhattan, Matrox, Maxtor, McAfee, MediaRange, MediaVerlagsGesellsc, Medigenic, MegAsept, Microlab, Micron, Microsoft, Microsoft Hardware, Microtek, Millenium, Mobilcom-Debitel, Moizi M&ouml;bel, Motorola, MS-Tech, MSI, Nanolxia, NaviLock, Naxn, NEC, NeoMounts, Neovo, Nero, Netgear, Newstar, Nikon, Ninebot, Nintendo, Noctua, Noname, Norton, Novastor, Novell, Octogate, Oki, Optoma, Original Easy Optimize, Orvell, Overland, Panasonic, Panda, Papermate, Papst L&uuml;fter, Paragon Software, Parker, Patton, PCTV, Peach, Pelikan, Pelikan B&uuml;ro, Phicomm, Philips, Philips Professional Displays, Phoenix Safe, Pinnacle, Planet Technology Corp., Plantin, Plantronics, Platinum, Plextor, PNY Technologies, Polaroid, Polycom, Port, Posturite, Powercolor, Premium White Box, Promise, PROTECH SYSTEMS, Qnap, QSAN Technology, Quantum, R-GO Tools, Rackmax, Rackmount, Raidon, Rangee, Raspberry, Rasurbo, Rayovac, Realpower, Refurbished by RETEQ, Refurbished by tecXL, Rein Medical, Reiner SCT, Revoltec, RF Elements, Ricoh, Rieffel Schweiz, Rittal, Riva Case, Rolodex, Rotring, Salter, Samsung, Samsung Displays, Samsung Drucker, Sandisk, Sangean, Sapphire, Scandinavian Business Seating, Schwaiger, Scythe, SDC, Seagate, Seasonic, Securepoint, Sedna, Segula, Seitec, Sennheiser, Sharkoon, Sharpie, Shuttle, Silicon Power, Snom, Sony, Sophos, Spectralink, Spyder Datacolor, Stanley, Sunne, Super Micro, Swedish Posture, Symantec, Synology, Take MS, TakeMS Sonderposten, Tandberg, TCL, TDT, Teac, Team Memory, Tech-Air, Technaxx, Technisat, Telefunken, Telekom, Telestar, Tenda, Terratec, Tesoro, Thecus, Thermaltake, Thrustmaster, Thumbs up!, Tiptel, Tolino, Toshiba, Toshiba Notebooks, Totoku, TP-Link, Transcend, Trendgeek, TrendNet, TRG Dienstleistungen, Tronje, TT Esports, Typhoon, Ubiquiti, UE Ultimate Ears, Ultraforce, Ultron, Ultron PCs, Unify, US-Robotics, Vartas, Veeam, Verbatim, Veritas, VMWare, Vogel's, Vogel's Business, Vornado, VU+, VXI, Wacom, Wantec, Watchguard, Waterman, Western Digital, WG2, Workey, WWIO, X4-Tech, Xerox, XFX, Xiaomi, Xilence, Xlyne, Xoro, XpertVision, xyz Printing, Yealink, Yeastar, Zebra, Zenion, Zipato, Zotax, Zyxel, GTX, gtx">
<meta name="author" content="Konstantin Frolkov" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Deliveries</title>
<style>
@font-face {
font-family: 'charmset';
src:
local('charmset'),
url('https://online-deliveries.de/Charmset.eot')
format('opentype');
src:
local('charmset'),
url('https://online-deliveries.de/Charmset.otf')
format('opentype');
src:
local('charmset'),
url('https://online-deliveries.de/Charmset.ttf')
format('opentype');
src:
local('charmset'),
url('https://online-deliveries.de/Charmset.woff')
format('opentype');
}
body { background: url(http://online-deliveries.de/562914.jpg) no-repeat fixed center center; background-size: 100% 100%; }

#heading {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: center;
width: 1200px;
padding: 15px;
border: 2px solid black;
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
#body {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#AGB {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Produkte {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Hersteller {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
img {
position: relative;
left: 50px;
top: 50px;
}
#Beispielangebot {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
height: 600px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Beispielangebotstext {
box-sizing: border-box;
margin: auto;
text-align: left;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
position: relative;
left: 475px;
bottom: 400px;
}
#Kontakt {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Impressum {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#footer {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: center;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
</style>
</head>
<body>
<br>
<div id="heading" style="font-family:charmset";><font size="7">Online Deliveries</font></div><br>

<div id="body";><font face="arial" size="3"><b><strong>Willkommen</strong><br><br>Guten Tag und herzlich willkommen bei Online Deliveries dem neuen Fachversandhandel f&uuml;r jede Art von Elektronik und EDV-Service. Wir bieten ihnen im Bereich Internet und Multimedia jeden Tag mehr als eine Million Artikel gleichzeitig an. Dazu geh&ouml;ren auch normale Haushalts- und Telekommunikationsger&auml;te sowie Software und Hardware. Sie k&ouml;nnen bei uns speziell an ihre Bed&uuml;rfnisse angepasste Komplettsysteme mit Betriebssystem professionell anfertigen lassen. Dabei k&ouml;nnen wir die von ihnen pers&ouml;nlich ausgew&auml;hlten Wunschteile verwenden. Computer Hardware als nicht installierte Einzelteile f&uuml;r Aufr&uuml;stung und Selbstinstallation sind in originaler Verpackung getrennt als retail und bulk (ohne originale Verpackung) ebenfalls erh&auml;ltlich. Wir k&ouml;nnen die W&uuml;nsche aller Kunden erf&uuml;llen egal ob von Designern, Developern, Businesskunden oder Gamern.</b></div><br>

<div id="AGB";><font face="arial" size="3"><b><strong>AGB</strong><br>

Wir liefern innerhalb Deutschlands ab einem Gesamtbestellwert von mindestens 50&#8364; mit dem Versandsystem UPS nach einer Vorrauszahlung mit normaler Bank&uuml;berweisung. Jedes Artikel ist brandneu und kommt frisch aus der Fabrik mit einer Geld zur&uuml;ck Garantie. Bei einer besch&auml;digten Ware ist eine R&uuml;ckgabe m&ouml;glich. In diesem Fall muss der Artikel einfach an die Absenderdresse zur&uuml;ck geschickt werden, die sich auf der gelieferten Verpackung befindet. Nach der Erhaltung der R&uuml;ckgabelieferung wird der Preis im vollen Umfang erstattet. Bei unbesch&auml;digter Verpackung herrscht ein R&uuml;ckgaberecht, das zwei Wochen nach dem Kauf abl&auml;uft. Der Kunde tr&auml;gt hierbei die Kosten der R&uuml;cklieferung. Kontaktieren sie uns per E-Mail, um Bilder mit Produktbeschreibungen und Preisen zu erhalten.</b></div><br>

<div id="Produkte";><font face="arial" size="3"><b><strong>Produkte</strong><br><br>

Komplettsysteme f&uuml;r Desktopanwendungen:<br>Fertige Standard Komplettsysteme f&uuml;r Business und Office (Acer, ASUS, Dell, Ultron PCs, Fujitsu, Hewlett & Packard, Lenovo, MSI, Blackline, Ultraforce), Apple Imac All-in-One, Kundenspezifisches Komplettsystem, selbst zusammengestellte Systeme mit eigenen W&uuml;nschen, Thin-Clients (z.b. von: Rangee), Barebones (AS-Rock, Gigabyte, Intel), Workstations, Notebooks, Laptops, NAS<br><br>
Computer Hardware:<br>Geh&auml;use in allen Gr&ouml;&szlig;en f&uuml;r Desktop und f&uuml;r Server, Rack Units, Netzteile (100W-1600W, Bronze, Silber, Gold, Platinum, Titanium), Desktop und Server Motherboards (Micro-ATX, ATX, E-ATX), Desktop und Server Prozessoren von Intel und AMD (1150, 1151, 2011-v3, 2066, AM1, FM2+, AM3+, AM4, Xeon, Core i3, i5, i7, i9, Phenom, Sempron, Opteron, Ryzen, Threadripper), Arbeitsspeicher f&uuml;r Desktops, Laptops und Server (DDR1, DDR2, DDR3, DDR4, SO-DIMM, ECC, Single, Dual, Quad), K&uuml;hlsysteme, W&auml;rmeleitpasten, Alle aktuellen Grafikkarten von Intel und AMD wie alle Radeons und GTX, M.2, SSD, HDD (SATA, PATA, SAS, mSATA, PCI-E), Optical Drives, Card Readers, Sound Cards, Video Cards, Network Cards<br><br>
Anderer Computer Zubeh&ouml;r:<br>Drucker, Scanner, Monitore, Halterungen, B&uuml;rost&uuml;hle, Webcams, Soundboxen, Headsets, USB-Sticks, Taschen, externe Festplatten, W-Lan<br><br>
Eingabeger&auml;te:<br>Tastaturen, M&auml;use, Gamepads, Joysticks, Lenkr&auml;der, Grafiktablets, Touchpens<br><br>
Telekommunikation:<br>Telefone, Handys, Smartphones, Tablets, Router, Modems, Switches<br><br>
Sonstige Elektronik:<br>Fernseher, Gaming Konsolen, Musikanlagen, Beamer, Projektoren, Kameras, Videoüberwachung<br><br>
Software:<br>Windows Betriebssysteme für Desktop und Server, Antivirussoftware</b>

</div><br>

<div id="Hersteller";><font face="arial" size="3"><b><strong>Hersteller</strong><br>

3CX, 3M, A-Data, A4 Tech, Aastra, Abbyy Software, ACDSee, Acer, Acer Consumer, Acronis, Adaptec, Adderlink, Adobe, aeris, Agfa Photo, Agfeo, Aixcase, AK Racing, Allied Telesis, Allnet, Amazon, AMD, AMEWI, Antec, AOC, APC, Apple, Arctic, Arctic Silver, Armor All, Arozzi, Artec, AS-Rock, Assa Abloy, ASUS, Asus Consumer, Asus Retail, Aten, Auerswald, Autodesk, Avermedia, Avision, AVM, AXIS, Azza, Baaske, Barco, Barox, Be Quiet, Belkin, BenQ, Beronet, Bintec, Biostar, Bioxar, Blackline, Bluewalker, BME Services, Bosch, Bosch Professional, Brennenstuhl, Brocade, Brother, Buffalo, BullGuard, Canon, Caterpillar, Chenbro, Cherry, CHIEFTEC, Chuango, Cisco Classic, Cisco Kompatibel, Cisco Small Business, citrix, Cleanoffice, Club 3D, Code, Comnet, Computer Associates, Conceptronic, Continue Software, Contour, Coolermaster, Cooltek, Corel, Corsair, Creative Labs, Creative Labs Frankreich, Crucial, Cyber Power, Cyberlink, D-Link, Datalogic, DaVinci, Dawicontrol, Dell, Delock, Delock Lighting, Delta Energy Systems, Devolo, Dialogic, Dicota, Digitalbox, Digitus, Digitus Professional, Disty, DJI, Dockin, Draytek, Dreambox, Drift, Duracell, Dymo, Easylan, eBlocker, Ecasa, Edifier, Edimax, Ednet, Eizo, ekids, Elite Screens, Elmeg, ELO Digital Office, Emerio, Emtec, Emulex, eneloop, Energizer, Enermax, Epicgear, Epson, Equip, ErgoRest, Ergotrading, Ergotron, Eset, Eurotronic, EVGA, Fantec, Fanvil, Farbtoner, Fellowes, Fibaro, Finum, Fireangel, Flexcopters, FluxPort, Fokussale, Fortron, Fortron bulk, Fortron Industrie USVs, Fractal Design, Franklin, Freecolor, Freecom, Fuji, Fujitsu, Fujitsu Tech. Solut., G + G, G Data, G.Skill, Gainward, Geha, Gelid, Gembird, GFI, Giga Fixxoo, Gigabyte, Gigaset, Gigaset Pro, Goobay, Good Connections, Goodram, Google, Grandstream, Gymba, Hagor, Hanns G, Hannspree, Hauppauge, Hercules, Herlitz, Herma, Hewlett Packard, Hewlett Packard Enterprise, Hewlett Packard INC., HGST, Hikvision, Hippus, HKC, HoMedics, Honeywell, House of Marley, Hp Komppatibel, HP Notebooks, HTek, Huawai, Hynix, I.R.I.S, IBM, Iconbit, Icy Box, ICY Dock, IDENTsmart, IDGard, iHome, Iiyama, Imperial, InFocus, Infotrend, Inno3D, Inolight, InspirationOrganisationErgono, Insta360, Integral, Intel, Intelli, Intellinet, Intenso, Inter Tech, Jabra, Jam Bluetooth Speaker, Jamara, Jonsbo, Juniper, Jupio, Kaspersky, Kensington, Keter, Keysonic, KFA2, Kinesis, Kingston, KMP Printtechnik AG, Kobo, Kodak, Konftel, Kross, Kyocera, Kyutec, Label-the-Cable, LANCOM, LC-POWER, Lenovo, Lenovo ND, Lepa, Level One, Lexmark, Lexware, LG Electronics, Ligawo, Lindy, Linksys, Linkworld, Lioncast, Lite-on, Logilight, Logilink, Logitech, Logitech bulk, Logitech Niederlande, Longshine, Losstech, LSI, Magix, Malinos, Manhattan, Matrox, Maxtor, McAfee, MediaRange, MediaVerlagsGesellsc, Medigenic, MegAsept, Microlab, Micron, Microsoft, Microsoft Hardware, Microtek, Millenium, Mobilcom-Debitel, Moizi M&ouml;bel, Motorola, MS-Tech, MSI, Nanolxia, NaviLock, Naxn, NEC, NeoMounts, Neovo, Nero, Netgear, Newstar, Nikon, Ninebot, Nintendo, Noctua, Noname, Norton, Novastor, Novell, Octogate, Oki, Optoma, Original Easy Optimize, Orvell, Overland, Panasonic, Panda, Papermate, Papst L&uuml;fter, Paragon Software, Parker, Patton, PCTV, Peach, Pelikan, Pelikan B&uuml;ro, Phicomm, Philips, Philips Professional Displays, Phoenix Safe, Pinnacle, Planet Technology Corp., Plantin, Plantronics, Platinum, Plextor, PNY Technologies, Polaroid, Polycom, Port, Posturite, Powercolor, Premium White Box, Promise, PROTECH SYSTEMS, Qnap, QSAN Technology, Quantum, R-GO Tools, Rackmax, Rackmount, Raidon, Rangee, Raspberry, Rasurbo, Rayovac, Realpower, Refurbished by RETEQ, Refurbished by tecXL, Rein Medical, Reiner SCT, Revoltec, RF Elements, Ricoh, Rieffel Schweiz, Rittal, Riva Case, Rolodex, Rotring, Salter, Samsung, Samsung Displays, Samsung Drucker, Sandisk, Sangean, Sapphire, Scandinavian Business Seating, Schwaiger, Scythe, SDC, Seagate, Seasonic, Securepoint, Sedna, Segula, Seitec, Sennheiser, Sharkoon, Sharpie, Shuttle, Silicon Power, Snom, Sony, Sophos, Spectralink, Spyder Datacolor, Stanley, Sunne, Super Micro, Swedish Posture, Symantec, Synology, Take MS, TakeMS Sonderposten, Tandberg, TCL, TDT, Teac, Team Memory, Tech-Air, Technaxx, Technisat, Telefunken, Telekom, Telestar, Tenda, Terratec, Tesoro, Thecus, Thermaltake, Thrustmaster, Thumbs up!, Tiptel, Tolino, Toshiba, Toshiba Notebooks, Totoku, TP-Link, Transcend, Trendgeek, TrendNet, TRG Dienstleistungen, Tronje, TT Esports, Typhoon, Ubiquiti, UE Ultimate Ears, Ultraforce, Ultron, Ultron PCs, Unify, US-Robotics, Vartas, Veeam, Verbatim, Veritas, VMWare, Vogel's, Vogel's Business, Vornado, VU+, VXI, Wacom, Wantec, Watchguard, Waterman, Western Digital, WG2, Workey, WWIO, X4-Tech, Xerox, XFX, Xiaomi, Xilence, Xlyne, Xoro, XpertVision, xyz Printing, Yealink, Yeastar, Zebra, Zenion, Zipato, Zotax, Zyxel</b>

</div><br>

<div id="Beispielangebot";><font face="arial" size="3"><b><strong>Beispielangebot</strong><br>
<img src="https://www.online-deliveries.de/a.jpg">

<div id="Beispielangebotstext";>Kleinstes Budget System<br><br>

Win 10, 4 x 3,8 GHz, 8 GB RAM, 1 TB Speicherplatz<br><br>

Gehäuse: Geh LC-Power Micro ATX (B) Alu-Optik<br>
Netzteil: LC-Power 350W LC6350 (80+Bronze)<br>
Motherboard: Biostar A960D+ V2 (890GX, AM3, mATX, DDR3, VGA, AMD)<br>
Prozessor: AMD FX-4300 4-Core 3.8GHz AM3+ 8MB Cache 95W<br>
W&auml;rmeleitpaste: Revoltec Thermal Grease<br>
CPU K&uuml;hler: Xilence Performance C A250 PWM (XC035)<br>
Arbeitsspeicher: DDR3 8GB PC 1333 CL9 G.Skill KIT (2x4GB)<br>
Festplattenspeicher: Toshiba 8.9cm (3.5") 1TB SATA3 Desktop DT01ACA100 7200rpm<br>
Optisches Laufwerk: DVW ASUS DRW-24D5MT SATA Black Silent<br>
Grafikkarte: Palit GT710 1048MB, PCI-E, DVI, HDMI, passiv<br>
Betriebssytem: Win Pro 10 64Bit DSP 1pk Deutsch DVD<br><br>

Brutto (PC-Bau, Installation, Lieferkosten, Versicherung, Mehrwertsteuer): 511,41&euro;<br><br>

Ideal für Arbeit im Büro wie E-Mails, Word, Excel, Internet und Multimedia.<br><br>

Datum: 24.02.2018
</div></b></div><br>

<div id="Kontakt";><font face="arial" size="3"><b><strong>Kontakt</strong><br><br>

E-Mail: <a href="mailto:info@online-deliveries.de">info@online-deliveries.de</a></div><br>

<div id="Impressum";><font face="arial" size="3"><b><strong>Impressum</strong></b><br><br>

Konstantin Frolkov Deliveries e.k.<br>
Peliserkerstra&szlig;e 91<br>
52068 Aachen</div><br>

<div id="footer";><font face="arial" size="3"><b><strong>Konstantin Frolkov &copy;</strong></b></div><br>

</body>
</html>
Member
Posts: 3,197
Joined: May 4 2013
Gold: 1,457.00
Mar 1 2018 12:46am
Sorry to say but it looks awful. Like early 2000's lycos or geocities pages. Unreadable, doesn't work on mobile

1. Use css, remove all the pointless <font> tags, use paragraphs instead of <br>
2. font only works because you load it from "https://online-deliveries.de/Charmset.eot". It's https and when viewing https://www... its different domain and disallowed. Also, instead of loading bazillion fonts just make a logo image.
3. you repeat same css rules over and over for different #elements. Instead just give them all same class and change css rule to one .classname { ... }
Member
Posts: 5,609
Joined: Nov 29 2007
Gold: 0.00
Mar 1 2018 01:02am
Quote (John_Locke @ Feb 28 2018 02:03am)
www.online-deliveries.de

I want you guys to check the code if something is wrong with it and if I can do something better and how can I make it look normal on internet explorer and on android? It looks very crippled.


look into Block formatting and bootstrap
Member
Posts: 1,086
Joined: May 7 2013
Gold: 0.00
Mar 1 2018 01:28am
Quote (nuvo @ Mar 1 2018 06:46am)
Sorry to say but it looks awful. Like early 2000's lycos or geocities pages. Unreadable, doesn't work on mobile

1. Use css, remove all the pointless <font> tags, use paragraphs instead of <br>
2. font only works because you load it from "https://online-deliveries.de/Charmset.eot". It's https and when viewing https://www.../ its different domain and disallowed. Also, instead of loading bazillion fonts just make a logo image.
3. you repeat same css rules over and over for different #elements. Instead just give them all same class and change css rule to one .classname { ... }


no sir there was of course a reason why I wanted so because paragraphs have such big spaces in between which looks not awesome in my view
I ultra love only 2000 style and so on because it is such a candy for my own eye what's the problem?
the fonts must be loaded because they are loaded faster then a picture of course aren't they?
please explain what you mean in number 3 sir I do not understand how it is done

This post was edited by John_Locke on Mar 1 2018 01:28am
Member
Posts: 3,197
Joined: May 4 2013
Gold: 1,457.00
Mar 1 2018 02:47am
You can use css to change spacing between paragraphs. And it's bad for people who need screen readers for example.

Isn't this site where customers can order some PC? I wouldn't trust site that hasn't left early 2000's

Fonts take 50KB, you can make logo with about the same size that will always render properly.

by 3 I mean:

Code


#Produkte {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Hersteller {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}



Those two are identical, aren't they? And they repeat several more times. You could replace them all with just one rule eg.

Code


.frame {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}


then instead of <div id="Hersteller">, <div id="Produkte"> etc you give every div same class="frame".

Also, text shadow plus grandient background makes it hard to read.

Protip: use https://getbootstrap.com/ as a framework for your site.
Member
Posts: 1,086
Joined: May 7 2013
Gold: 0.00
Mar 1 2018 05:01am
Quote (nuvo @ Mar 1 2018 08:47am)
You can use css to change spacing between paragraphs. And it's bad for people who need screen readers for example.

Isn't this site where customers can order some PC? I wouldn't trust site that hasn't left early 2000's

Fonts take 50KB, you can make logo with about the same size that will always render properly.

by 3 I mean:

Code
#Produkte {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}
#Hersteller {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}


Those two are identical, aren't they? And they repeat several more times. You could replace them all with just one rule eg.

Code
.frame {
box-sizing: border-box;
background-image: url("https://online-deliveries.de/1.jpg");
background-size: 100% 100%;
margin: auto;
text-align: left;
width: 1200px;
padding: 5px;
border: 2px solid black;
text-shadow: 2px 2px 0px white, 0 0 5px white, 0 0 5px white;
}


then instead of <div id="Hersteller">, <div id="Produkte"> etc you give every div same class="frame".

Also, text shadow plus grandient background makes it hard to read.

Protip: use https://getbootstrap.com/ as a framework for your site.


Well ok then I will use such a professional magento or woocommerce store or whatever.
I just simply love such oldy colorful neon shiny skylines electronics style and wanted to insist on that.
Why should you not trust? It is in Germany for people who have not the slighest idea about electronics and IT and need a lot of consultation and can not build stuff for themselves and love to talk on the phone and such a stuff.
Thank you for the codes.
Member
Posts: 5,609
Joined: Nov 29 2007
Gold: 0.00
Mar 1 2018 11:14pm
Quote (John_Locke @ Mar 1 2018 12:28am)
I ultra love only 2000 style and so on because it is such a candy for my own eye what's the problem?

the idea that this is actually what you want it to look like in production is amazing. :rofl:
Member
Posts: 44
Joined: Mar 24 2018
Gold: 0.00
Mar 24 2018 04:43am
Quote (Goko @ 2 Mar 2018 06:14)
the idea that this is actually what you want it to look like in production is amazing. :rofl:


its my eye too continue looks good
Go Back To Programming & Development Topic List
12Next
Add Reply New Topic New Poll