css site in FF, IE6+, Mozilla

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Chechu

chechu

24/05/2008 10:14:00
Quote Anchor link
Hey,
Mijn site http://www.cecicasariego.com wijkt visueel blijkbaar af in andere browsers, en dat zou de css ( http://www.cecicasariego.com/site.css)als oorzaak hebben. Kan iemand mij laten weten wat er aangepast moet worden, zodat de site in alle browsers op dezelfde maier weergegeven wordt, aub. Dankjewel.
 
PHP hulp

PHP hulp

18/12/2024 10:51:54
 

24/05/2008 10:33:00
Quote Anchor link
In welke browser wijkt het af en wat wijkt er af? In Firefox zie ik zo snel alleen dat de copyright en taal niet goed gepositioneerd staan. Dit kan je oplossen door een top margin aan de images mee te geven.
 
Jorn Engelbart

Jorn Engelbart

24/05/2008 11:17:00
Quote Anchor link
idd hier in safari op Mac ook de copyright en taal voor de rest niets hoor :)
Gewijzigd op 01/01/1970 01:00:00 door Jorn Engelbart
 
Chechu

chechu

24/05/2008 11:22:00
Quote Anchor link
Dankjewel voor je snelle reply.
Quote:
Dit kan je oplossen door een top margin aan de images mee te geven

Wat moet ik specifiek aanpassen in de css of code, aub ?
 
Joren de Wit

Joren de Wit

24/05/2008 11:29:00
Quote Anchor link
Het element dat je aan moet passen: #left ul.sub-link li

Geef deze bijvoorbeeld een margin-top van 10px mee...
 
Chechu

chechu

24/05/2008 11:55:00
Quote Anchor link
Ik heb net de aanpassingen gedaan:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
#left ul.sub-link{
    width:268px;
    height:41px;
    padding:3px 0 4px 0;
    font-size:0;
    float:left;
    margin: 0;
}
#left ul.sub-link li{
    display:block;
    background:url(images/link_div.gif) right center no-repeat;
    padding:0 14px 0 0;
    float:left;
    margin-top: 0px;
}
#left ul.sub-link li a{
    display:block;
    font:bold 10px/34px  "Trebuchet MS", Arial, Helvetica, sans-serif;
    background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
    color:#E0E0E0;
    text-decoration:none;
    text-transform:uppercase;
    float:left;
    margin-top: 0px;
}
#left ul.sub-link li a:hover{
    background:url(images/left_link_bg.gif) 0 0 repeat-x #0E0E0E;
    color:#B08900;
    margin-top: 0px;
}
#left ul.sub-link li.sec{
    display:block;
    background:url(images/link_div.gif) right top no-repeat;
    padding:0 14px 0 15px;
    float:left;
    margin-top: 0px;
}
#left ul.sub-link li.noimg{
    display:block;
    background-image:none;
    padding:0 14px 0 15px;
    float:left;
    margin-top: 0px;
}

Ik heb margin=top op 0 geplaatst, want 10 was teveel.
Klopt het nu ?
Daarnaast kreeg ik nog de volgende opmerkingen:
- de drie links (portretten, interieur en ontwerp) staan teveel naar links
- copyright en taal te laag (klopt nu ?)
- ruimte onder afbeelding portret
Dit is hoe ik wil dat het eruit ziet:
http://www.cecicasariego.com/screenshot.gif
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.