Forum » Client-Side scripting » HTML 'ul' tag probleem
MLormans.com
Berichten: 174
avatar
Offline Stuur privebericht
Beste CriminalsPoint leden,

Ik ben momenteel bezig met een nieuwe layout in te bouwen in mijn portfolio,
Het gaat hier om een template wat ik van internet heb afgehaald, en wil dit op enkele punten wijzigen,
Zoals i.p.v. een nieuwsbrief form had ik graag mijn Social Networks onder in beeld gehad.

Maar als ik deze nu toevoeg dmv een 'ul' en 'li' tags dan komen mijn social media icons onder elkaar te staan en niet naast elkaar. (zoals hij dit bij het menu wel doet, met de 'ul' en 'li' tags

Hieronder vinden jullie een verzameling van hoe het in HTML gemaakt is, hoe het in CSS gemaakt is en hoe het eruit zien in Safari.
http://dl.dropbox.com/u/19982846/Portfolio%20probleem.jpg

Hierbij ook nog de link naar het portfolio online: http://mlormans.com/new2

Weet iemand waardoor dit komt? en dus hoe op te lossen?
23-03-2011 12:04
Dit topic is 260 keer bekeken door 38 verschillende leden
Reacties op: "HTML 'ul' tag probleem"
1
Berichten: 552
avatar
Offline Stuur privébericht
Je hoeft niet telkens #footer te doen, je kan ook zo doen:

#footer p, ul, a {

Met vriendelijke groet,

Frank sijbom
23-03-2011 12:32
Berichten: 849
avatar
Offline Stuur privébericht
Waarom zou je dit telkens doen met een <li> en <ul>?
23-03-2011 12:58
MLormans.com
Berichten: 174
avatar
Offline Stuur privébericht
@FrankY,
Mijn excuus maar ik snap niet wat u bedoeld met uw reactie,
EDIT
Ik heb het plaatje nogmaals bekeken en snap nu wat je bedoeld,
Dit klopt inderdaad volledig, maar ik heb de CSS niet gemaakt, deze zat zo bij de layout (dus misschien dat deze later inderdaad nog beter moet/kan/ga optimizen)

@Perrytje11,
Zoals al aangegeven is dit een gratis layout van internet, en de rest van de layout o.a. het menu wordt ook opgebouwd met <ul> en <li>, En dit leek mij ook een handige manier om de icons makkelijk langs elkaar te krijgen met een space ertussen (zoals dus bij het menu gedaan wordt)

Maar jij denkt dus dat ik het beste gewoon een simpele 'table' kan aanmaken en hier dan de icons in?
23-03-2011 13:44
Regelnasi
Berichten: 1092
avatar
Offline Stuur privébericht
gewoon geen list, een een simpele &nbsp;

Zo komen ze naast elkaar.
23-03-2011 13:52
MLormans.com
Berichten: 174
avatar
Offline Stuur privébericht
Ik heb momenteel gewoon een simpele table gebruikt zonder breedtes en hij pakt mooi de maximale breedte van de div en lijnt daarin alle td's inuit

Dit gebruik k nu dan als oplossing,
Indien iemand anders nog een betere oplossing heeft graag even melden, dan zal k dit uiteraard overwegen
23-03-2011 15:16
Berichten: 317
avatar
Offline Stuur privébericht
gewoon

li
{
float: left;
}

Nieuwe reactie samengevoegd met originele reactie op 23.03.11 15:22:43:
23-03-2011 15:20
MLormans.com
Berichten: 174
avatar
Offline Stuur privébericht
@webbasing,
Thanks werkt inderdaad perfect

kan nu dus idd
23-03-2011 19:11
Reageer op: "HTML 'ul' tag probleem"
1
Je kan niet reageren omdat je niet bent ingelogd. Inloggen of Aanmelden