Aanbiedingen

CSS: div goed maken

Gestart doorRhamz13 reacties47 weergaven
Log in om mee te praten

14 berichten · pagina 1 van 1

Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Beste mensen,

ik heb een klusje voor iemand die handig is met css. Het wilt mij namelijk niet lukke

Opdracht:

Ik wil een taal-bar op mijn site. Mensen kunnen dan op vlaggetjes klikken om de taal te veranderen.
Zo moet het worden: http://i39.tinypic.com/j64bdk.jpg Alleen dat rode.

Plaats hier voorhoeveel je dat wilt doen, handig is als je een demo erbij levertwink
Budget; 0.15

Succes.
0
Bjarnootjuh

Lid

Berichten
7.806
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik doe dit voor 0,15 punten. Zeg maar of je dit wilt.
0
Keffe

Lid

Berichten
951
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
heb je de rest al gecodeerd? ik denk dat ik dat wel kan doen als je alle images al gesliced hebt. voor 0,1
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik doe het wel gratis.

toevoeging op 9 april 2012, 03:35:56:
Html:

<div id="topbalk">
<div id="taal">
  <ul>
    <li><img src="plaatje" title="taal naam" alt="taal naam" /></li>
    <li><img src="platje" title="taal naam" alt="taal naam" /></li>
  </ul>
</div>
</div>


Css:

#topbalk {
  width:100%;
  height:15px;
  background:#ff0000; 
}

#taal {
  width:900px; /* breedte website */
  margin:0 auto;
  text-align:right;
}

#taal ul {
  height:25px;
  padding:5px 10px 5px 10px;
  background:#ff0000;
  list-style:none;
}

#taal ul li {display:inline;}


Dit zal je op de goede weg brengen.
Ik heb hem niet getest ofzo. Als het moet dan kan ik hem morgen e.v.t wel goed en netjes af maken.
0
Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@Freestyle, nog niet helemaal wat ik wil. Het is 1 grote blok. Het zou fijn zijn om hem netjes af te werken tegen een kleine vergoedingbloos
0
Bjarnootjuh

Lid

Berichten
7.806
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Microsoft schreef:
@Freestyle, nog niet helemaal wat ik wil. Het is 1 grote blok. Het zou fijn zijn om hem netjes af te werken tegen een kleine vergoedingbloos
Kan ik wel doen? Ik moet toch gewoon die bar daarboven maken?
0
Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
@Bjarnootjuh, dat rode ja. En graag zo persies mogelijk. Ik heb er 0.15 voor overwink
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Moet de balk trouwens altijd bovenaan staan of niet?
0
Bjarnootjuh

Lid

Berichten
7.806
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Freestyle schreef:
Moet de balk trouwens altijd bovenaan staan of niet?
Ook een vraag voor mij.
0
Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Omdat 2 mensen intresse hebben doe ik het zo;

De balk moet persies zo worden als de voorbeeld {zie start post}.
Het moet plakken aan de bovenkant. En niet mee-scrollen naar beneden
Ook moet de lijn de kant van link en rechts raken {freestyle de joune deed dat niet}.
Het flaggen "menu" moet eronder komen rechts van alles staan.

De eerste die hier een werkende script plaatst, ontvangt 0.15p

Veel succes, en mogen de beste winnen!
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Spoiler tonen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Naamloos document</title>
<style>
* {margin:0px; padding:0px;}
#topbalk {
  width:100%;
  height:15px;
  background:#ff0000; 
}

#topbalkk {
    width:900px;
    height:15px;    
}
#taal {
  width:110px;
  margin:0 auto;
  float:right;
  background:#ff0000; /* aanpassen naar het plaatje */
}

#taal ul {
  height:25px;
  list-style:none;
  padding:5px 0px 0px 0px;
}

#taal ul li {
    display:inline-block;
    padding:0px 10px 5px 10px;
}
</style>
</head>

<body>
<div id="topbalk">
    <div id="topbalkk">
        <div id="taal">
          <ul>
            <li><img src="plaatje" title="taal naam" alt="taal naam" height="20px" width="30px" /></li>
            <li><img src="platje" title="taal naam" alt="taal naam" height="20px" width="30px" /></li>
          </ul>
        </div>
      </div>
</div>
</body>
</html>
Je moet alleen nog de plaatjes van de vlaggentjes wink En al je het mooi rond wilt dan moet je daar ook nog ff een plaatje voor maken.

En dan pas je deze regel aan:

background:#ff0000; /* aanpassen naar het plaatje */
0
Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Freestyle, de rode lijn raakt de linker en rechter kant niet?
0
Freestyle

Lid

Berichten
7.681
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Welke browser ??
0
Rhamz

Lid · Topicstarter

Berichten
1.053
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Firefox, Chrome, Internet Explorer.

Het gaat om dat ene mafia layout dat je des tijds voor me hebt gesliced. Ik denk zelf dat het aan de scripting licht. Ik neem contact met je op.

Topic gaat op slot, Freestyle heeft gewonnen!
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren