Hjälp och kritik med och på min första hemsida
Hej css-gurus och alla andra! Lång post, men hoppas någon orkar läsa! Jag behöver er hjälp!
Jag pluggade en a-kurs i webbplatskonstruktion i fjol som jag aldrig riktigt slutförde, men det tänkte jag att det skulle bli ändring på nu.
Jag hittade ett företag att göra ett litet webbprojekt med, som ingick i kursen. I detta läget är jag inte så intresserad av själva utseendet utan syftet är att lära mig korrekt html och css. Bortsett från kompatibilitet med webbläsare tror jag att jag har lyckats då jag validerat koden som html 4.01 Strict samt css 2.1. Räcker detta valideringsmässigt sett?
Problemet är att min struktur inte går hem i äldre versioner av explorer. Scroll skall endast vara på mainfönstret där innehållet är och alltså inte på hela sidan. Boxen med företagsinfo skall ligga under den vertikala menyn och main - som skall ligga brevid varandra. Zoom funkar tillfredsställande i några steg, men det är ändå inte hundra pga strukturen.
Jag försöker använda relativa mått i form av % men jag lyckas inte riktigt med detta då innehållet styr höjd vilket resulterar i att info-boxen inte hamnar längst ner när det är lite innehåll. Som sidan ser ut i firefox vill jag ha det, men detta går alltså inte hem i explorer 6 etc då den inte verkar gilla att jag satt position:absolute på info-boxen. Jag har svårt överlag att fatta hur jag skall ställa in diverse %-storlekar och position-attribut... I min värld är fasta värden som pixlar på boxar inte bra att använda!?
Mitt största problem är alltså själva strukturen. Kan någon förklara hur jag skall tänka generellt sett när man använder sig av en traditionell struktur med horisontell och vertikal meny samt ett "mainfönster" där innehållet är och således overflow:auto skall vara? Är det möjligt att använda %?
Återigen, jag är medveten om att det inte är världens snyggaste sida men det är som sagt innehållet som skall vara det viktigaste och att göra en sida av korrekt css för att teoretiskt sett kunna få bättre sökträffar. Min enda tanke med designen är de två bakgrundsfärgerna som menyerna skall "flyta in i". Samt få innehållet centrerat. Utöver det är jag bara ute efter ett stilrent utseende och hög tillgänglighet. Det återstår arbete på detta men i grund och botten lär väl sidan se ut som den gör nu - i firefox.
Det är bara några av sidorna som har innehåll än...Bland annat under luftvapen - axsor och gemini, samt startsidan.. Det är inte klart om sidan någonsin kommer publiceras "skarpt" men det var tänkt så från början^^.
Här är -för skoj skull - länken till sidan idag
MERA HJÄLP:
1: Logotypen - ja den ser ut som logon på en gammal spel-konsoll men det är inget ajg kan påverka - är dåligt gjord och jag tror att sidan skulle lyftas av en "clean" sådan. Samma design fast proffsigare. Jag suger på PS så om det är någon som har en länk till en guide som kan visa mig hur jag kan göra den...Eller kanske till och med fixa en åt mig?
2: Vertikala menyn: Jag är lite lost på alla #meny, #meny ul, #meny ul li tjofräs i css-filen och skulle vilja att hovereffekten eller bakgrunden på samtliga länkar ligger an mot bakgrunden, samtidigt som texten skall ha lite padding. Vad gör jag för fel?
3: Kom med förslag hur sidan kan förbättras utseendemässigt och tillgänglighetsmässigt!!
Jag är sjukt tacksam för all hjälp! ALL HJÄLP!
Asus TUF Gaming WiFi | Ryzen 5600X | 32 GB Ballistix| Vega 56 | Newton R2 650 W