Insert images and text in header for responsive design cc

I am having a issue with inserting a logo, company name and Facebook graphic into my header.
I started setup of a responsive design and added a responsive header along with other areas below.
I want the Logo to stay on the left, the company name to the right of the logo and the Facebook graphic on the right side of the header.
I keep making a mess and can't get anything to line up correctly.
I am using Adobe Dreamweaver CC and trying to control with CSS.
I am just starting to learn the new CSS Designer in CC. I liked the old CSS console better.

Basically, you need to float all 3 elements left and give them a width of 33.33% (3-across).
header #logo,
header h1,
header #fb {
     float:left;
     width: 33.33%;
HTML:
<div class="gridContainer fluid">
     <header>
          <div id="logo">Your logo here</div>
          <h1>Your Site Name</h1>
          <div id="fb">Facebook here</div>
     </header>
Nancy O.

Similar Messages

How do I drag an image or text box to the "workspace" off of my working file but where I can still see the image and text box for future use?

How do I drag an image or text box to the "workspace" off of my working file but where I can still see the image and text box for future use?
When I drag the item off of the trifold that I am creating, it just disappears but I still want to use it. I just need to move it out of the way to modify other portions of the document.
thanks,
C

Add another page below the current one to use as a storage area. You can't use the grey area around the page for storing items you want to use later.
Go to the Pages Menu>Provide Pages Feedback if you would like to request this feature be added in future versions.

Correct workflow when inserting images into text, InDesign CS4

Hi,
I am new to InDesign and I have a problem regarding a really basic thing and I would be very grateful for help.
I am writing an article which is about 10 pages long. It consists mostly of text. I have finished writing and now I want to add some illustrations with descriptions. I've already figured out it's best to insert images into the text frame so they behave as "anchored objects" and they move together with text when I add or delete something on previous pages. Now I would like to place TWO OR MORE images, one next to each other, in a line. This is a bit tricky but I created an object style with Position: Custom in "Anchored object options" and it works more or less fine. This works great but now it would be hard to add descriptions to these images that would still be anchored.
So I created something different. I made an empty rectangle frame, a small text frame under it and grouped them. Then I placed it in my master text frame and basically did the same thing as for previously described images. Now I place the newly loaded image in the empty rectangular frame and add text in the empty text frame. BUT now I have problems with frame size for different-size images.
What if I have a REALLY LONG article and want to add LOTS of images with decriptions that would be anchored in the text so I can edit previous pages? I can do this my way, but it's extremely uncomfortable and takes ages. Is there any comfortable, non-destructive workflow for doing such things?
Sorry for my English.

Hi,
I would recommend following steps:
Place one or more images
Don't anchor them yet.
Arange them (the images) relatively to each other, add a text frame and arrange them correct relatively to the images.
Group images and text
Copy (or cut) them into the clippboard
Set the curser into the text where it should flow
Paste it
Adjust the anchored object (the group)
You need to group several objects to anchor them together as one anchor.
Further recommendation:
For the images I would specify an object style for fitting, stroke, corner optione.
For text frames I would specify an object style for text object options, like text offset, and used paragraph style, no boarder, etc.
For the group I would spcify an object style which leaves above mentioned settings undefined (option field is grea or has a dash). But the anchored position of the whole group and text wrapping should be specified.
Willi Adelberger

How to populate image and text field in SQL Server

I want to populate a table, i.e insert images in a table in SQL Server. I am using Java(JSP/Servlet). Can any one suggest me how to populate the image and text fields in SQL Server...of course, using Java. If possible, could you please give me a piece of code?
Regards -
Samit

Hi,
Please check the following link for information on inserting images in to sql server database.
http://www.databasejournal.com/features/mssql/article.php/1475641
Cheers,
vidyut

Problem with images and text displaying correctly

I don't really know how to explain this problem and I had two screenshots ready to upload to show the before and after but we apparently can't upload photos now...SOOOO I will try my best.
The issue began when I got a new computer at work (Windows 7 instead the Windows XP everyone else has) and was/is present for me in InDesign CS2 and since we were planning on updating to CS5, I figured that having an updated version would fix whatever issue it was. That was a wrong assumption unfortunately.
When I open any document, all images and text are displayed properly until I scroll up/down or side-to-side and NOT using the scroll wheel for up/down. This is probably so confusing and I'm sorry I can't describe it better...the mouse I use has two programmable buttons that I set to coast up and down and to go side-to-side I can push the scroll wheel to one side or the other and it coasts that direction. When I do either of those things, the text looks like it is permanently greeked and the images look....weird lol like they are in 16 bit or something like that. To fix the problem in CS2, I have to click and hold on a text block until I am able to adjust text so that I can see it adjust in real-time. In CS5, I have to do the same basic thing except I don't have to click and hold as it does that by default (awesome feature btw!!)
I have already updated my graphics card driver (Nvidia 9400 GT 1GB) and my processor driver (Intel Core2Duo 3.0ghz) and I have 4GB of RAM. I tried updating both CS2 and CS5 but both are updated already. I've also tried doing the whole inx. export and cleaning the preferences file or whatever that is called. Nada. If someone thinks they can help me, I can send them the two images I was going to upload here. Email me at justgeig (at) gmail (dot) com Thanks in advance!

maybe greeked isn't the right word...i don't know how to explain it
here is the correct view. It is much more noticable when the whole document shows this.

How do I save image and text as a single image in InDesign CS5.0?

How do I save an image and text as one image in InDesign CS5.0? NOT 5.5.
I need to save the image as a 72-dpi, jpg file for ePub purposes. I designed a book and am handing it off to someone for ePub.
This is what I've tried:
1) Copied from InDesign, pasted into a PhotoShop doc as a Smart Object. Saved it as 72 dpi jpg, then imported back into ID.
2) Took a screenshot of ID page, placed it in PS, saved as 72 dpi, imported into ID
3) Saved page as a PDF from InDesign, then saved PDF as 72 dpi jpg, then imported into ID.
4) Save page as a PDF from InDesign, placed into Photoshop and saved
as 72 dpi, then imported into ID.
5) Saved as an EPS from InDesign, placed in PS, then imported back to ID.
In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
HELP!!!

In all cases, the type looks terrible. It doesn't seem to matter whether I copy or place into Photoshop, though placing is slightly better.
Naturally what you did will result in rasterized text. Did you preview with high quality settings?
Are you sure the people who will handle that downstream need pixel images and do you have the exact pixel dimensions needed?
Why did you place the image back in Indesign, by the way?

I have a Flash Sample to rotate images and text but I not find a way to display special characters

Hello everyone.
I bought a very nice Flash application that rotate images, and text of any color and size. It use an XML input file.
I've posted here, a complete copy, so any of you can download, view and use it freely.
I would appreciate if any of you know how to do, so that the text displayed, including the characters I use in my language (Spanish), such as á, é, í, ó, ú, ñ, and other special characters.
In fact, I could not find a way to do it, because I'm not expert Flash, and less in ActionScript.
If any of you would help me on that, I thank you implement the appropriate adjustments and compressed into a. zip file, and let me know where to download it, or if you prefer you can send it to my email: [email protected]
After all compressed in .zip format is a very small file: 430K.
Click here to download the complete sample.
Thanks.
=====================================
Translated using http://translate.google.es
=====================================

Hello Rinus,
If I understood your last post correctly, then problem 2 is resolved, right?
Regarding problem 3:
I'm not asking you to share exact VIs.
I just want to see a very simple VI that explains the concept of what you're trying to do, what should happen (this can be in words that refer to the front panel elements) and what you've tried.
The terminology you're using isn't clear to me without an extra explanation.
This could even be only a Front Panel with a few buttons on where you just describe what should happen with specific controls/indicators.
Based on the first post it is not clear to me what you mean with:
- A "button element":
Are you talking about a control, an indicator, a cluster that contains multiple control?
- The structure:
Is this an event structure, case structure, for loop, ...?
Is it seems like you want to programmatically control Front Panel objects, which on itself is no problem at all independent of how many objects you want to control.
Please share with me simple example of what goes wrong and explain which things should happen on that specific Front Panel.
This will allow me to help you and also allow me to guide you along the right path.
Kind Regards,
Thierry C - Applications Engineering Specialist Northern European Region - National Instruments
CLD, CTA
If someone helped you, let them know. Mark as solved and/or give a kudo.

Appending data(Image and Text) to a file written with RTFWriter2.

I have file witten using RTFWriter2 which contains image and text.I nedd to modify the contents of that file at runtime through browsing and selecting the JFileChooser and append the data to existing selected file.
I write inot the file for the first time using FileOutputStream("filename",ture)
where true stands for appending data to current file,if does noes have any/not.
But this does not work when i write the file using RTFWriter2,and i have to use this RTFWriter2 b'coz writing an image to a file is not done by any other way.
If there is any do let me know and if not then what is the solution to this problem of appending data to existing file written by RTFWriter2.
Your repkeis will be appreciated.Thank You.

Mubin_Ahmed wrote:
Hi,
I want to write an application which can be used to read a file that contains both images and text.
It must separate the images and text and write them in separate files..
Can anyone help me with this please...
My email id is [email protected]
Thanks in advance...This forum is to use as a resource for your questions, not a place to enlist someone to program for you. If you have specific questions on what to do, not: "I've not a clue, so explain the wold to me." But specific questions on how to get your code to work or points about Java, then people from all over the world will be happy to help you in the context of the forum, and not through your private e-mail. E-mail defeats the basic purpose of having public forums for learning and exchange of information.

Group image and text in pages grayed out

group image and text in pages grayed out... any help please?

They both have to be free floating objects ie an image/shape/table/chart/textbox not inserted in the text.
Peter

How to send files like audio,video,images and text via RMI..

Hi everyone,
As I am working under a project, my own, of creating a chat machine, I've thought to make it capable of doing everything that MSN or yahoo MSN can do. Till now I've just been able to send messages and some small icons as expressions. So, my next step will be making my progam able to send even other files like audio, video, images and text to the person on the other machine to whom I'm chatting. But as I don't have any idea on how to start doing it, I want anyone who think he/she can help me to give me the basic logic that is used to do so. I would very much appreciate it. I've used vectors to store the text messages which is visible to all the users using the chat program enabling them to see various messages in it.
thank you...
Jay

Hi,
Now, I got stuck because the code doesn't seem to work well. For large files with around 40 mb or more size couldn't be sent. I have constructed the code, just rough sketch, as follows:
** In the Server Implementation class I've used FileInputStream to read the contents of a file that is sent as an argument to the method.
** Similarly, in the client side I've used RandomAccessFile to save the received array of bytes.
public void sendFile(File f)
   ChatServer cs=(ChatServer)Naming.lookup("rmi://localhost/ChatServer");
   cs.readsAndStoreTheFileInTheServer(f); // In the Server Implementation the contents of the file is read and saved in an array of byte. later method is invoked by the client to get the array of the saved byte.
   cs.message("-Accept-"); // When a client receives this word then a JComponent with accept and cancel button will be constructed from where other clients can save/cancel the sent file.
}For small size files this code works well but for files more than 40 mb of size it is useless. I wonder if there's any other alternative.
regards,
Jay

Create an image and text rollover in Dreamweaver?

I'm wanting an image and text to have a link and then the image and text to change to another image and text automaticly. Here is a link that I want it to look like. (local hot spots) Is there a way in Dreamweaver to do it or by inserting HTML code...
http://thegospot.com/
Thanks to any help I can get.

All depends on what you want.
CSS a:hover affects the text/image mouseover state.
http://alt-web.com/DEMOS/CSS-Button-Sprite.shtml
Disjointed content inside <span> tags displays wherever you code it to appear on hover.
http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
Nancy O.

Changing images (and text) in InDesign file to spot color.

Hi, Im trying to create a two color job in InDesign that will be black and red. The problem I have is that our imagesetter is not separating the colors.
I was told that the red color needs to be a spot color in InDesign for the imagesetter to know to separate the colors. Otherwise, if the colors are not set as a spot color then it sends the file as CMYK separations or grayscale separations.
The question I have is how can I change the images (and text) in my InDesign file to be set as a spot color? Thanks in advance.

Please re-ask your question in the ID forum:
Mike

Image to text convertor app for MacBook Air

hi any one can help me regarding "image to text convertor app for MacBook Air". Actually I want to make soft text document of some my collected material which contains text information. Is any software/app is availeble to convert image to text? please help me...!!!!?

Your Air has Apple Pages built in. That should work fine. Depending what format your electronic essay system requires, you may have to export to either Word or PDF, both of which Pages can do.
Alternatively, Libreoffice (libreoffice.com) is free and has most of the features of Microsft Office. You can of course buy Office but that's the most expensive option.
Matt

Combining image and text in accordion content panel

Hello,
I'm having difficulty displaying image and text together within an accordion content panel. What I need is a thumbnail photo of a staff member plus a short bio. I've put a panel together so it displays as needed in Live View, but not in IE8, Foxfire8, or Chrome. I'm using Dreamweaver 5.5, Spry 1.6.1, Windows 7.
Here's the code for the panel that includes an image not displaying:
<div class="AccordionPanel">
<div class="AccordionPanelTab">Stan Swiercz, Training Manager</div>
<div class="AccordionPanelContent">
<div class = "PanelImage"> <img src="/images/StanSwiercz.jpg"/></div>
Bio text goes here</div>
</div>
Here's a link to a test page (ignore funky color variations, still settling those). The panel that is set to open should display an image floating left with text wrapping, as it does in Live View.
http://cet-training.org/Test%20folder/people.html
I''ve double-checked documentation, help, and done searches, but can't find any information about what should be an easy thing to do. Any help out there?
Thank you very much,
George

The location of the image is http://cet-training.org/Test%20folder/images/StanSwiercz.jpg (click the link to see the image)
This is the markup from your document <img src="/images/StanSwiercz.jpg"/> which means that the image is located in the images folder which is located in the root directory.
Hence the image cannot be found by your document.
The following are possible solutions, please choose one only
change the location of the images folder to reside in the root directory
delete the leading slash from the link as in <img src="images/StanSwiercz.jpg"/>
change the link to an absolute value as in <img src="http://cet-training.org/Test%20folder/images/StanSwiercz.jpg"/>
Gramps

How to paste image and text in same textbox.

Is it possible to paste image and text in same textbox
or anyother swing component.

See http://java.sun.com/docs/books/tutorial/uiswing/components/generaltext.html for information about styled-text displays, including text/image combinations
Doug

Insert images and text in header for responsive design cc

Similar Messages

Maybe you are looking for