Skip to Content Skip to Menu

module css

15 years 8 months ago #87346 by msquared70
module css was created by msquared70
I'm not a css expert but I can usually find my way around and tweak things when I need it. But I don't know php...

The menu_inbox image is the same size in all the template variations and it looks great- however if you put in a larger size icon it makes the "inbox #" text drop.

I have tried playing with the css for hours and nothing I do effects the positioning of the text.

The image code is in the php file and has quotes around it- I've never seen this in php. If I try to add a style to it I break the code!

I'm just really frustrated trying to use a larger icon and have the text line up vertically with it.

I've include a pic.. all I want is the text to center vertically next to the image. I have tried this in the css with no luck.
could someone point me in the right direction?

Thanks
Mark
Attachments:

Please Log in or Create an account to join the conversation.

  • slabbi
  • slabbi
  • OFFLINE
  • Posts: 3709
  • Thanks: 250
  • Karma: 153
15 years 8 months ago #87357 by slabbi
Replied by slabbi on topic Re:module css
The relevant CSS code is here

[code:1]/* The navigation row */

#uddeim-navbar2 {
/* menu row */
padding: 8px 8px 15px 8px;
}

li.uddeim-activemenu {
}

#uddeim-navbar2 ul {
padding: 0px;
margin: 0px;
}

#uddeim-navbar2 ul li {
display: inline;
margin-right: 7px;
font-weight: bold;
background: none;
padding: 0px;
margin-left: 0px;
}

#uddeim-navbar2 li a {
}

#uddeim-navbar2 li a:hover {
}

#uddeim-navbar2 ul li img {
margin-right: 3px;
margin-bottom: -4px;
}[/code:1]

e.g. try
[code:1]#uddeim-navbar2 ul li img {
margin-right: 3px;
margin-bottom: -4px;
vertical-align: text-bottom;
}[/code:1]

or vertical-align: middle; end so on...

uddeIM & uddePF Development
CB Language Workgroup
CB 3rd Party Developer

Please Log in or Create an account to join the conversation.

15 years 8 months ago #87371 by msquared70
Replied by msquared70 on topic Re:module css
Thank you slabbi,
I'm actually talking about the module css - I see I forgot to mention that detail. The main menu bar in the actual inbox seems to have more css detail. Its the module css that is giving me a headache. I've tried the same technique "align-middle" on the text. There doesn't seem to be code to position the icon in the module.

Mark

Please Log in or Create an account to join the conversation.

  • slabbi
  • slabbi
  • OFFLINE
  • Posts: 3709
  • Thanks: 250
  • Karma: 153
15 years 8 months ago #87375 by slabbi
Replied by slabbi on topic Re:module css
I am sorry, I thought you were talking about the menu bar.

The styling in mod_uddeim is not so complex as in the main component so maybe this is the problem here.

I add this on my todo list for the next release (1.7).

uddeIM & uddePF Development
CB Language Workgroup
CB 3rd Party Developer

Please Log in or Create an account to join the conversation.

15 years 8 months ago #87378 by msquared70
Replied by msquared70 on topic Re:module css
Thank you for your help. That would be great. There are a lot of neat things you could do with the look of the module.

Mark

Please Log in or Create an account to join the conversation.

Moderators: beatnantslabbikrileon
Powered by Kunena Forum