Archief - diverse fouten in css

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

Brando[n]

Legacy Member
HTML: http://users.telenet.be/brandondc/INDEX.html
CSS: http://users.telenet.be/brandondc/style.css

Firefox:

1) 'Civil Construction Works' en '18/08' en alles regels eronder wil ik op gelijkte lijn trekken met 'Our Activities' en 'Latest News'. Zodat het mooi onder elkaar staat en geen inspringing maakt die ik maar niet kan vinden...

2) Hoe krijg ik '© 2012 Scaldis Salvage & Marine Contractors NV' op gelijkte hoogte met de onderste rand van de afbeelding 'Scaldis: lifting ...'?

3) Tussen het hoofdmenu en de dropdown zit nog een witruimte die weg moet...

Als ik dan in IE kijk, is de pagina niet meer gecentreerd en het menu ook redelijk fucked up :wtf:
-

-BVR-

Legacy Member
1) ul, ol{padding: 0;}

2) Zet die tekst in een span. Geef footer position: relative; geef die span position: absolute; bottom: 0;. Of gewoon een goede padding-top, dat gaat ook

3) Uw menu is gewoon superslecht opgebouwd en semantisch niet logisch. Je moet je lijsten nesten. Gebruik dit als voorbeeld: Edit this Fiddle - jsFiddle Ge hebt helemaal geen plugin nodig voor zulke menu's. Kbegrijp niet dat iedereen dat altijd met plugins doet, da's twee seconden werk om zelf te schrijven.

EDIT: ook niet moeilijk dat uw website niet werkt in eender welke browser. Die is ook niet logisch opgebouwd. float: left op elementen met een 100% width? ...

Ofwel voeg je dit toe: div#container {overflow:hidden;} ofwel verwijder je al die onnodige floats.
B

Brando[n]

Legacy Member
Waar zie jij die float: left op 100% width toegepast worden? Het is een vaste width...
A

Audiosonic

Legacy Member
3) uw top waarde van uw UL klopt niet en moet lager (366px).
Ik zie dat als ik dit aanpas via firebug dit terug overschreven wordt dus ik veronderstel dat het ergens anders moet ingesteld worden (gebruik je hiervoor een plugin?)
-

-BVR-

Legacy Member
Brando[n];16721702 zei:
Waar zie jij die float: left op 100% width toegepast worden? Het is een vaste width...
Klik om te vergroten...

Het is dezelfde width als het parent element, m.a.w.: 100% width. Dat heeft echt geen zin. Geef die elementen gewoon 100% width en verwijder die float. Waarom gebruik je die float dan?

Audiosonic zei:
3) uw top waarde van uw UL klopt niet en moet lager (366px).
Ik zie dat als ik dit aanpas via firebug dit terug overschreven wordt dus ik veronderstel dat het ergens anders moet ingesteld worden (gebruik je hiervoor een plugin?)
Klik om te vergroten...
Zoals ik al zei in mijn post: ja en dat is onnodig.
B

Brando[n]

Legacy Member
BramVroy zei:
Het is dezelfde width als het parent element, m.a.w.: 100% width. Dat heeft echt geen zin. Geef die elementen gewoon 100% width en verwijder die float. Waarom gebruik je die float dan?


Zoals ik al zei in mijn post: ja en dat is onnodig.
Klik om te vergroten...

Bedoel je nu die float onnodig in #content?

Ik ben de weg kwijt... In firefox staat het goed, nu in IE nog juist krijgen...
-

-BVR-

Legacy Member
Float: left; weg bij div#content
Display: inline; weg bij div#box

EDIT: en IE springt automatisch in Quirks dat moet ge ff oplossen. Daarmee dat het niet centreert.
a

adrianhates

Legacy Member
BramVroy zei:
Float: left; weg bij div#content
Display: inline; weg bij div#box

EDIT: en IE springt automatisch in Quirks dat moet ge ff oplossen. Daarmee dat het niet centreert.
Klik om te vergroten...

geldige doctype gebruiken:
<!DOCTYPE html>
-

-BVR-

Legacy Member
Gebruikt gij geen dev tools? Chrome of FF Firebug? Want da's toch wel basic hoor. Uw path klopt niet. Dees is wel juist:

Code: 
#footer {url('../images/footer.jpg') bottom right no-repeat;}
B

Brando[n]

Legacy Member
1) Als ik de pagina Scaldis Salvage & Marine Contractors NV open, verschuift de website naar links. Heeft waarschijnlijk te maken dat er een verticale scrollbar aanwezig is tegenover de andere werkende pagina's? Enig idee hoe ik dit oplos?


2) Iemand nog een oplossing om het menu een width van 910px mee te geven? Zodat de blauwe balk gelijk loopt met de foto's erboven.

3) http://setuptornooi.shi.be/SCALDIS/images/icon_policy.gif Enkel aan te maken/passen via photoshop neem ik aan?
s

samn

Legacy Member
Brando[n];16741541 zei:
1) Als ik de pagina Scaldis Salvage & Marine Contractors NV open, verschuift de website naar links. Heeft waarschijnlijk te maken dat er een verticale scrollbar aanwezig is tegenover de andere werkende pagina's? Enig idee hoe ik dit oplos?


2) Iemand nog een oplossing om het menu een width van 910px mee te geven? Zodat de blauwe balk gelijk loopt met de foto's erboven.

3) http://setuptornooi.shi.be/SCALDIS/images/icon_policy.gif Enkel aan te maken/passen via photoshop neem ik aan?
Klik om te vergroten...

1)
Voeg dit toe in css op de pagina('s) zonder scrollbar':

HTML: 
body{
 overflow-y: scroll;
}

Dit creëert een 'lege' verticale scrollbar.

2)
HTML: 
#menu {
    clear:both;
    font-family: Arial,sans-serif;
    margin: 0;
    padding: 0;
    width: 910px;
}

Edit: misschien is dit beter:

HTML: 
#menu ul {
    background: none repeat scroll 0 0 #1368B2;
    float: left;
    font-size: 0.9em;
    font-weight: bold;
    height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
3)
Best via Photoshop inderdaad
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan